/* JavaScript Document

 * DATE            VERSION       AUTHOR                 DESCRIPTION
 * 24.01.2008      1.0           Jinson Joseph          Created
 * 08.02.2008      1.1           Jinson Joseph          Modified for Cross browser compatibility
 */
 
var comboDropDiv = document.getElementById("menu_01"); // combo div object
var comboDropDivBg = null;
var comboDropDivBg_1 = null;
var menuObj = null;
var objTop = 0;
var objLeft = 0; 
var objWidth = 0; 
var objHeight = 0; 
var mObjectclassName = "";
 var mObject = null;
function showIndexMenu (obj, linkId){

	mObjectclassName = obj.className;
	mObject = obj;
	objTop = obj.offsetTop;
	objLeft = obj.offsetLeft;
	objWidth = obj.offsetWidth;
	objHeight = obj.offsetHeight;
	
	menuObj = document.getElementById("menu_0"+linkId);
	menuObj.style.top = (objTop + objHeight) + "px";
	menuObj.style.left = objLeft - 1 + "px";
	//menuObj.style.width = 0 +"px";
	menuObj.style.position = "absolute";
	menuObj.style.display = "";
	
	switch (linkId){
    case 1: // corporate.gif
	
		document.getElementById("menu_02").style.display = "none";
		document.getElementById("menu_03").style.display = "none";
		document.getElementById("menu_04").style.display = "none";
		document.getElementById("menu_05").style.display = "none";
		obj.className = "imgAlign_corporate_h";
		/*menuObj.style.top = (objTop + objHeight) + "px";
		menuObj.style.left = objLeft + "px";
		menuObj.style.position = "absolute";*/
		//menuObj.style.bgcolor = "#FFFFFF";
		//alert (menuObj.style.width);
		//menuObj.style.width = 310 +"px";
		//menuObj.style.display = "";
		showBg (560, 300);
		/*
		menuBgDiv.style.position="absolute";
		menuBgDiv.style.top = objTop + "px";
		menuBgDiv.style.left = objLeft + "px";
		menuBgDiv.style.display = "";*/
			

	break;
	
	case 2: // it_projects_services.gif
		document.getElementById("menu_01").style.display = "none";
		document.getElementById("menu_03").style.display = "none";
		document.getElementById("menu_04").style.display = "none";
		document.getElementById("menu_05").style.display = "none";
		obj.className = "imgAlign_it_projects_services_h";
		/*menuObj.style.top = (objTop + objHeight) + "px";
		menuObj.style.left = objLeft + "px";
		menuObj.style.position = "absolute";*/
		//menuObj.style.bgcolor = "#FFFFFF";
		//menuObj.style.width = 170 +"px";
		//menuObj.style.display = "";
		showBg (467, 300);
	break;
	
	case 3: // people.gif
		document.getElementById("menu_01").style.display = "none";
		document.getElementById("menu_02").style.display = "none";
		document.getElementById("menu_04").style.display = "none";
		document.getElementById("menu_05").style.display = "none";
		obj.className = "imgAlign_people_h";
		//menuObj.style.width = 295 +"px";
		menuObj.style.left = objLeft - 62 + "px";

		//menuObj.style.display = "";
		showBg (355, 200);
	break;
	
	case 4: // careers.gif
		document.getElementById("menu_01").style.display = "none";
		document.getElementById("menu_02").style.display = "none";
		document.getElementById("menu_03").style.display = "none";
		document.getElementById("menu_05").style.display = "none";
		obj.className = "imgAlign_careers_h";
		//menuObj.style.width = 170 +"px";
		menuObj.style.left = objLeft - 23 + "px";

		//menuObj.style.display = "";
		showBg (275, 200);	break;
	
	case 5: // contact_us.gif
		document.getElementById("menu_01").style.display = "none";
		document.getElementById("menu_02").style.display = "none";
		document.getElementById("menu_03").style.display = "none";
		document.getElementById("menu_04").style.display = "none";
		obj.className = "imgAlign_contact_us_h";
		//menuObj.style.width = 94 +"px";
		menuObj.style.left = objLeft - 112 + "px";

		//menuObj.style.display = "";
		showBg (170, 200);	break;
	break;
	}
}



