//this variable is to hold the name of the image passed to function changeimage()
var image_name;
var image_num =1;     //holds the image_number passed to function changeimage;
var last_caption_showed=1; //holds last caption id displayed -- so that it can be hidden when another image is displayed
var last_transbox_showed;
var transport_num=1;
var thumb_increment=0;
var gallery_name = "default";
var selected_index = "g1";


function equalize_height(){
var nid;
var id;
var id2; //wrapper
//get the content div
nid = document.getElementById("c");
//get the menu div
id = document.getElementById("m");
}

function get_gallery_name(){
	//alert(gallery_name);
	if (gallery_name != null){
		return gallery_name;
	}
	else{
		return "default";
	}
	
	
}

function displayWindow_noscroll(url, width, height){ 

		 window.open(url,"displayWindow",'width=' + width + ',height=' + height + ',resizable=0,scrollbars=no,menubar=no,status=no, left = 300,top = 0' );
}
function show_main_image_captions(){
	captionId = image_name + "_thumb" + image_num + "_en";
	
	
	//displays caption for image
	unhide_captions(captionId);
		
	last_caption_showed = captionId;
}
function dont_show_main_image_captions(){
	var captionId;
		
	//this is the id for the caption div that holds the caption for the image to be displayed
	
	
	captionId = image_name + "_thumb" + image_num + "_en";
	// alert(captionId);
	
	//displays caption for image
	hide_captions(captionId);
		
	last_caption_showed = captionId;
}

function changeimage(index){

	image_num = index;
	//this is the id for the caption div that holds the caption for the image to be displayed

	document.getElementById('image1').src="images/activity_images/" + image_name + "/"+ image_name + "_thumb" + index + "_en.jpg";
	//reload_images(image_name);
}

function return_num_of_images(y){
	//alert(y);
		if (y <= 12){ 
			return 5;
		}
		else if ((y > 12) && (y <= 22)){ 
			return 10;
		}
		else if ((y > 22) && (y <= 32)){ 
			return 15;
		}
		else if ((y > 32) && (y <= 42)){ 
			return 20;
		}
		else if (y > 42){ 
			return 25;
		}
}
function show_image_index(h){
	document.getElementById(h).style.display = "block";
}
function changegallery(i){
	var tb = "tb";
	var g = "g";
	
	//image_num = index;
	//this is the id for the caption div that holds the caption for the image to be displayed
	
	document.getElementById('tb1').style.display = "none";
	document.getElementById('tb2').style.display = "none";
	document.getElementById('tb3').style.display = "none";
	document.getElementById('tb4').style.display = "none";
	document.getElementById('tb5').style.display = "none";
	
	//reset color to blue
	document.getElementById('g1').style.color = "blue";
	document.getElementById('g2').style.color = "blue";
	document.getElementById('g3').style.color = "blue";
	document.getElementById('g4').style.color = "blue";
	document.getElementById('g5').style.color = "blue";
	
	//reset classname to image_index
	document.getElementById('g1').className="image_index";
	document.getElementById('g2').className="image_index";
	document.getElementById('g3').className="image_index";
	document.getElementById('g4').className="image_index";
	document.getElementById('g5').className="image_index";
	
	//alert(image_name);
	
	if (i==1){
		thumb_increment = 0;
	}
	else if(i==2){
		thumb_increment = 5;
	}
	else if(i==3){
		thumb_increment = 10;
	}
	else if(i==4){
		thumb_increment = 15;
	}
	else if(i==5){
		thumb_increment = 20;
	}
	//alert(thumb_increment);
	tb=tb+i;
	
	g=g+i;
	
	selected_index = g;
	
	document.getElementById(tb).style.display = "block";
	document.getElementById(g).style.color="red";
	document.getElementById(g).className="image_index_n";
	
	last_transbox_showed = tb;
	
	reload_images(image_name);
}

function highlight_index(index){
	
	if (index != "") {		
		if (index==selected_index){		
			document.getElementById(index).style.cursor='arrow';
		}
		else{		
			document.getElementById(index).style.cursor='hand';	
			document.getElementById(index).style.backgroundColor='#ffcc99';			
		}
	}
}

