rolloverImage1 = new Image();
rolloverImage1.src = "images/navBarTop_left_on.png";
rolloverImage2 = new Image();
rolloverImage2.src = "images/navBarTop_right_on.png";
rolloverImage3 = new Image();
rolloverImage3.src = "images/navBarTop_middle_on.png";
var timeDelay_hideNavs;
function tabOver(id){
	thisTab = document.getElementById(id);
	
	hideAllDropDown();
	
	clearTimeout(timeDelay_hideNavs);
	switch(id){
		case "navTab_home":
			document.getElementById("divDropDown_home").style.display = "block";
			thisTab.style.backgroundImage = "url(images/navBarTop_left_on.png)";
			break;
		case "navTab_products":
			document.getElementById("divDropDown_products").style.display = "block";
			thisTab.style.backgroundImage = "url(images/navBarTop_middle_on.png)";
			break;
		case "navTab_pricing":
			document.getElementById("divDropDown_pricing").style.display = "block";
			thisTab.style.backgroundImage = "url(images/navBarTop_middle_on.png)";
			break;
		case "navTab_training":
			document.getElementById("divDropDown_training").style.display = "block";
			thisTab.style.backgroundImage = "url(images/navBarTop_middle_on.png)";
			break;
		case "navTab_support":
			document.getElementById("divDropDown_support").style.display = "block";
			thisTab.style.backgroundImage = "url(images/navBarTop_middle_on.png)";
			break;
	    case "navTab_partners":
			document.getElementById("divDropDown_partners").style.display = "block";
			thisTab.style.backgroundImage = "url(images/navBarTop_middle_on.png)";
			break;
		case "navTab_contact":
			//document.getElementById("divDropDown_contact").style.display = "block";
			thisTab.style.backgroundImage = "url(images/navBarTop_right_on.png)";
			break;
	}
	
	
}
function tabOut(id){
	thisTab = document.getElementById(id);
	
	switch(id){
		case "navTab_home":
			hideDropDown_delay("divDropDown_home");
			thisTab.style.backgroundImage = "url(images/navBarTop_left.png)";
			break;
		case "navTab_products":
			hideDropDown_delay("divDropDown_products");
			thisTab.style.backgroundImage = "url(images/navBarTop_middle.png)";
			break;
		case "navTab_pricing":
			hideDropDown_delay("divDropDown_pricing");
			thisTab.style.backgroundImage = "url(images/navBarTop_middle.png)";
			break;
		case "navTab_training":
			hideDropDown_delay("divDropDown_training");
			thisTab.style.backgroundImage = "url(images/navBarTop_middle.png)";
			break;
		case "navTab_support":
			hideDropDown_delay("divDropDown_support");
			thisTab.style.backgroundImage = "url(images/navBarTop_middle.png)";
			break;
		case "navTab_partners":
			hideDropDown_delay("divDropDown_partners");
			thisTab.style.backgroundImage = "url(images/navBarTop_middle.png)";
			break;
		case "navTab_contact":
			//hideDropDown_delay("divDropDown_partners");
			thisTab.style.backgroundImage = "url(images/navBarTop_right.png)";
			break;
	}
}
function hideDropDown_delay(dropDown_id){
	thisDiv = document.getElementById(dropDown_id);
	timeDelay_hideNavs = setTimeout("thisDiv.style.display = 'none' ", 0);
}
//this function is called from the footer of the page
function hideAllDropDown(){
		document.getElementById("divDropDown_home").style.display = "none";
		document.getElementById("divDropDown_products").style.display = "none";
		document.getElementById("divDropDown_pricing").style.display = "none";
		document.getElementById("divDropDown_training").style.display = "none";
		document.getElementById("divDropDown_support").style.display = "none";
		document.getElementById("divDropDown_partners").style.display = "none";
		//document.getElementById("divDropDown_faq").style.display = "none";
		//document.getElementById("divDropDown_signUp").style.display = "none";
}
var lastToggle_div="";
function toggleDiv(div, page){
	
	// hack for already open PRODUCT features block - only works if the only one on page
	if (lastToggle_div == "" && document.getElementById(div).style.display == "block" && page=="product") {
	    lastToggle_div = div;
	}
	
	if(div != lastToggle_div){
		document.getElementById(div).style.display = "block";
		document.getElementById(div+"_toggle").innerHTML = "« Hide features";
	}
	
	
	if(lastToggle_div != "" && div != lastToggle_div){
		document.getElementById(lastToggle_div).style.display = "none";
		if(page=="product"){
			document.getElementById(lastToggle_div+"_toggle").innerHTML = "Key features »";
		}else{
			document.getElementById(lastToggle_div+"_toggle").innerHTML = "See features »";
		}
	}
	
	
	if(div == lastToggle_div && document.getElementById(div).style.display == "none"){
		document.getElementById(div).style.display = "block";
		
		document.getElementById(div+"_toggle").innerHTML = "« Hide features";
		
	}else if(div == lastToggle_div && document.getElementById(div).style.display == "block"){
		document.getElementById(div).style.display = "none";
		
		if(page=="product"){
			document.getElementById(div+"_toggle").innerHTML = "Key features »";
		}else{
			document.getElementById(div+"_toggle").innerHTML = "See features »";
		}
		
	}
	
	
	lastToggle_div = div;
	
}
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEUP)
document.onmouseup = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
	if (IE) { // grab the x-y pos.s if browser is IE
		//tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.documentElement.scrollTop;
		//alert("event.clientY = "+event.clientY+"\ndocument.documentElement.scrollTop = "+document.documentElement.scrollTop);
		
	}
	else {  // grab the x-y pos.s if browser is NS
		tempX = e.pageX;
		tempY = e.pageY;
	} 
	
	if (tempX < 0){tempX = 0;}
	
	if (tempY < 0){tempY = 0;}
	return true;
}
function showPopUp(image){
	document.getElementById("popUpBox").style.display = "block";
	
	document.getElementById("popUp_content").innerHTML = "<img style='border:1px solid #cccccc' src='images/"+ image +"'>";
	
	//detect for IE6
	if(document.compatMode && document.all) {
		document.getElementById("popUpBox").style.top = (tempY-150)+"px";	
	}else{
		document.getElementById("popUpBox").style.top = (tempY-150)+"px";
	}
	
	//detect for IE7
	if(window.XMLHttpRequest && document.all){
		document.getElementById("popUpBox").style.top = (tempY-150)+"px";
	}
	
	
}
function hidePopUp(){
	document.getElementById("popUpBox").style.display = "none";
		
}