rolloverImage1 = new Image();
rolloverImage1.src = "images/navBarTop_middle_on.png";
var timeDelay_hideNavs;
function tabOver(id){
	thisTab = document.getElementById(id);
	
	hideAllDropDown();
	
	clearTimeout(timeDelay_hideNavs);
	switch(id){
		case "menuHome":
			document.getElementById("dropDownHome").style.display = "block";
			thisTab.style.backgroundImage = "url(images/menuHomeOn.jpg)";
			break;
		case "menuProducts":
			document.getElementById("dropDownProducts").style.display = "block";
			thisTab.style.backgroundImage = "url(images/menuProductsOn.jpg)";
			break;
		case "menuSystems":
			document.getElementById("dropDownSystems").style.display = "block";
			thisTab.style.backgroundImage = "url(images/menuSystemsOn.jpg)";
			break;
		case "menuTraining":
			document.getElementById("dropDownTraining").style.display = "block";
			thisTab.style.backgroundImage = "url(images/menuTrainingOn.jpg)";
			break;
		case "menuSupport":
			document.getElementById("dropDownSupport").style.display = "block";
			thisTab.style.backgroundImage = "url(images/menuSupportOn.jpg)";
			break;
		case "menuTestimonials":
			document.getElementById("dropDownTestimonials").style.display = "block";
			thisTab.style.backgroundImage = "url(images/menuTestimonialsOn.jpg)";
			break;
		case "menuContact":
			document.getElementById("dropDownContact").style.display = "block";
			thisTab.style.backgroundImage = "url(images/menuContactOn.jpg)";
			break;
	}
	
	
}
function tabOut(id){
	thisTab = document.getElementById(id);
	
	switch(id){
		case "menuHome":
			hideDropDown_delay("dropDownHome");
			thisTab.style.backgroundImage = "url(images/menuHomeOff.jpg)";
			break;
		case "menuProducts":
			hideDropDown_delay("dropDownProducts");
			thisTab.style.backgroundImage = "url(images/menuProductsOff.jpg)";
			break;
		case "menuSystems":
			hideDropDown_delay("dropDownSystems");
			thisTab.style.backgroundImage = "url(images/menuSystemsOff.jpg)";
			break;
		case "menuTraining":
			hideDropDown_delay("dropDownTraining");
			thisTab.style.backgroundImage = "url(images/menuTrainingOff.jpg)";
			break;
		case "menuSupport":
			hideDropDown_delay("dropDownSupport");
			thisTab.style.backgroundImage = "url(images/menuSupportOff.jpg)";
			break;
		case "menuTestimonials":
			hideDropDown_delay("dropDownTestimonials");
			thisTab.style.backgroundImage = "url(images/menuTestimonialsOff.jpg)";
			break;
		case "menuContact":
			hideDropDown_delay("dropDownContact");
			thisTab.style.backgroundImage = "url(images/menuContactOff.jpg)";
			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("dropDownHome").style.display = "none";
		document.getElementById("dropDownProducts").style.display = "none";
		document.getElementById("dropDownSystems").style.display = "none";
		document.getElementById("dropDownTraining").style.display = "none";
		document.getElementById("dropDownSupport").style.display = "none";
		document.getElementById("dropDownTestimonials").style.display = "none";
		document.getElementById("dropDownContact").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";
		
}