function undo_highlight_index(index){
	
	if (index != "") {		
	
		document.getElementById(index).style.backgroundColor='#cccccc';		
	
	}
}


function unhidespots(layer){
		
	gallery_name = layer;
	
	/*======================================================*/
	//the " run() " function resides in activity_thumbs.php
	/*======================================================*/
	run(); 
	
	
	 document.getElementById('surfspot1').style.display = 'none';
	 document.getElementById('surfspot2').style.display = 'none';
	 document.getElementById('surfspot3').style.display = 'none';
	 document.getElementById('surfspot4').style.display = 'none';
	 document.getElementById('surfspot5').style.display = 'none';
	 document.getElementById('tikispot').style.display = 'none';
	 document.getElementById('hikespot1').style.display = 'none';
	 document.getElementById('hikespot2').style.display = 'none';
	 document.getElementById('sharkspot').style.display = 'none';
	 document.getElementById('aquaspot').style.display = 'none';
	 document.getElementById('quadspot').style.display = 'none';
	 document.getElementById('divespot').style.display = 'none';
	 document.getElementById('divefishspot').style.display = 'none';
	 document.getElementById('privexpeditspot').style.display = 'none';
	 document.getElementById('lagoonariumspot').style.display = 'none';//done
     document.getElementById('rayspot').style.display = 'none'; //done
     document.getElementById('locaboatspot').style.display = 'none'; //done
	 document.getElementById('whalespot').style.display = 'none';	//done
	 document.getElementById('whalespot1').style.display = 'none';	//done
	 document.getElementById('whalespot2').style.display = 'none';	//done
	 document.getElementById('whalespot3').style.display = 'none';	//done
	 document.getElementById('whalespot4').style.display = 'none';	//done
	 document.getElementById('whaledescspot').style.display = 'none';	//done
     document.getElementById('dolphinspot').style.display = 'none';	//done
	 document.getElementById('waterfallspot').style.display = 'none';//done
	 document.getElementById('collegespot').style.display = 'none'; //done
	 document.getElementById('safarispot').style.display = 'none'; //done
	 document.getElementById('tahitievasionspot').style.display = 'none';//done
	 document.getElementById('sculpturespot').style.display = 'none';//done
	 document.getElementById('beachspot1').style.display = 'none';//done
	 document.getElementById('beachspot2').style.display = 'none';
	 document.getElementById('beachspot3').style.display = 'none';
	 document.getElementById('beachspot4').style.display = 'none';
	 document.getElementById('restaurantspot1').style.display = 'none';//done
	 document.getElementById('restaurantspot2').style.display = 'none';//done
	 document.getElementById('restaurantspot3').style.display = 'none';//done
	 document.getElementById('restaurantspot4').style.display = 'none';//done
	 document.getElementById('restaurantspot5').style.display = 'none';//done
	 document.getElementById('restaurantspot6').style.display = 'none';//done
	
	if (layer == 'surfspot'){
	   document.getElementById('surfspot1').style.display = 'block';
	   document.getElementById('surfspot2').style.display = 'block';
	   document.getElementById('surfspot3').style.display = 'block';
	   document.getElementById('surfspot4').style.display = 'block';
	   document.getElementById('surfspot5').style.display = 'block';
	  
	}
	else if (layer == 'tiki'){
	   document.getElementById('tikispot').style.display = 'block';
	   document.getElementById('sculpturespot').style.display = 'block';
	   
	}
	else if (layer == 'hike'){
	   document.getElementById('hikespot1').style.display = 'block';
	   document.getElementById('hikespot2').style.display = 'block';
	   document.getElementById('tahitievasionspot').style.display = 'block';
	  
	}
	else if (layer == 'shark') {
	   document.getElementById('sharkspot').style.display = 'block';
	   document.getElementById('rayspot').style.display = 'block';
	 
	}
	else if (layer == 'aqua') {
	   document.getElementById('aquaspot').style.display = 'block';
	  
	}
	else if (layer == 'quad') {
	   document.getElementById('quadspot').style.display = 'block';
	  
	}
	else if (layer == 'marks') {
	   document.getElementById('markspot').style.display = 'block';
	 
	}
	else if (layer == 'default') {
	   document.getElementById('markspot').style.display = 'block';
	 
	}
	else if (layer == 'dive') {
	   document.getElementById('divespot').style.display = 'block';
	   document.getElementById('divefishspot').style.display = 'block';
	 
	}
	else if (layer == 'whale'){
	   document.getElementById('whalespot').style.display = 'block';
	   document.getElementById('whalespot1').style.display = 'block';
	   document.getElementById('whalespot2').style.display = 'block';
	   document.getElementById('whalespot3').style.display = 'block';
	   document.getElementById('whalespot4').style.display = 'block';
       document.getElementById('dolphinspot').style.display = 'block';
	    document.getElementById('whaledescspot').style.display = 'block';	//done
		
	}
	else if (layer == 'tours'){
	   document.getElementById('safarispot').style.display = 'block';
	   document.getElementById('waterfallspot').style.display = 'block';
	   document.getElementById('collegespot').style.display = 'block';
	 
	}
	else if (layer == 'boats'){
		document.getElementById('locaboatspot').style.display = 'block'; 
		
	}
	else if (layer == 'lagoon'){
		document.getElementById('lagoonariumspot').style.display = 'block';
		
	}
	else if (layer == 'expedit'){
		document.getElementById('privexpeditspot').style.display = 'block';
	
	}
	else if (layer == 'beach'){
	//	alert(layer);
		document.getElementById('beachspot1').style.display = 'block';
		document.getElementById('beachspot2').style.display = 'block';
		document.getElementById('beachspot3').style.display = 'block';
		document.getElementById('beachspot4').style.display = 'block';
	
	}
	else if (layer == 'restaurant'){
		document.getElementById('restaurantspot1').style.display = 'block';
		document.getElementById('restaurantspot2').style.display = 'block';
		document.getElementById('restaurantspot3').style.display = 'block';
		document.getElementById('restaurantspot4').style.display = 'block';
		document.getElementById('restaurantspot5').style.display = 'block';
		document.getElementById('restaurantspot6').style.display = 'block';
	
	}
	
	 //call method to load images
	 // reload_images(layer);
  
	  if (gallery_name != null){
		get_gallery_name();
	  }
	  
	 image_name = layer; 
	//  show_image_index(h);
	
	//reset thumb_increment back to 0 so thumbs will start from 1.
	thumb_increment = 0;
	changegallery(1);
}

