
function setwu(wu){
	void(0)
	/*
	document.getElementById("forecloud").style.position="absolute";	
	document.getElementById("forecloud").style.left="-3000px";	
	document.getElementById("forecloud").style.top="-150px";
	document.getElementById("forecloud").style.opacity="7";
	document.getElementById("forecloud").width="2500";
	document.getElementById("forecloud").height="300";
	document.getElementById("forecloud").style.zIndex="-2";
	
	document.getElementById("fore2cloud").style.position="absolute";	
	document.getElementById("fore2cloud").style.left="-3000px";	
	document.getElementById("fore2cloud").style.top="0px";
	document.getElementById("fore2cloud").style.opacity="3";
	document.getElementById("fore2cloud").width="2000";
	document.getElementById("fore2cloud").height="300";
	document.getElementById("fore2cloud").style.zIndex="-3";
	*/
	//var xPos;
	//var yPos;
	
	
	/*
	
	function checkPhoto(){
		if(wu=="photos"){
		document.getElementById("iframepart").src="";
		
		}else{
	}
		document.getElementById("photodiv").innerHTML="";
		document.getElementById("iframepart").height="452";
		
	}
	
	switch(wu){
		case "home":
document.getElementById("home").style.backgroundColor='#19a5e2';
document.getElementById("aboutus").style.backgroundColor='transparent';
document.getElementById("sustain").style.backgroundColor='transparent';
document.getElementById("gallery").style.backgroundColor='transparent';
document.getElementById("acc").style.backgroundColor='transparent';

checkPhoto();
window.frames[0].document.getElementById("inframe").src="css/image/home.png";

		break;	
		
		case "resort":
document.getElementById("home").style.backgroundColor='transparent';
document.getElementById("aboutus").style.backgroundColor='#19a5e2';
document.getElementById("sustain").style.backgroundColor='transparent';
document.getElementById("gallery").style.backgroundColor='transparent';
document.getElementById("acc").style.backgroundColor='transparent';

checkPhoto();
window.frames[0].document.getElementById("inframe").src="resort.php";

		break;	
		
		case "whattheysay":
document.getElementById("home").style.backgroundColor='transparent';
document.getElementById("aboutus").style.backgroundColor='#19a5e2';
document.getElementById("sustain").style.backgroundColor='transparent';
document.getElementById("gallery").style.backgroundColor='transparent';
document.getElementById("acc").style.backgroundColor='transparent';
checkPhoto();

window.frames[0].document.getElementById("inframe").src="whattheysay.php";

		break;	
		
		case "affiliations":
document.getElementById("home").style.backgroundColor='transparent';
document.getElementById("aboutus").style.backgroundColor='#19a5e2';
document.getElementById("sustain").style.backgroundColor='#transparent';
document.getElementById("gallery").style.backgroundColor='transparent';
document.getElementById("acc").style.backgroundColor='transparent';

checkPhoto();
window.frames[0].document.getElementById("inframe").src="affiliations.php";

		break;	
		
		case "ourgreenadvocacy":
	
		break;
		
		case "sustainable":
document.getElementById("home").style.backgroundColor='transparent';
document.getElementById("aboutus").style.backgroundColor='transparent';
document.getElementById("sustain").style.backgroundColor='#19a5e2';
document.getElementById("gallery").style.backgroundColor='transparent';
document.getElementById("acc").style.backgroundColor='transparent';


checkPhoto();
window.frames[0].document.getElementById("inframe").src="sustainable.php";

		break;
		
		case "photos":
document.getElementById("home").style.backgroundColor='transparent';
document.getElementById("aboutus").style.backgroundColor='transparent';
document.getElementById("sustain").style.backgroundColor='transparent';
document.getElementById("gallery").style.backgroundColor='#19a5e2';
document.getElementById("acc").style.backgroundColor='transparent';

document.getElementById("iframepart").height="0";
document.getElementById("photodiv").innerHTML="<iframe  width='585' height='580'  style='overflow:hidden;border:none;padding-left:250px;padding-top:10px;' src='photos.php'></iframe>";	
		break;
	
		case "cot":
document.getElementById("home").style.backgroundColor='transparent';
document.getElementById("aboutus").style.backgroundColor='transparent';
document.getElementById("sustain").style.backgroundColor='transparent';
document.getElementById("gallery").style.backgroundColor='transparent';
document.getElementById("acc").style.backgroundColor='#19a5e2';

document.getElementById("iframepart").height="0";
document.getElementById("photodiv").innerHTML="<iframe  width='1024' height='500'  style='overflow:hidden;border:none;' src='cottages.php'></iframe>";
		break;
		
	case "rat":
document.getElementById("home").style.backgroundColor='transparent';
document.getElementById("aboutus").style.backgroundColor='transparent';
document.getElementById("sustain").style.backgroundColor='transparent';
document.getElementById("gallery").style.backgroundColor='transparent';
document.getElementById("acc").style.backgroundColor='#19a5e2';


checkPhoto();
document.getElementById("iframepart").height="0";
document.getElementById("photodiv").innerHTML="<iframe  width='1024' height='600'  style='overflow:hidden;border:none;' src='rates.php'></iframe>";


		break;	
		case "undermaintenance":
document.getElementById("home").style.backgroundColor='transparent';
document.getElementById("aboutus").style.backgroundColor='transparent';
document.getElementById("sustain").style.backgroundColor='#19a5e2';
document.getElementById("gallery").style.backgroundColor='transparent';
document.getElementById("acc").style.backgroundColor='transparent';

checkPhoto();
document.getElementById("iframepart").height="0";
document.getElementById("photodiv").innerHTML="<iframe  width='1024' height='443'  style='overflow:hidden;border:none;' src='under-maintenance.php'></iframe>";	
		break;
		
		break;	
		case "booknow":
document.getElementById("home").style.backgroundColor='transparent';
document.getElementById("aboutus").style.backgroundColor='transparent';
document.getElementById("sustain").style.backgroundColor='transparent';
document.getElementById("gallery").style.backgroundColor='transparent';
document.getElementById("acc").style.backgroundColor='transparent';

checkPhoto();
/*document.getElementById("iframepart").height="0";
document.getElementById("photodiv").innerHTML="<iframe  width='1024' height='600'  style='overflow:hidden;border:none;' src='form.php'></iframe>";
		break;
	}
	
}
*/

//                           PHOTOS JS  
/*     
var picDesc = new Array();
var picDescInd=0;

picDesc[0]="Playground for kids and kids at heart";
picDesc[1]="Kubo for Filipino-style picnics";
picDesc[2]="Beachfront Villa";
picDesc[3]="Gateway to the beach";
picDesc[4]="Lovely gumamelas in the resort";
picDesc[5]="Mahjong @ Kubo";
picDesc[6]="Lovely gumamelas as table decors";
picDesc[7]="Boats on the beach";
picDesc[8]="Fisherman at the beach";
picDesc[9]="Happy children at the beach";
picDesc[10]="Sunset @ potipot island";
picDesc[11]="Our boat in potipot island";
picDesc[12]="Fisherman @ potipot island";
picDesc[13]="Kids love potipot island";
picDesc[14]="Kids playing @ potipot island";
picDesc[15]="Resident jewelry maker";
picDesc[16]="Lovely pathway @ the resort";
picDesc[17]="Can't get enough of gumamelas";
picDesc[18]="Resort pathways";
picDesc[19]="Resort pathways";
picDesc[20]="Resort pathways";
picDesc[21]="Resort pathways";
picDesc[22]="Villas and cottages";
picDesc[23]="Villas and cottages";
picDesc[24]="Villas and cottages";
picDesc[25]="Views of the resort";
picDesc[26]="Villas and cottages";
picDesc[27]="Bahay Kubo @ the resort"
picDesc[28]="Views of the resort";
picDesc[29]="Views of the resort";
picDesc[30]="views of the resort";
picDesc[31]="The beach";
picDesc[32]="Boat on the beach";
picDesc[33]="The beach";
picDesc[34]="Starfish on the beach";
picDesc[35]="Sunrise @ potipot island";
picDesc[36]="Bedroom @ BeachFront Villa";
picDesc[37]="Bedroom @ BeachFront Villa";
picDesc[38]="Bedroom @ BeachFront Villa";
picDesc[39]="Bedroom A2 BeachFront Villa ";
picDesc[40]="Bedroom A2 BeachFront Villa ";
picDesc[41]="Bedroom A2 BeachFront Villa ";
picDesc[42]="Bedroom A2 BeachFront Villa ";
picDesc[43]="Bedroom A2 BeachFront Villa ";
picDesc[44]="Bedroom A2 BeachFront Villa ";
picDesc[45]="Bedroom A2 BeachFront Villa ";
picDesc[46]="Bedroom A2 BeachFront Villa ";
picDesc[47]="Bedroom A2 BeachFront Villa ";
picDesc[48]="Bedroom A2 BeachFront Villa ";
picDesc[49]="Bedroom A2 BeachFront Villa ";

/*
picDesc[0]="the bahay kubo for picnics";
picDesc[1]="beachfront villa";
picDesc[2]="@ savors restaurant";
picDesc[3]="potipot island";
picDesc[4]="potipot island";
picDesc[5]="potipot island";
picDesc[6]="happy girl @ the resort";
picDesc[7]="regular guest";
picDesc[8]="sun lovers";
picDesc[9]="";
picDesc[10]="sun lovers @ potipot";
picDesc[11]="@ potipot island";		
picDesc[12]="she's loving it";		
picDesc[13]="sunset @ the resort";
picDesc[14]="happy girl";	
*/	

var picindex=0;
var picArray=new Array();
var picCount=50;
var picID = new Array();

picID[0]="p1";
picID[1]="p2";
picID[2]="p3";
picID[3]="p4";
picID[4]="p5";

var aID = new Array();

aID[0]="a1";
aID[1]="a2";
aID[2]="a3";
aID[3]="a4";
aID[4]="a5";

function setPhotos(){
	for(var i=0;i<=picCount;i++){
		picArray[i] = "css/gallery/"+[i]+".jpg";	
	}
	setThumbs();
}

function setThumb(){
	var ii=0;
		 while(ii!=5){
		if(document.getElementById(picID[ii]).src  == "undefined" ){
			document.getElementById(picID[ii]).src == "";
		}else{
			document.getElementById(picID[ii]).src = picArray[picindex+ii];
			document.getElementById(aID[ii]).innerHTML = picindex+(ii+1);
		}ii++;
	}
		
}

function setThumbs(){	

document.getElementById(picID[0]).src = picArray[picindex];
document.getElementById(picID[1]).src = picArray[picindex+1];
document.getElementById(picID[2]).src = picArray[picindex+2];
document.getElementById(picID[3]).src = picArray[picindex+3];
document.getElementById(picID[4]).src = picArray[picindex+4];
	
}

function setOrder(ind){

	if(ind=="next"){
		if(picindex>=picCount-5){
			picindex=picCount-5;
		}else{
			picindex += 5;	
		}
			
	}else if(ind=="prev"){
		if(picindex<=0){
			picindex=0;
		}else{
			picindex -=5;	
		}
	}
		
	setThumb();
	
}
function picdisplay(picid){
	document.getElementById("photo").src = document.getElementById(picid).src;
	document.getElementById("photo").width=498;
	document.getElementById("photo").height=331;
	document.getElementById("aid").innerHTML=picDesc[parseInt(document.getElementById(picid).name)+picindex]
	
}

//                          PHOTOS JS END
}


