function oda_ol(odaadet,alan)  
{ //	menu += "<div id='odala'>Room" + " "+eval(i+1)+"</div>";
if (document.getElementById)
{
	
}
var menu="";
	menu += "<table align='left' id=odalar border='0' cellspacing='2' cellpadding='1'>";
	menu += "<tr class='roomyazi'>";
	menu += "	<td align='center' class='odaarea baslik'></td>";
	menu += "	<td align='center' class='odaarea baslik'>Adults (18+)</td>";
	menu += "	<td align='center' class='odaarea baslik'>Child (0-18)</td>";
	menu += "	<td align='center' class='odaarea baslik' id='ages1'></td>";
	menu += "	<td align='center' class='odaarea baslik' id='ages2'></td>";
	menu += "</tr>";
	
 for(i=1;i-1<odaadet;i++)
	{
	menu += "";
	menu += "<tr id='room"+i+"' class='roomn'>";
	menu += "	<td align='center' class='odaarea room'>Room "+i+" </td>";
	menu += "	<td align='center'>";
	menu += "<select class='selectmenu' name='adult_"+i+"' id='adult_"+i+"'>";
			for(j=1;j<5;j++)
			{
				menu +="<option value='"+j+"'";
				if(j==2){menu+="selected"}
				menu +=">"+j+"</option>";
				
			}
	menu += " </select>";		
	menu += " </td>";
	
	menu += "	<td align='center'>";
	menu += "<select class='selectmenu' onchange='age_ol(this.value,"+i+")' id='child_"+i+"' name='child_"+i+"'>";
	
			for(j=0;j<3;j++)
			{
				menu +="<option value='"+j+"'";
				menu +=">"+j+"</option>";
				
			}
	menu += " </select>";		
	menu += " </td>";
	menu += "	<td align='center' id='tage_"+i+"_1'></td>";
	menu += "	<td align='center' id='tage_"+i+"_2'></td>";
	menu += "</tr>";

	}
   menu += "</table>";	
   document.getElementById("odaarea").innerHTML=menu;
}
function age_ol(childadet,roomno)
{
var ind,sayi;
var odasayi,childadet,roomno;
var i;
 ind = document.getElementById("odasay").selectedIndex;
 odasayi=document.getElementById("odasay").options[ind].value;

 var age1=0;
 var age2=0;
 var sayi=0;

    for(i=1;i-1<odasayi;i++)
	{
	
 	ind =document.getElementById("child_"+i+"").selectedIndex;
 	sayi =document.getElementById("child_"+i+"").options[ind].value;
		//alert(ind+"ind"+sayi);
		 
		if(sayi==1){ age1=age1+1;}
		if(sayi==2) {age2=age2+1;}
	}
		
	if(age1>0){document.getElementById("ages1").innerHTML="Age 1";}else{document.getElementById("ages1").innerHTML="";}
	if(age2>0){document.getElementById("ages2").innerHTML="Age 2";
	document.getElementById("ages1").innerHTML="Age 1";}else{document.getElementById("ages2").innerHTML="";}	
																			
  var agemenu="";
  document.getElementById("tage_"+roomno+"_1").innerHTML="";
  document.getElementById("tage_"+roomno+"_2").innerHTML="";
 
   for(i=1;i-1<childadet;i++)
	{ //alert(i+"i"+childadet+"childadet");
		  agemenu += "<select class='selectmenu' name='age_"+roomno+"_"+i+"' id='age_"+roomno+"_"+i+"'>";
					for(j=0;j<18;j++)
					{var b="";
					if(j==0)
					{
					    b="<";
					    j=1; 
					    //agemenu +="<option value='"+j+"'"; 
						agemenu +="<option value='1'";
						agemenu +=">"+b+ +j+ "</option>";
						j=0;
					}
					else {
						agemenu +="<option value='"+j+"'";
						agemenu +=">"+j+ "</option>";}		
					}
			agemenu += " </select>";
			document.getElementById("tage_"+roomno+"_"+i+"").innerHTML=agemenu ;
			agemenu="";
     }   
}

function selectMe(obj)
 {
 	var lis = obj.parentNode.parentNode.getElementsByTagName('li');
      for (var i=0; i<lis.length; i++) 
      {
       lis[i].className="";
      }
    obj.parentNode.className ="current";
}

function expandCollapse() {
	for (var i=0; i<expandCollapse.arguments.length; i++) {
		var element = document.getElementById(expandCollapse.arguments[i]);
		element.style.display = (element.style.display == "none") ? "block" : "none";
	}
}
  
   function CheckStateAllStar()
    {
        var st3 = document.getElementById("st3");
        var st4 = document.getElementById("st4");
        var st5 = document.getElementById("st5");
        var stall = document.getElementById("stAll");	
        
        stall.checked = (st3.checked &&  st4.checked &&    st5.checked);    	
    }

    function CheckAllStar()
    {
            var st3 = document.getElementById("st3");
            var st4 = document.getElementById("st4");
            var st5 = document.getElementById("st5");
            var stall = document.getElementById("stAll");
    	
	        if(stall.checked)
	        {
		        st3.checked = true;
		        st4.checked = true;
		        st5.checked = true;
	        }
	        else
	        {
		        st3.checked = false;
		        st4.checked = false;
		        st5.checked = false;
	        }    	
    }

    		function FlashGoster(file,w,h){
    document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="'+w+'" height="'+h+'">')
    document.write('<param name=movie value="'+file+'">')
    document.write('<param name=quality value=high>')
    document.write('<embed src="'+file+'" quality=high pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="'+w+'" height="'+h+'">')
    document.write('</embed>')
    document.write('</object>')
}


this.imagePreview = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("img.hotel").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";

		$("body").append("<p id='preview'><img src='"+ this.src +"' alt='Image preview' />"+ c +"</p>");								 
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	$("img.hotel").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};


// starting the script on page load
$(document).ready(function(){
	imagePreview();
});