function reload_images(image_name){
	var t1;
	var t2;
	var t3;
	var t4;
	var t5;
	var act_thumb;
	//asign name to class variable image_name
		
	t1 = 1 + thumb_increment;
	t2 = 2 + thumb_increment;
	t3 = 3 + thumb_increment;
	t4 = 4 + thumb_increment;
	t5 = 5 + thumb_increment;
	
	document.getElementById('image1').src="images/activity_images/" + image_name + "/" + image_name + "_thumb" + t1 + "_en.jpg";
	document.getElementById('act_thumb'+ t1).src="images/activity_images/" + image_name + "/" + image_name + "_thumb" + t1 + ".jpg";
	document.getElementById('act_thumb' + t2).src="images/activity_images/" + image_name + "/" + image_name + "_thumb" + t2 + ".jpg";
	document.getElementById('act_thumb' + t3).src="images/activity_images/" + image_name + "/" + image_name + "_thumb" + t3 + ".jpg";
	document.getElementById('act_thumb' + t4).src="images/activity_images/" + image_name + "/" + image_name + "_thumb" + t4 + ".jpg";
	document.getElementById('act_thumb' + t5).src="images/activity_images/" + image_name + "/" + image_name + "_thumb" + t5 + ".jpg";
	
//	alert(document.getElementById('act_thumb' + t1).src + " " + document.getElementById('act_thumb' + t2).src + " " + document.getElementById('act_thumb' + t3).src + " " + document.getElementById('act_thumb' + t4).src + " " + document.getElementById('act_thumb' + t5).src);
	
	//update image_num which is used in CaptionId 
	image_num = t1;
	
}