function showBg( w, h){
// First time - create a new div elements
	if (comboDropDivBg == null && comboDropDivBg_1 == null){
		//comboDropDivBg = document.createElement("div");
		//comboDropDivBg_1 = document.createElement("div");
		//document.body.insertBefore(comboDropDivBg, comboDropDiv);
		//document.body.insertBefore(comboDropDivBg_1, comboDropDivBg);
		
		comboDropDivBg = document.getElementById("comboDropDivBg");
		comboDropDivBg_1 = document.getElementById("comboDropDivBg_1");

		comboDropDivBg.style.position="absolute";
		comboDropDivBg.style.zIndex = '5';
		comboDropDivBg_1.style.position="absolute";
		comboDropDivBg_1.style.zIndex = '6';

		
		
		// attach event to the bg DIV.
		if (comboDropDivBg.attachEvent){ //IE
			comboDropDivBg.attachEvent ("onmouseover",hideMenu);
		}else if (comboDropDivBg.addEventListener){ //non IE
			comboDropDivBg.addEventListener ("mouseover",hideMenu,true);
			//diff = 98;
		}
	}else if(comboDropDivBg && comboDropDivBg_1){ // Second Time onwards - just show the elements
		comboDropDivBg.style.display = "";
		comboDropDivBg_1.style.display = "";
	}
	
	comboDropDivBg.style.left = menuObj.offsetLeft - 50 + "px";
	comboDropDivBg.style.top = - 20 + "px";
	comboDropDivBg.style.width = w + "px";
	comboDropDivBg.style.height = h + "px";
	/*comboDropDivBg.style.border = '1px';
	comboDropDivBg.style.borderStyle = 'solid';
	comboDropDivBg.style.borderColor = '#999999';*/
	
	
	comboDropDivBg_1.style.left = objLeft + "px";
	comboDropDivBg_1.style.top = objTop + "px";
	comboDropDivBg_1.style.width = objWidth - 2 + "px";
	comboDropDivBg_1.style.height = objHeight + "px";
	/*comboDropDivBg_1.style.border = '1px';
	comboDropDivBg_1.style.borderStyle = 'solid';
	comboDropDivBg_1.style.borderColor = '#a7c9e5';*/
	
	comboDropDivBg.style.display = "";
	comboDropDivBg_1.style.display = "";
		
	//comboDropDivBg_1.style.borderTop = '3px solid #ff0000';
	//comboDropDivBg_1.style.borderColor = '#a7c9e5';
}

function hideMenu(){
	//alert (menuObj.style.display);
	//var comboDropDiv = document.getElementById("menu_01");
	if (mObject) {mObject.className = mObjectclassName;}
		if (menuObj){
		  menuObj.style.display = "none";
		  comboDropDivBg.style.display = "none";
		  comboDropDivBg_1.style.display = "none";
		}
	}
	
	
	
	
	
	// page inner tab functionality
	
