// JavaScript Document


var bgcolor = "#54C01F"; //green
var bgcolor2 = "#CC0000"; //red
var bgcolor3 = "#FFCC00"; //orange

//This variable Used center the submenu under the menu item.
var SubMenuLeftPadding = "";



// PRELOAD MENU BACKGROUND IMAGES
//DEFAULT HOME PAGE
var MenuBgImage = new Image();
	MenuBgImage.src = "html/images/menu-bottom-bg.gif";
// Why harmon
var MenuBgImage2 = new Image();
	MenuBgImage2.src = "html/images/why-harmon-menu-bg.gif";
//Solution
var MenuBgImage3 = new Image();
	MenuBgImage3.src = "html/images/solution-menu-bg.gif";
//Projects
var MenuBgImage4 = new Image();
	MenuBgImage4.src = "html/images/projects-menu-bg.gif";


// IMG GENERIC
var MenuBgImage5 = new Image();
	MenuBgImage5.src = "";

// SET SUB MENU BACKGROUND IMAGES
//DEFAULT HOME PAGE
var subMenuBgImage = new Image();
	subMenuBgImage.src = "html/images/menu_bottom.gif";
//Why Harmon
var subMenuBgImage2 = new Image();
	subMenuBgImage2.src = "html/images/why-harmon-menu-btm-bg.gif";
//Solution
var subMenuBgImage3 = new Image();
	subMenuBgImage3.src = "html/images/solutions-menu-btm-bg.gif";
//Projects
var subMenuBgImage4 = new Image();
	subMenuBgImage4.src = "html/images/projects-menu-btm-bg.gif";




//FUNCTION TO SET DEFAULT MENU ON PAGE LOAD
function swapMenu(obj) {
	//intInterval = clearInterval(intInterval);

	
//	if (obj == submenu) {
//		
//		//submenuHTML = '<div class="PaddingLR40 PaddingTB5" style="position:absolute;top:100px;"><a href="experience.html" class="SubMenuLink">Experience</a> <a href="community-involvement.html" class="SubMenuLink">Community Involvement</a> <a href="satisfied-clients.html" class="SubMenuLink">Satisfied Clients</a> <a href="safety-and-quality.html" class="SubMenuLink">Safety and Quality</a></div>';
//	} 
//	
//	if (obj == submenu2) {
//		//submenuHTML = '<div class="PaddingLR40 PaddingTB5"  style="position:absolute;top:100px;"> <a href="project-delivery.html" class="SubMenuLink">Project Delivery</a> <a href="religious.html" class="SubMenuLink">Religious</a> <a href="commercial.html" class="SubMenuLink">Commercial</a></div>';
//	} 
//			
//	if  (obj == submenu3) {
//		//submenuHTML = '<div class="PaddingLR40 PaddingTB5" style="position:absolute;top:100px;"> <a href="current-project.html" class="SubMenuLink">Current</a> <a href="completed-project.html" class="SubMenuLink">Completed </a><a href="development.html" class="SubMenuLink">Development</a></div>';
//	}


	submenuLink = "" ;
	for (i = 0; i <= obj.length - 1; i++) {
		if (obj[i][5] == itype) {
			submenuLink += "<a href='" + obj[i][1] + "' target='" + obj[i][2] + "'  class='"+obj[i][4] +"'>" + obj[i][0] + "</a> ";
			} else {
			submenuLink += "<a href='" + obj[i][1] + "' target='" + obj[i][2] + "'  class='SubMenuLink'>" + obj[i][0] + "</a> ";
		}
	}
	
		submenuHTML = '<div class="PaddingTB5" style="position:absolute;top:100px;text-align:center;margin-left:auto;margin-right:auto;width:950px;" >' + submenuLink + '</div>' ;
	getElement("SubMenuItems").innerHTML = submenuHTML;
	changeMenuBg(obj);

}


// GLOBAL VARS FOR  FADING IN OF SUB MENU
var intInterval = 0;
var intDelay = 60;
var intOpacity = 10;
var intOpacityStart = 10;
var inOpacityIncrement = 10;
var intOpacityMax = 100;
var intMenuId = "MenuBg";
var intSubMenuId = "SubMenuBg";
var SubMenuOn = "";

var NavigatorType = navigator.userAgent.toLowerCase();


//CHNAGE SUBMENU BACKGROUND
function changeMenuBg(obj) {
			
	if (obj == submenu && SubMenuOn != submenu) {
		changeOpacity();
		getElement(intSubMenuId).src= subMenuBgImage2.src ; 
		getElement(intMenuId).className = 'WhyHarmonMenuBg'; 
		SubMenuOn = submenu;
		startTransition(intSubMenuId);	
	}
	
	if (obj == submenu2 && SubMenuOn != submenu2) {
		changeOpacity();
		getElement(intSubMenuId).src = subMenuBgImage3.src; 
		getElement(intMenuId).className = 'SolutionsMenuBg'; 
		SubMenuOn = submenu2
		startTransition(intSubMenuId);
	}
	
	
	if (obj == submenu3 && SubMenuOn != submenu3) {
		changeOpacity();
		getElement(intSubMenuId).src = subMenuBgImage4.src; 
		getElement(intMenuId).className = 'ProjectsMenuBg'; 
		SubMenuOn = submenu3
		startTransition(intSubMenuId);	
	}

    	
}
	
//SUBMENU FADE FUCTIONS
function changeOpacity() {
	//MOZILLA BROWSERS
	var is_agent = NavigatorType.indexOf("firefox");
	if (is_agent != -1) {
		getElement(intSubMenuId).style.MozOpacity = (intOpacity/intOpacityMax);
		} else {
		getElement(intSubMenuId).style.filter = "alpha(opacity = " + intOpacity +")";
		}
}

function startTransition(id) {
intInterval = clearInterval(intInterval);
intInterval = setInterval("fadeDiv()", intDelay);
}

function fadeDiv() {
	changeOpacity();
	
	intOpacity += inOpacityIncrement
	if (intOpacity == intOpacityMax) {
		intInterval = clearInterval(intInterval);
		intOpacity = intOpacityStart;
	}
}



function getElement(id) {
	var element=document.getElementById?document.getElementById(id):(document.all?document.all(id):null)
	return element;
}
   
// END SUB MENU FADE FUNCTIONS