function hideItem(){
	document.getElementById("nav1").innerHTML = "";
}
function showItem(e){
	var items="";
	var temp="";
	//alert(e.target.innerHTML)
	switch (e.target.innerHTML){
		case "about us":
		temp += '<div  id="nav1"   style="position:absolute;left:50%;margin-left:-235px;width:130px;top:125px;z-index:999;" >';
		temp += '<div onclick="ifr('+"'resortFR.php'"+')" class="divitem" style="height:25px" ><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;the resort</a></div>';
		temp += '<div onclick="ifr('+"'whattheysayFR.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;what they say</a></div>';
		temp += '<div onclick="ifr('+"'affiliationsFR.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;our affiliations</a></div>';
		
		temp += '<div onclick="window.location='+ "'css/image/news-paper-potipot_new.jpg'"+'"'+ 'class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;press</a></div>';
		
		temp += '<div onclick="ifr('+"'reviews.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;reviews</a></div>';
		
		temp += '<div onclick="ifr('+"'directories.php'"+')" class="divitem" style="height:25px" ><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;directories</a></div>';
		
		temp += '<div onclick="ifr('+"'feedback.php'"+')" class="divitem" style="height:25px" ><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;feedback</a></div>';
		
		temp += '</div>';
		temp += '</div>';
		items = temp;
		break;
		
		case "sustainability":
		temp += '<div  id="nav1"  style="position:absolute;left:50%;margin-left:-170px;width:160px;top:125px;z-index:999;">';
		temp += '<div onclick="ifr('+"'advocacyFR.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;our green advocacy</a></div>';
		temp += '<div onclick="ifr('+"'sustainableFR.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;sustainable practices</a></div>';
		temp += '</div>';
		items = temp;
		break;
		
		case "accomodation":
		temp += '<div     id="nav1" style="position:absolute;left:50%;margin-left:-23px;width:150px;top:125px;z-index:999;">';
		temp += '<div onclick="ifr('+"'cottages_beachFR.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;cottages</a></div>';
		temp += '<div onclick="ifr('+"'ratesFR.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;rates</a></div>';
		temp += '</div>';
		items = temp;
		break;
		
		case "things to do":
		case "eat @ savors":
		temp += '<div     id="nav1" style="position:absolute;left:50%;margin-left:77px;width:120px;top:125px;z-index:999;">';
		temp += '<div onclick="ifr('+"'play.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;play</a></div>';
		temp += '<div onclick="ifr('+"'swim.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;swim</a></div>';
		temp += '<div onclick="ifr('+"'relax.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;relax</a></div>';
		temp += '<div onclick="ifr('+"'sleep.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;sleep</a></div>';
		temp += '<div onclick="ifr('+"'drive.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;drive</a></div>';
		//temp += '<div onclick="ifr('+"'eat.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;eat @ savors</a></div>';
		temp += '<div onclick="ifr('+"'celebrate.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;celebrate</a></div>';
		
		temp += '<div onclick="ifr('+"'services.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;services</a></div>';
		
		temp += '</div>';
		items = temp;
		break;
		
		case "packages":
		temp += '<div    id="nav1" style="position:absolute;left:50%;margin-left:270px;width:120px;top:125px;z-index:999;">';
		temp += '<div onclick="ifr('+"'package_2.php'"+')" class="divitem" style="height:25px" ><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;promo</a></div>';
		temp += '<div class="divitem" style="height:25px" ><a href="PGExpo.pdf" class="txtdiv" style="position:relative;top:4px;text-decoration:none" target="_blank">&nbsp;&nbsp;wedding packages</a></div>';
		temp += '</div>';
		items = temp;
		break;
	}
	document.getElementById("divItem").innerHTML = items;
}
var frh;
var gl_url;
function ifr(urlstring){
	
	switch(urlstring){
		case "photosFR.php":
	    frh = 700;
		break;
		case "contactusFR.php":
		frh = 670;
		break;
		case "ratesFR.php":
		frh = 620;
		break;
		case "play.php":
		frh = 700;
		break;
		case "swim.php":
		frh = 600;
		break;
		case "relax.php":
		frh = 700;
		break;
		case "sleep.php":
		frh = 700;
		break;
		case "drive.php":
		frh = 700;
		break;
		case "eat.php":
		frh = 650;
		break;
		case "cottages_beachFR.php":
		case "cottages_loghouseFR.php":
		case "cottages_riversideFR.php":
		frh = 650;
		break;
		default:
		frh = 500;
		break;
	}
	document.getElementById("fr").src = urlstring;
	//document.getElementById("fr").height = frh;
}

