var preloadFlag = false;
var curTimer ;
var menus = new Array('home','resort','about','adventure','realestate','reservations','contact') ;

function showSubMenu(subMenuName){
	if(curTimer){
		clearTimeout(curTimer) ;
		clearTimeout(defTimer) ;
	}
	
	// hide all other sub menus
	for(i=0; i<menus.length; i++){
		hideSubMenu(menus[i]) ;
	}

	subMenuID = 'sm_'+subMenuName ;
	imageID	  = 'img_'+subMenuName ;
	rolloverImageName = 'images/menu-'+subMenuName+'-over.gif' ;

	document.getElementById(subMenuID).style.display = 'block' ;
	document.getElementById(imageID).src = rolloverImageName ;
}

function hideSubMenuDelay(subMenuName){
	curTimer = setTimeout('hideSubMenu(\''+subMenuName+'\')', 500) ;
	defTimer = setTimeout('showDefaultSubMenu()', 500) ;
}

function hideSubMenu(subMenuName){
	subMenuID 			= 'sm_'+subMenuName ;
	imageID	  			= 'img_'+subMenuName ;
	imageName 			= 'images/menu-'+subMenuName+'.gif' ;
	document.getElementById(subMenuID).style.display = 'none' ;
	document.getElementById(imageID).src = imageName ;
}

function showDefaultSubMenu(){
	//alert('Value of currentSection: '+currentSection) ;
	currentSubMenuID 	= 'sm_'+currentSection ;
	imageID	  			= 'img_'+currentSection ;
	imageName 			= 'images/menu-'+currentSection+'-over.gif' ;
	document.getElementById(currentSubMenuID).style.display = 'block' ;
	document.getElementById(imageID).src = imageName ;
}
		
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function preloadImages() {
	if (document.images) {
		home_over 			= newImage("images/menu-home-over.gif");
		resort_over 		= newImage("images/menu-resort-over.gif");
		adventure_over 		= newImage("images/menu-adventure-over.gif");
		realestate_over 	= newImage("images/menu-realestate-over.gif");
		reservations_over 	= newImage("images/menu-reservations-over.gif");
		contact_over 		= newImage("images/menu-contact-over.gif");

		preloadFlag = true;
	}
}

var preloadImagesArray = new Array() ;

function preloadImage(imgURL){
	//var pic = new Image() ;
	//pic.src = imgURL ;
	var pic = newImage(imgURL) ;
	preloadImagesArray.push(pic) ;
}

function hideFullsizeImage(){
	document.getElementById('fsImage').style.display = 'none' ;
}

function showFullsizeImage(imgURL,title,caption){
	document.getElementById('fsImagePlaceholder').src = imgURL ;
	document.getElementById('fsImage').style.top = document.body.scrollTop + 50 ;
	
	document.getElementById('fsImageTitle').innerHTML 	= title ;
	document.getElementById('fsImageCaption').innerHTML = caption ;
	
	document.getElementById('fsImage').style.display = 'block' ;
	setOpac('fsImage',0) ;
	FadeIn('fsImage') ;
}

// Function used to fade "in" a div
function FadeIn($WhichDiv) {
	setOpac($WhichDiv,0); // set it to transparent
	document.getElementById($WhichDiv).style.display = "block"; // display as block just in case
	for( var i = 0 ; i <= 100 ; i++ ) {
		   setTimeout( 'setOpac(\''+$WhichDiv+'\',' + i + ')' , 2 * i );
	}
}

// Function used to fade "out" a div
function FadeOut($WhichDiv) {
	for( var i = 0 ; i <= 100 ; i++ ) {
		   setTimeout( 'setOpac(\''+$WhichDiv+'\',' + (100 - i) + ')' , 8 * i );
	}
	setTimeout('ToggleDiv(\''+$WhichDiv+'\')', 8 * i);
	setOpac($WhichDiv,100); // set it to opaque (just in case)
}

// Function used to set the opacity of a div (from 0 to 10)
function setOpac( $WhichDiv, value ) {
	document.getElementById($WhichDiv).style.opacity = value / 100;
	document.getElementById($WhichDiv).style.filter = 'alpha(opacity=' + value + ')';
}

function tellafriendPopup(returnURL){
    URL = 'tellafriend/tellafriend.php?urlFrom='+returnURL ;
    width = "350" ;
    height = "455" ;
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width="+width+",height="+height+",left = 390,top = 162');");
}

function initMapsWrapper(){
	if(document.getElementById('map_canvas')){
		init_maps() ;	
	}
}