function innerTab (id){
	var li_id = id+"_li";
	if(document.getElementById("Intellectual_li")){
		document.getElementById("Intellectual_li").className = "";
	}
	if(document.getElementById("Interpersonal_li")){
		document.getElementById("Interpersonal_li").className = "";
	}
	if(document.getElementById("Personal_li")){
		document.getElementById("Personal_li").className = "";
	}
	if(id != "management" && id != "softwaredev" && id!="infrastructuredev" && id != "Techservices" && id!="Custservices" && id != "Finance"){
		document.getElementById(li_id).className = "active";
	}	
	if(id=="Intellectual"){
		if(document.getElementById("Intellectual")){
			document.getElementById("Intellectual").style.display = "";
		}
		if(document.getElementById("Interpersonal")){
			document.getElementById("Interpersonal").style.display = "none";
		}
		if(document.getElementById("Personal")){
			document.getElementById("Personal").style.display = "none";
		}
	}else if(id=="Interpersonal"){
		if(document.getElementById("Intellectual")){
			document.getElementById("Intellectual").style.display = "none";
		}
		if(document.getElementById("Interpersonal")){
			document.getElementById("Interpersonal").style.display = "";
		}
		if(document.getElementById("Personal")){
			document.getElementById("Personal").style.display = "none";
		}
	}else if(id=="Personal"){
		if(document.getElementById("Intellectual")){
			document.getElementById("Intellectual").style.display = "none";
		}
		if(document.getElementById("Interpersonal")){
			document.getElementById("Interpersonal").style.display = "none";
		}
		if(document.getElementById("Personal")){
			document.getElementById("Personal").style.display = "";
		}
	}else if(id=="management"){
		if(document.getElementById("management")){
			document.getElementById("management").style.display = "";
		}
		if(document.getElementById("softwaredev")){
			document.getElementById("softwaredev").style.display = "none";
		}
		if(document.getElementById("infrastructuredev")){
			document.getElementById("infrastructuredev").style.display = "none";
		}
		if(document.getElementById("Techservices")){
			document.getElementById("Techservices").style.display = "none";
		}
		if(document.getElementById("Custservices")){
			document.getElementById("Custservices").style.display = "none";
		}
		if(document.getElementById("Finance")){
			document.getElementById("Finance").style.display = "none";
		}
	}else if(id=="softwaredev"){
		if(document.getElementById("management")){
			document.getElementById("management").style.display = "none";
		}
		if(document.getElementById("softwaredev")){
			document.getElementById("softwaredev").style.display = "";
		}
		if(document.getElementById("infrastructuredev")){
			document.getElementById("infrastructuredev").style.display = "none";
		}
		if(document.getElementById("Techservices")){
			document.getElementById("Techservices").style.display = "none";
		}
		if(document.getElementById("Custservices")){
			document.getElementById("Custservices").style.display = "none";
		}
		if(document.getElementById("Finance")){
			document.getElementById("Finance").style.display = "none";
		}
	}else if(id=="infrastructuredev"){
		if(document.getElementById("management")){
			document.getElementById("management").style.display = "none";
		}
		if(document.getElementById("softwaredev")){
			document.getElementById("softwaredev").style.display = "none";
		}
		if(document.getElementById("infrastructuredev")){
			document.getElementById("infrastructuredev").style.display = "";
		}
		if(document.getElementById("Techservices")){
			document.getElementById("Techservices").style.display = "none";
		}
		if(document.getElementById("Custservices")){
			document.getElementById("Custservices").style.display = "none";
		}
		if(document.getElementById("Finance")){
			document.getElementById("Finance").style.display = "none";
		}
	}else if(id=="Techservices"){
		if(document.getElementById("management")){
			document.getElementById("management").style.display = "none";
		}
		if(document.getElementById("softwaredev")){
			document.getElementById("softwaredev").style.display = "none";
		}
		if(document.getElementById("infrastructuredev")){
			document.getElementById("infrastructuredev").style.display = "none";
		}
		if(document.getElementById("Techservices")){
			document.getElementById("Techservices").style.display = "";
		}
		if(document.getElementById("Custservices")){
			document.getElementById("Custservices").style.display = "none";
		}
		if(document.getElementById("Finance")){
			document.getElementById("Finance").style.display = "none";
		}
	}else if(id=="Custservices"){
		if(document.getElementById("management")){
			document.getElementById("management").style.display = "none";
		}
		if(document.getElementById("softwaredev")){
			document.getElementById("softwaredev").style.display = "none";
		}
		if(document.getElementById("infrastructuredev")){
			document.getElementById("infrastructuredev").style.display = "none";
		}
		if(document.getElementById("Techservices")){
			document.getElementById("Techservices").style.display = "none";
		}
		if(document.getElementById("Custservices")){
			document.getElementById("Custservices").style.display = "";
		}
		if(document.getElementById("Finance")){
			document.getElementById("Finance").style.display = "none";
		}
	}else if(id=="Finance"){
		if(document.getElementById("management")){
			document.getElementById("management").style.display = "none";
		}
		if(document.getElementById("softwaredev")){
			document.getElementById("softwaredev").style.display = "none";
		}
		if(document.getElementById("infrastructuredev")){
			document.getElementById("infrastructuredev").style.display = "none";
		}
		if(document.getElementById("Techservices")){
			document.getElementById("Techservices").style.display = "none";
		}
		if(document.getElementById("Custservices")){
			document.getElementById("Custservices").style.display = "none";
		}
		if(document.getElementById("Finance")){
			document.getElementById("Finance").style.display = "";
		}
	}
}