/* 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;

//mouse over (on) and mouseoff(off) color values
var oncolor = "red"; //"#99ccff";
var offcolor = "white"; //"#6699cc";

//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;

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

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

// preload navigation images
var loaded = 0;
var navdir = "http://www.atus.ch/images/js_navigation/";



//Get dimensions of the window  --> DELETE??
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  --> DELETE??
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;
	}
}

//DELETE??
function preload() {
	top_home_off = new Image;
	top_home_off.src = navdir + "topnavigation_c.gif";
	top_home_on = new Image;
	top_home_on.src = navdir + "topnavigation_o.gif"; 

	top_contact_off = new Image;
	top_contact_off.src = navdir + "topnavigation_c.gif"; //an image concerning a closed ABOUT 

	top_contact_on = new Image;
	top_contact_on.src = navdir + "topnavigation_o.gif"; //an image concerning a closed ABOUT

	top_news_off = new Image;
	top_news_off.src = navdir + "topnavigation_c.gif";

	top_news_on = new Image;
	top_news_on.src = navdir + "topnavigation_o.gif";

	top_aboutus_off = new Image;
	top_aboutus_off.src =  navdir + "topnavigation_c.gif";

	top_aboutus_on = new Image;
	top_aboutus_on.src =  navdir + "topnavigation_o.gif";

	top_partner_off = new Image;
	top_partner_off.src = navdir + "topnavigation_c.gif";

	top_partner_on = new Image;
	top_partner_on.src = navdir + "topnavigation_o.gif";

	loaded = 1;
}

// img src swap function
function onoff (elemparent, elem, state) {
	if (loaded) {
		newstate = eval(elem+"_"+state);
		
		if (n4) {
			menuObj = eval (doc + elemparent + doc2 + elem);
		} else if (ie || n6) {
			menuObj = eval (doc + elem + doc2);
		}
		
		menuObj.src = newstate.src;
	}
}

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;
}

//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 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');
	}
}

//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;
	}
}

//DELETE??
function initialize() {
	preload();
	closeallmenus();
	stopall();
	dimensions();
	if (win_width < 800) {
		mainmenuleft = centerhor - 10;
	} else {
		mainmenuleft = centerhor - 10;
	}

	//hat der Netscape einen Scrollbalken dann erst todo! etwas besser platzieren
	if (!ie) {
		mainmenuleft = mainmenuleft - 2;
	}

	offset1 = -200;	//55;
	offset2 = 85;
	offset3 = 85;
	offset4 = 85;	//Refenzen
	placeIt('mainmenu', mainmenuleft, 88);
	placeIt('aboutus', mainmenuleft + offset1, 90);	//88 is the space between the blackline
	placeIt('contact', mainmenuleft +offset1 + offset2, 90);
	placeIt('news', mainmenuleft + offset1 + offset2+offset3, 90);
	placeIt('partner', mainmenuleft + offset1 + offset2 + offset3 + offset4, 90);
}