var atsign = "@";
var virtual_domain = "gmail";
var dotcom = ".com";
var dotCo = ".co.uk";
var dotFr = ".fr";
var vDomain = "yahoo";
var dotNet = ".net";
var netDomain = "netscape"

function popUp_window(URL, window_name, list_features)
{
   window.open(URL, window_name, list_features);
   //window_name.moveTo(0, 0);
 }

 function redirect()
 {
	window.location.replace("http://www.hassanhajjaj.com/riad_yima/");
 }

 function mailHassan()
 {
	 var name = "hassanhajjaj";
	 document.write("<a href=mailto:" + name + atsign + virtual_domain + dotcom + " class='contactNames'>Hassan Hajjaj</a>");
 }

 function mailManagerPersonal()
 {
	var name = "bena78ma";
   // document.write("MANAGER");
    //document.write("<br />");
	//document.write("<a href=mailto:" + name + atsign + vDomain + dotFr + " class='contactNames'>E-mail: Abdelghafour  Benbadryef</a>");
    document.write("<a href=mailto:" + name + atsign + vDomain + dotFr + " class='contactNames'>Abdelghafour  Benbadryef</a>");
 }

 function mailRiadYima()
 {
	var name = "riadyima";
	document.write("<a href=mailto:" + name + atsign + vDomain + dotCo + " class='contactNames'>Riad Yima</a>");
 }
 
 function mailManager()
 {
	document.write("MANAGER");
    document.write("<br />");
	var name = "riadyima";
	document.write("<a href=mailto:" + name + atsign + vDomain + dotCo + " class='contactNames'>E-mail: Abdelghafour  Benbadryef</a>");
 }

 function mailWebmaster()
 {
	var name = "IndigoBlueW";
	document.write("WEBMASTER");
    document.write("<br />");
	document.write("<a href=mailto:" + name + atsign + netDomain + dotNet + " class='contactNames'>E-mail: Ndigo</a>");
 }

 function yimaAddress()
 {
	document.write("RIAD YIMA");
    document.write("<br />");
	document.write("<span class='contactNames'>52 DERB AAJANE RAHBA LAKDIMA MEDINA MARRAKESH MOROCCO</span>");
 }

 function yimaTelephone()
 {
	document.write("TELEPHONE");
    document.write("<br />");
	document.write("<span class='contactNames'>Mobile:&nbsp;&nbsp;00 212 (0) 6 65 16 75 54</span>");
    document.write("<br />");
	document.write("<span class='contactNames'>Fixed_&nbsp;:&nbsp;&nbsp;00 212 (0) 5 24 39 19 87</span>");
 }

 function yimaHaveALook()
 {
	document.write("VIEW VIDEO");
    document.write("<br />");
	document.write("<span class='contactNames'>");
    document.write("<a style='color:yellow;text-transform:uppercase;text-decoration:none;cursor:hand;' href='http://www.interieurs.fr/video-Easywatching-du-riad-Yima-a-Marrakech-i575.php' target='_blank' alt='Riad Yima Video' title='Riad Yima Video'>Easywatching-du-riad-Yima-a-Marrakech</a>");
    document.write("</span>");
 }




function center_vertical(id_layer_1, id_layer_2)
{
   if (document.getElementById)
   {
	container_height = document.getElementById(id_layer_1).offsetHeight;
	main_content_height = document.getElementById(id_layer_2).offsetHeight;
	main_content_height = container_height/2 - main_content_height/2;
	document.getElementById(id_layer_2).style.top = main_content_height + 'px';

	return true
   }
}
/*
function preLoadImages()
{
   var imgNames = new Array();
   imgNames[0] = "";

   imgObjects = new Array();
   for (var 1 = 0; i < imgNames.length; i++)
   {
       imgObjects[i] = new Image();
       imgObjects[i].src = imgNames[i];
   }
}
*/

