/**
 * @author Alan Cheney 2008
 */

userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);

//These lists keep track of all the image names to load in
var topMenuNames = new Array("HomeBtn", "GalleryBtn", "GetStartedBtn", "BlogBtn", "FAQBtn");
//For any given page, we'll only need one of the next 4 lists -- just need to figure out which
var sideMenuNamesHomeBtn = new Array("WelcomeBtn", "AboutUsBtn", "ContactUsBtn", "PraiseBtn");
var sideMenuNamesGalleryBtn = new Array(); //"BabiesBtn", "BirthdaysBtn", "GraduationsBtn", "WeddingsBtn", "OthersBtn");
var sideMenuNamesGetStartedBtn = new Array("HowItWorksBtn", "PricingBtn", "OrderFormsBtn", "GiftCertificatesBtn");
var sideMenuNamesFAQBtn = new Array(); //empty for now

var topMenuImgs  = new Array();
var sideMenuImgs = new Array();  
var currSideMenuObj = null;  //we'll figure this out during preloadImages()

//preloadImages();
window.onload=showMenu;  //Sets all menus to invisible

//function printval() {
//	var bg = document.getElementById("submitbtn").style.backgroundColor;
//	alert("submitbtn default bg: " + bg);
//}

var timeout	= 500;
var closetimer	= 0;


// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(showMenu, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}


function showMenu(id) {
	var d = document.getElementById(id);

		for (var i = 0; i<=3; i++) {
			if (document.getElementById('topmenu'+i)) {document.getElementById('topmenu'+i).style.display='none';}
		}
	if (d) {
		mcancelclosetime();
		d.style.display='block';
	}
}

function getActiveTopMenuItem(menuItems) {
	//alert("classname in menuItems: " + menuItems);
	for (x in menuItems) {
		//alert("classname in menuItems: " + document.getElementById(menuItems[x]));
		if (document.getElementById(menuItems[x]).className == "active") {
			//alert(menuItems[x] + " class was active"); // + document.getElementById(menuItems[x]).className);
			return menuItems[x];
		}
	}
	return null;  //shouldn't ever do this
}

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function findElement(n,ly) {
	if (browserVers < 4)		return document[n];
	var curDoc = ly ? ly.document : document;
	var elem = curDoc[n];
	if (!elem) {
		for (var i=0;i<curDoc.layers.length;i++) {
			elem = findElement(n,curDoc.layers[i]);
			if (elem) return elem;
		}
	}
	return elem;
}


//for sideOrTop, side = 0, top = 1
//for inOrOut, in = 1, out = 0
function mouseOverMenu(sideOrTop, elemID, inOrOut)  
{
	var i = 0;
	var menuImgs = (sideOrTop == 0) ? sideMenuImgs : topMenuImgs;
	var whichImg = inOrOut + 1;  //index 0 is the name of the image class

	for (i=0; i<menuImgs.length; i++) {
		//alert("elemID: "+elemID+" menuImgs[i][0]: " + menuImgs[i][0]);
		if (elemID == menuImgs[i][0]) {
			break;  //we found it!
		}
	}
	if (document.getElementById(elemID).className != "active") {
		document.getElementById(elemID).src = menuImgs[i][whichImg].src;
	}
}

function setActiveMenuImgs(topImg, sideImg)
{
	if (topImg != "") {    //policies page won't have any active topics, for example
		document.getElementById(topImg).className = "active";
	}
	if (sideImg != "") {    //FAQ menu won't have an side image, for example
		document.getElementById(sideImg).className = "active";  	
	}
}

//for sideOrTop, side = 0, top = 1
function setActiveMenuImg(sideOrTop)
{
	var menuImgs = (sideOrTop == 0) ? sideMenuImgs : topMenuImgs;

	for (var i=0; i<menuImgs.length; i++) {
		if (document.getElementById(menuImgs[i][0]).className == "active") {
			document.getElementById(menuImgs[i][0]).src = menuImgs[i][2].src;
			break;  //we found it! -- if we want to support multiple active ones, take this out
		}
	}
}

var TopSelected = '';
var SideSelected = '';
var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		
		//setup topMenuImages
		for (var i=0; i<topMenuNames.length; i+=1) {
			topMenuImgs[i] = new Array(3);  //Btn name, inactive img, active img
			topMenuImgs[i][0] = topMenuNames[i];
			topMenuImgs[i][1] = newImage("images/" + topMenuNames[i] + ".gif");
			topMenuImgs[i][2] = newImage("images/" + topMenuNames[i] + "-sel.gif");
		}
		
		currSideMenuObj = eval("sideMenuNames"+getActiveTopMenuItem(topMenuNames));
		for (var i=0; i<currSideMenuObj.length; i+=1) {
			sideMenuImgs[i] = new Array(3);  //Btn name, inactive img, active img
			sideMenuImgs[i][0] = currSideMenuObj[i];
			sideMenuImgs[i][1] = newImage("images/" + currSideMenuObj[i] + ".gif");
			sideMenuImgs[i][2] = newImage("images/" + currSideMenuObj[i] + "-sel.gif");
		}

		setActiveMenuImg(0);  //for the side menu
		setActiveMenuImg(1);  //for the top menu
		preloadFlag = true;
	}
}

// eg.	lilpopup('http://www.babynounce.com', 'Babynounce', 'no', 'no', 0, 0, 500, 400)
function lilpopup(myurl, titlebar, menubar, toolbar, statbar, sb, Winwidth, Winheight) {
/*	status     : The status bar at the bottom of the window. 
	toolbar    : The standard browser toolbar, with buttons such as Back and Forward. 
	menubar    : The menu bar for the window 
	scrollbars : Use scrollbars if the document gets bigger than window 
	height 	   : Height of the window in pixels. (example: height='400') 
	width  	   : Width of the window in pixels. 	*/

	//IMPORTANT: titlebar string may not have spaces in it apparently, at least for IE
	var mywin = window.open(myurl, titlebar, '"menubar=' + menubar + ',toolbar=' + toolbar + ',status=' + statbar + ',scrollbars=' + sb + ',width=' + Winwidth + ',height=' + Winheight + '"');
//	mywin.moveTo(0, 0);
}