function displayWindow(url, width, height) {
}
var newwindow 
function displayWindow_noscroll(url, width, height){ 

		 window.open(url,"displayWindow",'width=' + width + ',height=' + height + ',resizable=0,scrollbars=no,menubar=no,status=no, left = 300,top = 0' );
}

function tidy()
{
if (newwindow && !newwindow.closed) { newwindow.close(); } 
}
function winsize(){
var x,y;
var test1 = document.body.scrollHeight;
var test2 = document.body.offsetHeight
if (test1 > test2) // all but Explorer Mac
{
x = document.body.scrollWidth;
y = document.body.scrollHeight;
}
else // Explorer Mac;
//would also work in Explorer 6 Strict, Mozilla and Safari
{
x = document.body.offsetWidth;
y = document.body.offsetHeight;
}

return [x,y];

}

var country;

function selectABungalow()
{
var bungalow=document.getElementById("bungalow")
var adults=document.getElementById("adults")
var children=document.getElementById("children")
country=document.getElementById("country")

adults=adults.options[adults.selectedIndex].text
children=children.options[children.selectedIndex].text
bungalow=bungalow.options[bungalow.selectedIndex].text
country=country.options[country.selectedIndex].text

}

function validate()
{
var at=document.getElementById("email1").value.indexOf("@")
var email1=document.getElementById("email1").value
var email2=document.getElementById("email2").value
var fname=document.getElementById("fname").value
var lname=document.getElementById("lname").value
var arrival=document.getElementById("dc1").value
var depart=document.getElementById("dc2").value
//var country=document.getElementById("country").value


submitOK="true"

if (fname.length<1)
 {
 alert("Please enter your firstname")
 	submitOK="false"
	document.forms[0]["fname"].focus();
 return false
 }

 if (lname.length<1)
 {
 alert("Please enter your lastname")
 submitOK="false"
 document.forms[0]["lname"].focus();
 return false
 }

if (at==-1) 
 {
 alert("Not a valid e-mail!")
 document.forms[0]["email1"].focus();
 submitOK="false"
 return false
 }
 if (email1.length<1){
 	alert("Please enter email twice.")
	document.forms[0]["email1"].focus();
	submitOK="false"
	return false
 }
 if (email2.length<1){
 	alert("Please enter email twice.")
	document.forms[0]["email2"].focus();
	submitOK="false"
	return false
 }
 if (email1 != email2){
 	alert("Emails do no match, please re-enter correct emails.")
	submitOK="false"
	document.forms[0]["email1"].focus();
	return false
 }
 if (country.length < 1){
 	alert("Please select your country.")
	submitOK="false"
	document.forms[0]["country"].focus();
	return false
 }
 if (arrival.length < 1){
    
 	alert("Please enter Check in date.")
	submitOK="false"
	document.forms[0]["dc1"].focus();
	return false
 }
 if (depart.length < 1){//mm/dd/yyyy
 	alert("Please enter Check out date.")
	submitOK="false"
	document.forms[0]["dc2"].focus();
	return false
 }
 if (submitOK=="false")
  {
 return false
 }


} 
function textCounter(field, countfield, maxlimit) {

if (field.value.length > maxlimit) // if too long...trim it!
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
else 
countfield.value = maxlimit - field.value.length;
}
function unhide_captions(captionId){

	   document.getElementById(captionId).style.display = 'block';
}
function hide_captions(captionId){
	//alert(captionId);
	document.getElementById(last_caption_showed).style.display = 'none';
}
function hide_transbox(last_transbox_showed){
	document.getElementById(last_transbox_showed).style.display = 'none';
}
function redisplay_transbox(tb){
	//	alert("showing "+ tb);
	   document.getElementById(tb).style.display = 'block';
	   if (last_transbox_showed != null  && last_transbox_showed!=tb){
		document.getElementById(last_transbox_showed).style.display = 'none';
	//	alert("hiding  " + last_transbox_showed);
	   }
}
function relocate_caption_box(captionId){
	var top;
	var caption_box_height;
	top=document.getElementById(captionId).style.top;
	caption_box_height = document.getElementById(captionId).style.height;
	document.getElementById(captionId).style.top = top + caption_box_height;
}