//THIS FUNCTION DEALS SOLELY WITH THE CHANGING OF BACKGROUNDS
function main_background(content)
{
  var bg = new Array();
  bg[0] = "url(png/HomePage_fall1b.jpg)";
  bg[1] = "url(png/HomePage_summer1b.jpg)";
  bg[2] = "url(png/HomePage_spring1b.jpg)";
  bg[3] = "url(png/HomePage_night1b.jpg)";
  bg[4] = "url(png/HomePage_dune1b.jpg)";
  bg[5] = "url(png/HomePage_blk1.jpg)";
  bg[6] = "url(png/HomePage_yell1.jpg)";
  bg[7] = "url(png/HomePage_skn1.jpg)";
  bg[8] = "url(png/HomePage_yell2.jpg)";
  bg[9] = "url(png/HomePage_drm1.jpg)";
  bg[10] = "url(png/HomePage_pur1.jpg)";
  bg[11] = "url(png/HomePage_tagine1.jpg)";
  bg[12] = "url(png/HomePage_palm1.jpg)";
  bg[13] = "url(png/HomePage_plch1.jpg)";
  bg[14] = "url(png/HomePage_cml1.jpg)";
  bg[15] = "url(png/HomePage_dresses1.jpg)";
  bg[16] = "url(png/fashion2.jpg)";
  bg[17] = "url(png/HomeTemplate_fabric1.jpg)";
  bg[18] = "url(png/HomeTemplate_jmlfna1.jpg)";

  var randomNumber = Math.floor(Math.random()* bg.length);

   for (var i=0; i<bg.length; i++)
   {
	  if (i==randomNumber)
	  {
	   document.getElementById(content).style.backgroundImage = bg[i];
	   document.getElementById(content).style.display = 'block';
	   break;
	  }
   }
}

//DISPLAY LAYERS
function display_layers(id)
{
	var layers = new Array('homePage', 'rooms', 'rm_camilla', 'rm_tariq', 'rm_vanessa', 'rm_yima', 'rm_zaynah', 'contact', 'riad_yima', 'aboutUs', 'courtyard_bg', 'terrace','salon', 'roof', 'boutique');

	for (var i=0; i<layers.length; i++)
	{
		if (i==id)
		{
			var show_layer = layers[id];
			document.getElementById(show_layer).style.display = "block";
		}
		else
		{
			var _layer = layers[i];
			document.getElementById(_layer).style.display = "none";
		}
	}
}

function displayRoomsMenu()
{
       var roomMenu = new Array;
       roomMenu[0] = "<a href='javascript:display_layers(0);'><span id='lnk_home'></span></a> ";
       roomMenu[1] = "<a href='javascript:display_layers(2);'><span id='lnk_rmCamilla'></span></a>";
       roomMenu[2] = "<a href='javascript:display_layers(3);'><span id='lnk_rmTariq'></span></a>";
       roomMenu[3] = "<a href='javascript:display_layers(4);'><span id='lnk_rmVanessa'></span></a> ";
       roomMenu[4] = "<a href='javascript:display_layers(5);'><span id='lnk_rmYima'></span></a>";
       roomMenu[5] = "<a href='javascript:display_layers(6);'><span id='lnk_rmZaynah'></span></a>";

       var menu = roomMenu.join("");
       document.write(menu);
}

function homeNavigation()
{
        var homeNavigate = new Array();
        homeNavigate[0] = "<a href='javascript:display_layers(9);'><span id='lnk_aboutUs'></span></a>";
        homeNavigate[1] = "<a href='javascript:display_layers(8);'><span id='lnk_riadYima'></span></a>";
        homeNavigate[2] = "<a href='javascript:display_layers(1);'><span id='lnk_rooms'></span></a>";
        //homeNavigate[3] = "<a href='javascript:display_layers(7);'><span id='lnk_reviews'></span></a>";
        homeNavigate[3] = "<a href='http://www.interieurs.fr/video-Easywatching-du-riad-Yima-a-Marrakech-i575.php' target='_blank' alt='Riad Yima Video' title='Riad Yima Video'><span id='lnk_reviews'></span></a>";
        homeNavigate[4] = "<a href='javascript:display_layers(7);'><span id='lnk_contact'></span></a>";

        var homeMenu = homeNavigate.join("");
        document.write(homeMenu);
}
    function panelNavigation()
    {
       var panelNavigate  = new Array();
       panelNavigate[0] = "<a id='decor_aboutUs' href='javascript:display_layers(9);'><div></div></a>";
       panelNavigate[1] = "<a id='decor_riadYima' href='javascript:display_layers(8);'><div></div></a>";
       panelNavigate[2] = "<a id='decor_rooms' href='javascript:display_layers(1);'><div></div></a>";
       panelNavigate[3] = "<a id='decor_reviews' href='javascript:display_layers(7);'><div></div></a>";
       panelNavigate[4] = "<a id='decor_contact' href='javascript:display_layers(7);'><div></div></a>";

       var panelMenu = panelNavigate.join("");
       document.write(panelMenu);
    }


