// define variables for "if n4 (Netscape 4), if IE (IE 4.x), 
//and if n6 (if Netscape 6/W3C-DOM compliant)" 

var n4, ie, n6;

/* detecting browser support for certain key objects/methods and 
assembling a custom document object */


var doc,doc2,doc3,sty;

if (document.layers) {
      doc = "document.";
      doc2 = ".document.";
      doc3 = "";
      sty = "";
      n4 = true;
} else if (document.all) {
      doc = "document.all.";
      doc2 = "";
      doc3 = "";
      sty = ".style";
      ie = true;
} else if (document.getElementById) {
      doc = "document.getElementById('";
      doc2 ="')";
      doc3 ="')";
      sty = "').style";
      n6 = "true";
} 
 
 

// the variables for the window dimensions
var win_width,win_height;
var centerhor, centerver;


//Get dimensions of the window
function dimensions() {
	if(n4 || n6){
		win_width=window.innerWidth;
		win_height=window.innerHeight;
	} else if(ie) {
		win_width=document.body.clientWidth;
  		win_height=document.body.clientHeight;
	}

	centerhor = win_width/2;
	centerver = win_height/2;
}


//position the element on the page.

function placeIt(elem,leftPos,topPos) {
	docObj = eval(doc + elem + sty);
	if (n4 || n6) {
	docObj.left = leftPos;
	docObj.top= topPos;
}


	if (ie) {
		docObj.pixelLeft = leftPos;
		docObj.pixelTop = topPos;
 	}
}



// mouse over (on) and mouseoff(off) color values

var oncolor = "#BFCDCC";
var offcolor = "#EDF7F6";


function changecolor(divname,colorname) {
	stopall();
	if (!n4) {
		menuObj = eval(doc + divname + sty);
		menuObj.backgroundColor = colorname;
  	}
}


// show or hide DIV element
function showhide(divname,state) {
	if (n4) {
		divObj = eval (doc + divname);
 	} else {
		divObj = eval (doc + divname + sty);
	}
	divObj.visibility = state;
}


// variables that hold the value of the currently active (open) menu
var active_submenu1 = null;
var active_submenu2 = null;
var active_menuelem = null;
var active_topelem = null;

// function closes all active menus and turns back to 'off' state

function closeallmenus() {
	if(active_submenu1 != null) {
  		showhide(active_submenu1,'hidden');
  	}

	if(active_submenu2 != null) {
  		showhide(active_submenu2,'hidden');
  	}

	if(active_menuelem != null) {
  		changecolor(active_menuelem,offcolor);
  	}

	if(active_topelem != null) {
  		//onoff('mainmenu',active_topelem,'off');
  	}
}


// the menu close timeout variable
var menu_close_timeout = 50;


// delay in miliseconds until the open menus are closed
var delay =300;


// function calls the closeallmenus() function after a delay
function closeall() {
	menu_close_timeout = setTimeout('closeallmenus()',delay);
}


// stop all timeout functions (stops menus from closing)
function stopall() {
clearTimeout(menu_close_timeout);
}


// function controls submenus 

function controlsubmenu(submenu1,submenu2,menuelem,topelem) {
	stopall();
	closeallmenus();

	if (submenu1 != null) {
  		showhide(submenu1,'visible');
  		active_submenu1 = submenu1;
  	}

	if (submenu2 != null) {
 		showhide(submenu2,'visible');
 		active_submenu2 = submenu2;
  	}

	if (menuelem != null) {
 		changecolor(menuelem,oncolor);
 		active_menuelem = menuelem;
 	}

	if (topelem != null) {
 		//onoff('mainmenu',topelem,'on');
 		active_topelem = topelem;
 	}
}


function initialize() {
	
	
	closeallmenus();
	stopall();
	
	

	mainmenuleft =5;
	offset1 = 122;
	offset2 = 150;
	offset3 = 359;
	
	//function placeIt(element,leftPosition,topPosition)
	placeIt('aith',mainmenuleft,800);
	placeIt('user',mainmenuleft+offset1,500);
	placeIt('server',mainmenuleft+offset1+offset2,117);
	placeIt('services',mainmenuleft+offset1+offset2+offset3,117);

}