/*	****************************************************
				Common Functions
	**************************************************** */
				
				

function popup(url) {
	var popup = window.open(url, "popup", 	"directories=no,\
											location=no, \
											menubar=no, \
											resizable=yes, \
											scrollbars=no, \
											status=no, \
											toolbar=no, \
											width=600, \
											height=575");
	popup.focus();
}

function popWedding() {
  var url = "flash-slideshow/wedgallery.php";
	var popup = window.open(url, "package_popup", 	"directories=no,\
													location=no, \
													menubar=no, \
													resizable=no, \
													scrollbars=yes, \
													status=no, \
													toolbar=no, \
													width=800, \
													height=600");
	popup.focus();
}

function popPackage(url) {
	var popup = window.open(url, "package_popup", 	"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=yes, \
													status=no, \
													toolbar=no, \
													width=400, \
													height=700");
	popup.focus();
}

function popPackageOne(url) {
	var popup = window.open(url, "package_popup", 	"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=yes, \
													status=no, \
													toolbar=no, \
													width=400, \
													height=840");
	popup.focus();
}

function popDirections() {
	var popup = window.open("pop_directions.php", 	"directions_popup",
													"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=no, \
													status=no, \
													toolbar=no, \
													width=400, \
													height=720");
	popup.focus();
}


function openTenRomantic() {
	var url = "pop_10romantic.php";
	var popup = window.open(url, "special_popup", 	"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=no, \
													status=no, \
													toolbar=no, \
													width=280, \
													height=530");
	popup.focus();
}
													

function showMap() {
	var map = window.open("map.php", "map", 	"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=no, \
													status=no, \
													toolbar=no, \
													width=400, \
													height=500");
	map.focus();
}



function openSpecialPackages() {
	var url = "pop_specialPackages.php";
	var popup = window.open(url, "special_popup", 	"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=no, \
													status=no, \
													toolbar=no, \
													width=400, \
													height=500");
	popup.focus();
}

function open3nite() {
	var url = "pop_3nite.php";
	var popup = window.open(url, "special_popup", 	"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=no, \
													status=no, \
													toolbar=no, \
													width=400, \
													height=630");
	popup.focus();
}

function open2nite() {
	var url = "pop_2nite.php";
	var popup = window.open(url, "special_popup", 	"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=no, \
													status=no, \
													toolbar=no, \
													width=400, \
													height=630");
	popup.focus();
}

function openGuest() {
	var url = "pop_guest.php";
	var popup = window.open(url, "special_popup", 	"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=no, \
													status=no, \
													toolbar=no, \
													width=400, \
													height=500");
	popup.focus();
}

function openRFP() {
	var url = "pop_rfp.php";
	var popup = window.open(url, "special_popup", 	"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=no, \
													status=no, \
													toolbar=no, \
													width=400, \
													height=650");
	popup.focus();
}

function openPetPolicy() {
	var url = "pop_pets.php";
	var popup = window.open(url, "pets_popup", 		"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=no, \
													status=no, \
													toolbar=no, \
													width=400, \
													height=400");
	popup.focus();
}

function openPricePolicy() {
	var url = "pop_price.php";
	var popup = window.open(url, "pets_popup", 		"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=no, \
													status=no, \
													toolbar=no, \
													width=400, \
													height=300");
	popup.focus();
}

function openHolidayEvent(url, height) {
	var popup = window.open(url, "holiday_popup",	"directories=no,\
													location=no, \
													menubar=no, \
													resizable=yes, \
													scrollbars=no, \
													status=no, \
													toolbar=no, \
													width=400, \
													height="+height);
	popup.focus();
}








/*	****************************************************
					Sub Nav Biz
	**************************************************** */
	


var activeSub = "";
var activeNav = null;
var stuck = "";
var offTimer = null;


function navOver(td, sub) {

	hideSub(activeSub);
	changeNavBG(td);
	subOver(sub);

}

function navOut() {
	
	subOut();
	
}

function subOver(overSub) {

	clearTimeout(offTimer);
	showSub(overSub);

}

function subOut() {

	if(activeSub != "") {
		offTimer = setTimeout("hideSub(activeSub)", 400);
	}

}

function showSub(sub) {
	document.getElementById(sub).className = "showTable";
	document.getElementById(sub+"_bg").className = "showBG";
	activeSub = sub;
}





function hideSub(sub) {
	
	if(sub != "") {
		document.getElementById(sub).className = "hidden";
		document.getElementById(sub+"_bg").className = "hidden";
		activeSub = "";
	}
	
	if(activeNav != null) {
		changeNavBGback(activeNav);
		activeNav = null;
	}

}


function changeBG(td) {

	td.className = "subOver";

}

function changeBGback(td) {

	td.className = "sub";

}

function changeNavBG(td) {

	if(activeNav != null) {
		changeImages(activeNav, 'images/'+activeNav+'.gif');
	}

	changeImages(td, 'images/'+td+'_over.gif');
	activeNav = td;

}

function changeNavBGback(td) {

	changeImages(td, 'images/'+td+'.gif');

}


function stick(nav) {

	changeImages(nav, "images/" + nav + "_over.gif");
	stuck = nav;
	
}