function displayRiadYima()
{
        var homeNavigate = new Array();
        homeNavigate[0] = "<a href='javascript:display_layers(0);'><span id='lnk_RY_home'></span></a>";
        homeNavigate[1] = "<a href='javascript:display_layers(10);'><span id='lnk_RY_courtyard'></span></a>";
        homeNavigate[2] = "<a href='javascript:display_layers(13);'><span id='lnk_RY_roof'></span></a>";
        homeNavigate[3] = "<a href='javascript:display_layers(12);'><span id='lnk_RY_salon'></span></a>";
        homeNavigate[4] = "<a href='javascript:display_layers(11);'><span id='lnk_RY_terrace'></span></a>";
        homeNavigate[5] = "<a href='javascript:display_layers(14);'><span id='lnk_RY_boutique'></span></a>";

        var homeMenu = homeNavigate.join("");
        document.write(homeMenu);
}

 /*
function imgLinks(id, imgNumb, width, height)
{
    var roomName = new Array('camilla', 'tariq', 'vanessa', 'yima', 'zaynah');
    var room =  roomName[id];
    var imgLink = new Array();
    var j = 1;
    for (var i = 0; i < roomName.length; i++)
    {
      imgLink[i] = "<a href='javascript:popUp_imgWindow(" + id + "," + imgNumb + "," + width + "," + height + ");' class='rllCamilla1'><span id='imgLnk_" + room + j + "' class='imgLnk'></span></a>";
      document.write(imgLink[i]);
      j++;
    }
}
*/


function popUp_imgWindow(room, imgNumb, width, height)
{
  var roomName = new Array('camilla', 'tariq', 'vanessa', 'yima', 'zaynah');
  var room =  roomName[room];

  var folder = "HASSAN_ROOMS_RIAD_YIMA";

  var url = folder + "/" + room + "/" + "image" + imgNumb + ".html";
  var winName = "IMAGE" + imgNumb;
  var winDescription = "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=" + width + ",height=" + height;
  window.open(url, winName, winDescription);
}

function mail_sent(layer)
{
   document.getElementById(layer).style.display = "block";
}

//////////////////////////////////////////////////////////////////////////////////////

function rand(num)
{
 return Math.floor(Math.random() * 3) + 1;
}

function validate(the_form)
 {
     error_found = false;

	 if(!regX_Email(the_form.email.value))
              error_message(the_form.email, "Please enter a valid e-mail address e.g. - me@you.com");
	 
	 if(!compare_string(the_form.email.value, the_form.confirm_email.value))
	 error_message(the_form.confirm_email, "Please confirm by re-entering your email address !!!");	  
	 
	 if(!the_form.accept_terms.checked)
     {
          error_message(the_form.accept_terms, "Please check box to confirm that you wish to send mail!!!");
      }
	  
	  if(!error_found)
	  {
		  the_form.submit.disabled=true;
	  }

	 return !error_found;
 }
 
 
 function valid_length(element_toCheck, req_length)
 {
   return (element_toCheck.length >= req_length);
 }

 function error_message(element_toHighlight, error_message)
 {
    //Abort if error found
	if(error_found) return

	window.alert(error_message);
	element_toHighlight.select();
	element_toHighlight.focus();
	
	error_found = true;
 }

 //COMPARISON (E-MAIL)
 function compare_string(string_1, string_2)
 {
  return (string_1 == string_2);
 }

 // EMAIL VALIDATION - REG X
    function regX_Email(obj_email)
{
	// validate an e-mail address
	if(!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(obj_email))
	{
	  return false;
	}

	 return true;
}