function showItemIE(e){
	var items="";
	var temp="";
	//alert(e.target.innerHTML)
	switch (e.srcElement.firstChild.nodeValue){
		case "about us":
		temp += '<div  id="nav1"   style="position:absolute;left:50%;margin-left:-177px;width:130px;top:125px;z-index:999;" >';
		temp += '<div onclick="ifr('+"'resortFR.php'"+')" class="divitem" style="height:25px" ><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;the resort</a></div>';
		temp += '<div onclick="ifr('+"'whattheysayFR.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;what they say</a></div>';
		temp += '<div onclick="ifr('+"'affiliationsFR.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;our affiliations</a></div>';
		
		temp += '<div onclick="window.location='+ "'css/image/news-paper-potipot_new.jpg'"+'"'+ 'class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px" target="_blank">&nbsp;&nbsp;press</a></div>';
		temp += '</div>';
		
		temp += '<div onclick="window.location='+ "'    '"+'"'+ 'class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px" target="_blank">&nbsp;&nbsp;reviews</a></div>';
		
		temp += '<div onclick="window.location='+ "'directories.php'"+'"'+ 'class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px" target="_blank">&nbsp;&nbsp;directories</a></div>';
		
		temp += '</div>';
		items = temp;
		
		break;
		
		case "sustainability":
		temp += '<div  id="nav1"  style="position:absolute;left:50%;margin-left:-100px;width:160px;top:125px;z-index:999;">';
		temp += '<div onclick="ifr('+"'advocacyFR.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;our green advocacy</a></div>';
		temp += '<div onclick="ifr('+"'sustainableFR.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;sustainable practices</a></div>';
		temp += '</div>';
		items = temp;
		break;
		
		case "accomodation":
		temp += '<div     id="nav1" style="position:absolute;left:50%;margin-left:62px;width:150px;top:125px;z-index:999;">';
		temp += '<div onclick="ifr('+"'cottages_beachFR.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;cottages</a></div>';
		temp += '<div onclick="ifr('+"'ratesFR.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;rates</a></div>';
		temp += '</div>';
		items = temp;
		break;
		
		case "things to do":
		temp += '<div     id="nav1" style="position:absolute;left:50%;margin-left:167px;width:120px;top:125px;z-index:999;">';
		temp += '<div onclick="ifr('+"'play.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;play</a></div>';
		temp += '<div onclick="ifr('+"'swim.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;swim</a></div>';
		temp += '<div onclick="ifr('+"'relax.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;relax</a></div>';
		temp += '<div onclick="ifr('+"'sleep.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;sleep</a></div>';
		temp += '<div onclick="ifr('+"'drive.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;drive</a></div>';
		temp += '<div onclick="ifr('+"'eat.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;eat @ savors</a></div>';
		temp += '<div onclick="ifr('+"'celebrate.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;celebrate</a></div>';
		temp += '<div onclick="ifr('+"'services.php'"+')" class="divitem" style="height:25px"><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;services</a></div>';
		temp += '</div>';
		items = temp;
		break;
		
		case "packages":
		temp += '<div    id="nav1" style="position:absolute;left:50%;margin-left:264px;width:120px;top:125px;z-index:999;">';
		temp += '<div onclick="ifr('+"'summerofferFR.php'"+')" class="divitem" style="height:25px" ><a class="txtdiv" style="position:relative;top:4px">&nbsp;&nbsp;promo</a></div>';
		temp += '<div onclick="ifr('+"'package_2.php'"+')" class="divitem" style="height:25px" ><a class="txtdiv" style="position:relative;top:4px">package</a></div>';
		temp += '</div>';
		items = temp;
		break;
	}
	//document.getElementById("divItem").innerHTML = items;
	document.getElementById("divItem").firstChild.nodeValue = items;
}
function hideItemIE(){
	document.getElementById("nav1").firstChild.nodeValue = "";
}
function polf(ftarget){
	document.getElementById("fr").src = ftarget+".php"
}