// add the subnavs
var created = false;
function createSubNavs() {
	created = true;
	var container = document.getElementById("dropdowns");
	var containerContent = ""

	// make the subnavs
	containerContent += createSubNav('accommodations_sub', 170, 55, 27,
													'fivepine lodge',		'accommodations_lodge.php', 
													'cabins',				'accommodations_cottages.php',
													'take a tour',		    'javascript:popup(\'http://rtvpix.com/tour/RS/tour.view.new.php?utl=RS-8909-BCU35S-01\');',
													'going green',		'green.php',
													'guest resources',		'javascript:openGuest();', 
													'lifestyle store',		'store.php',
													'gift certificate', 'javascript:popPackage(\'pop_gift.php\');',
													'pet policy',			'javascript:openPetPolicy();');

	containerContent += createSubNav('reservations_sub', 170, 170, 27, 	
													'rooms and rates',		'reservations_rates.php',
													'gift certificate', 'javascript:popPackage(\'pop_gift.php\');',
													'special packages',		'javascript:openSpecialPackages();',
													'online reservations', 	'javascript:__utmLinker(\'http://www.ewebres.com/fivepine/docs/webres-main.cfm?odbc=fivepine\');');

	containerContent += createSubNav('events_sub', 170, 267, 27,
																			'health and wellness',	'javascript:openSpecialPackages();');
													
	containerContent += createSubNav('spa_sub', 120, 320, 27,
													'spa package',			'http://www.shibuispa.com');
	
	containerContent += createSubNav('conference_sub', 170, 355, 27,
													'general',              'conference.php',
	                        'conference gallery',	'conference_gallery.php', 
													'request for proposal',	'javascript:openRFP();',
													'group recreation',		'grouprec.php',
													'group fitness',        'sacrec.php', 
													'virtual tour',		    'javascript:popup(\'http://rtvpix.com/tour.display.new.php?utl=RS-7758-01HKH7-01\');');
					
    containerContent += createSubNav('wedding_sub', 170, 440, 27,
													'general',              'weddings.php',
	                        'wedding gallery',	    'javascript:popWedding();', 
													'request for proposal',	'javascript:openRFP();',
													'virtual tour',		    'javascript:popup(\'http://rtvpix.com/tour.display.new.php?utl=RS-7758-01HKH7-01\');');
				
	containerContent += createSubNav('about_sub', 170, 610, 27,
													'five pine amenities',			'amenities.php',
//													'recent press', 				'about_news.php',
													'testimonials',			'testimonials.php',
													'driving directions',	'javascript:popDirections();');

	//fill in the subnavs into the div
	container.innerHTML = containerContent;
	test = (containerContent);
}


//	createSubNav(id, width, left, top, link, href, link href, ..., );
function createSubNav() {

	var args = createSubNav.arguments;
	var id = args[0];
	var w = args[1];
	var l = args[2];
	var t = args[3];
	var subnav = "";
	
	subnav += "\
					\
					\
					\
					<!------------------------------------ Sub Nav ------------------------>\
					<div id=\""+id+"\" class=\"hidden\" style=\"position:absolute; left:"+l+"px; top:"+t+"px; width:"+w+"px; z-index:20;\">\
						<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"subTable\" width=\""+w+"\">\
							<tr>\
								<td rowspan=\"20\" onmouseover=\"subOver('"+id+"');\" onmouseout=\"subOut();\"><img src=\"images/spacer.gif\" width=\"6\" height=\"5\"></td>\
								<td onmouseover=\"subOver('"+id+"');\" onmouseout=\"subOut();\"><img src=\"images/spacer.gif\" width=\"3\" height=\"6\"></td>\
								<td rowspan=\"20\" onmouseover=\"subOver('"+id+"');\" onmouseout=\"subOut();\"><img src=\"images/spacer.gif\" width=\"6\" height=\"5\"></td>\
							</tr>\
					";
					
	for(var i=4; i<args.length; i+=2) {
		var label = args[i];
		var href = args[i+1];
		
		if(href.indexOf("javascript:") == 0) {
			// do nothing
		} else if(href.indexOf("http://") == -1) {
			href = "window.location.href='" + href + "';";
		} else {
			href = "window.open('" + href + "', 'nav_popup');";
		}
		
		subnav += "\
							<tr>\
								<td class=\"sub\" align=\"left\" nowrap=\"nowrap\" onmouseover=\"changeBG(this); subOver('"+id+"');\" onmouseout=\"changeBGback(this); subOut();\" onclick=\""+href+"\">\
									"+label+"\
								</td>\
							</tr>\
							<tr>\
								<td onmouseover=\"subOver('"+id+"');\" onmouseout=\"subOut();\"><img src=\"images/spacer.gif\" width=\"5\" height=\"2\"></td>\
							</tr>\
						";
	}
	
	subnav += "\
							<tr>\
								<td onmouseover=\"subOver('accomodations_sub');\" onmouseout=\"subOut();\"><img src=\"images/spacer.gif\" width=\"5\" height=\"4\"></td>\
							</tr>\
						</table>\
					</div>\
					<div id=\""+id+"_bg\" class=\"hidden\" style=\"position:absolute; left:"+l+"px; top:"+t+"px; width:"+w+"px; z-index:19;\">\
						<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"subTableBG\" width=\""+w+"\">\
							<tr>\
								<td rowspan=\"20\"><img src=\"images/spacer.gif\" width=\"6\" height=\"5\"></td>\
								<td><img src=\"images/spacer.gif\" width=\"3\" height=\"6\"></td>\
								<td rowspan=\"20\"><img src=\"images/spacer.gif\" width=\"6\" height=\"5\"></td>\
							</tr>\
					";
					
	for(var i=4; i<args.length; i+=2) {
		var label = args[i];
		var href = args[i+1];
		
		subnav += "\
							<tr>\
								<td class=\"sub\" align=\"left\" nowrap=\"nowrap\">\
									"+label+"\
								</td>\
							</tr>\
							<tr>\
								<td><img src=\"images/spacer.gif\" width=\"5\" height=\"2\"></td>\
							</tr>\
						";
	}
	
	subnav += "\
							<tr>\
								<td><img src=\"images/spacer.gif\" width=\"5\" height=\"4\"></td>\
							</tr>\
						</table>\
					</div>\
					<!------------------------------------ Sub Nav ------------------------>\
				";

	return subnav;
	
}