function roomPrices(roomName)
{
    var low_GBP;
    var hi_GBP;
    var low_EURO;
    var hi_EURO;

    if (roomName == "Camilla")
    {
       low_GBP = "-----";
       hi_GBP = "20% inc. on Standard Price";
       low_EURO = 75;
       hi_EURO = "20% inc. on Standard Price";

       singlePrice = 55;
       doublePrice = 75;

    }
    else
    {
        low_GBP = "-----";
        hi_GBP = "20% inc. on Standard Price";
        low_EURO = 75;
        hi_EURO = "20% inc. on Standard Price";

       singlePrice = 55;
       doublePrice = 75;
    }

       var tblPrice = new Array();
           tblPrice[0] = "<table class='tbl_details' summary='Prices' width='500'><tr><td colspan='2'><table width='100%' summary='Prices'><tr><th class='room' colspan='2'>Room : " + roomName + "</th></tr></table></td></tr>";
           tblPrice[1] = "<tr><td valign='top'><table border='0' class='tbl_prices' summary='Prices'><thead><tr><th align='left'>Price / Night (Currency)</th><th>Date Start</th><th>Date End</th><th>Dirahms (dh)</th><th>GBP (Sterling)</th><th colspan='2'>Euros</th></tr></thead>";
           tblPrice[2] = "<tbody><tr><th class='feature'>Standard (1 person)</th><td class='seasonDates'>-----</td><td class='seasonDates'>-----</td><td>-----</td><td>" + low_GBP + "</td><td colspan='2'>&euro;" + singlePrice + "</td></tr><tr><th class='feature'>Standard (2 person)</th><td class='seasonDates'>-----</td><td class='seasonDates'>-----</td><td>-----</td><td>" + low_GBP + "</td><td colspan='2'>&euro;" + doublePrice + "</td></tr>";
           tblPrice[3] = "<!-- <tr><th class='feature'>Mid I</th><td class='seasonDates'>2 Feb 07</td><td class='seasonDates'>14 Jul 07</td><td>-----</td><td>" + low_GBP + "</td><td colspan='2'>&euro;" + low_EURO + "</td></tr>";
           tblPrice[4] = "<tr><th class='feature'>Low II</th><td class='seasonDates'>15 Jul 07</td><td class='seasonDates'>31 Aug 07</td><td>-----</td><td>" + low_GBP + "</td><td>&euro;" + low_EURO + "</td><td>-----</td></tr>";
           tblPrice[5] = "<tr><th class='feature'>Mid II</th><td class='seasonDates'>1 Sep 07</td><td class='seasonDates'>15 Dec 07</td><td>-----</td><td>" + low_GBP + "</td><td>&euro;" + low_EURO + "</td><td>-----</td></tr> -->";
           tblPrice[6] = "<tr><th class='feature'>Christmas</th><td class='seasonDates'><!--16 Dec 07 -->-----</td><td class='seasonDates'><!-- 6 Jan 08 -->-----</td><td>-----</td><td colspan='3'>" + hi_GBP + "</td></tr><tr><th class='feature'>Easter</th><td class='seasonDates' colspan='3'>Weeks incl. Good Friday &amp; following Monday</td><td colspan='3'>" + hi_GBP + "</td></tr></tbody></table></td>";
           tblPrice[7] = "<td valign='top'><table class='tbl_description' width='500'  summary='Prices'><tbody><tr><th class='feature'>Included</th><td colspan='6' class='tbl_content'>Breakfast for 2</td></tr>";
           tblPrice[8] = "<tr><th class='feature'>Options</th><td colspan='6' class='tbl_content'>Dinner</td></tr>";
           tblPrice[9] = "<tr><th class='feature'>Airport Shuttle</th><td colspan='6' class='tbl_content'>For 2 persons  200dh each way</td></tr>";
           tblPrice[10] = "<tr><th class='feature'>Enquire</th><td colspan='6' class='tbl_content'>E-mail:<a href=mailto:RiadYima" + atsign + vDomain + dotCo + " class='contactNames'>&nbsp;Riad Yima</a></td></tr>";
           tblPrice[11] = "<tr><th class='feature'>Additional<br />Information</th><td colspan='6' class='notice'>Hire Riad Yima: &euro;350 per night. <!--<br />Single person booking qualify for a 10% reduction--></td></tr></tbody></table></td></tr>";
           tblPrice[12] = "<tr><td colspan='2'><table width='100%' summary='Prices' border='0'><tr><td class='ttl_description' width='100%' align='center' style='text-align: center; color: yellow; text-transform: uppercase; width: 100%;'><a style='text-align: center; width: 100%; background-color: none; color: yellow; text-transform: uppercase; text-decoration: none;' href='Riad_Yima_Rental_Details.html' target='new'>All Rental / Pricing Information</a></td></tr></table></td></tr></table>";

       var tbl_roomDetails = tblPrice.join("");
       document.write(tbl_roomDetails);
}


/*
    // coded by Sandy lee(www.liqintao.net/blog)
    function focusFirst()
    {
        if (document.forms.length > 0 && document.forms[0].elements.length > 0)
        {
            for(var i=0; i<document.forms[0].elements.length;i++)
            {
                if (document.forms[0].elements[i].type == "text" && document.forms[0].elements[i].readOnly != true && document.forms[0].elements[i].disabled != true)
                {
                    document.forms[0].elements[i].focus();
                    break;
                }
            }
        }
    }
    //window.onload = focusFirst;

	*/

