
//Browser detection
browser = navigator.appName;
bIE = (browser=='Microsoft Internet Explorer');
bOpera = (window.opera); //(browser=='Opera');
bMozilla = (browser=='Netscape');
bSafari = navigator.vendor ? navigator.vendor.indexOf('Apple') >= 0 : false;
bWebkit = navigator.userAgent.indexOf("AppleWebKit") > -1;

bVersion = navigator.appVersion.substring(0, navigator.appVersion.indexOf(' '));

//config
menu_hide_interval = 10; //ms
if(bMozilla){
	menu_hide_interval = 120;}
//!config


//-------------------------css bugfixes, since css properties are handled differently in different browsers-----------------------

if(bSafari) {
	//inline-bug
	document.write("<style>");
	document.write("#page #header #menu div.submenulink,#page #header #menu div.submenulinkhover {display: inline-table}");
	document.write("#page #rightside #content #admin div.voidleft {display: inline-table}");
	document.write("#page #rightside #content #admin div.formbuttons {display: inline-table}");
	document.write("#page #header {margin-bottom: -117px;}");
	document.write("#page #rightside #content {width: 600px; padding: 5 12 5 6}");
	document.write("#page #header #menu .submenu div.normal, #page #header #menu .submenu div.submenulink, #page #header #menu .submenu div.submenulinkhover, #page #header #menu .submenu2 div.normal, #page #header #menu .submenu2 div.submenulink, #page #header #menu .submenu2 div.submenulinkhover {height: 19px;}");
	document.write("</style>");
}
else if(bOpera)
{
	document.write("<style>");
	if(bVersion>=9.00)
	{//padding-bug
        document.write("#page #header{width: 600px; height: 0; padding-bottom: 8px;}");
        document.write("#page #rightside #content{width: 595px;}");
        document.write("#page #leftside .box{width: 161px;}");
        document.write("#page #header #menu div.normal,#page #header #menu div.submenulink,#page #header #menu div.submenulinkhover{width: 117px; height: 19px}");
        document.write("#page #header #menu .submenu div.normal,#page #header #menu .submenu div.submenulink,#page #header #menu .submenu div.submenulinkhover, #page #header #menu .submenu2 div.normal,#page #header #menu .submenu2 div.submenulink,#page #header #menu .submenu2 div.submenulinkhover{width: 117px; height: 19px}");
        document.write("#page #header #menu .submenu{margin-top: 20px;}");
	}
	//inline-bug
	document.write("#page #header #menu div.submenulink,#page #header #menu div.submenulinkhover {display: inline-table}");
	document.write("#page #rightside #content #admin div.voidleft {display: inline-table}");
	document.write("#page #rightside #content #admin div.formbuttons {display: inline-table}");
	document.write("</style>");
}
else if(bMozilla || bWebkit)
{
	document.write("<style>");

	//inline-bug
	document.write("#page #header #menu div.submenulink,#page #header #menu div.submenulinkhover {display: inline-table}");
	//document.write("#page #rightside #content #admin div.formbuttons {display: table-cell}");
	  //submenu-position correction: //document.write("#page #header #menu .submenu {margin-left: -163px; margin-top: 20px}");

	//padding-bug
	document.write("#page #header{width: 600px; height: 0; padding-bottom: 25px;}");
	document.write("#page #rightside #content{width: 595px;}");
	document.write("#page #leftside .box{width: 161px;}");
	document.write("#page #header #menu div.normal,#page #header #menu div.submenulink,#page #header #menu div.submenulinkhover{width: 97px; height: 19px}");
	document.write("#page #header #menu .submenu div.normal,#page #header #menu .submenu div.submenulink,#page #header #menu .submenu div.submenulinkhover, #page #header #menu .submenu2 div.normal,#page #header #menu .submenu2 div.submenulink,#page #header #menu .submenu2 div.submenulinkhover{width: 97px; height: 19px}");
	document.write("#page #header #menu .submenu{margin-top: 20px;}");
	document.write("</style>");
}


//------------------------submenu position (determine dynamically)--------------------
//this code must be inserted at the end of the <body>-tag of the page file, since only then 'menu1' is loaded
//document.write("<style>");
//document.write("#page #menu .submenu{");
//document.write("margin-left: "+(document.getElementById('menu1').offsetWidth)+"px;");
//document.write("margin-top: -"+(document.getElementById('menu1').offsetHeight)+"px;");
//document.write("}");
//document.write("</style>");


//--------------------------menu functions-------------------------------

var show_submenu = new Array();


function hide_submenu(submenuID)
{
	menuItem = document.getElementById('menu'+submenuID);
	if(document.getElementById('submenu'+submenuID))
		submenuStyle = document.getElementById('submenu'+submenuID).style;
	else
		submenuStyle = null;

	if(!show_submenu[submenuID])
	{
		menuItem.className = "submenulink";
		if(submenuStyle)
			submenuStyle.display = "none";
	}
}


function switchMenu(submenuID, mouseOver)
{
	menuItem = document.getElementById('menu'+submenuID);
	if(document.getElementById('submenu'+submenuID))
		submenuStyle = document.getElementById('submenu'+submenuID).style;
	else
		submenuStyle = null;

	if(mouseOver)
	{
		menuItem.className = "submenulinkhover";
		if(submenuStyle)
			submenuStyle.display = "inline";
		show_submenu[submenuID]=true;
	}
	else
	{
        show_submenu[submenuID]=false;
        window.setTimeout("hide_submenu("+submenuID+");", menu_hide_interval);
	}
}



//--------general page functions---------

function chImg(obj, filename)
{
	obj.src = filename;
}

function tcMail(name, domain, linktext)
{
document.write("<a href=\'mai"+"lto:"+name+"&#64;"+domain+"\'>");
if(linktext=="")
	document.write(name+"&#64;"+domain+"</a>");
else
	document.write(linktext+"</a>");
}

function printCopyright()
{
document.write("<div class='center'>");
document.write("©2006 ");
tcMail("r.tenhagen", "gymnasium-mariengarden.de", "Robin Tenhagen");
document.write("</div>");
if(bMozilla)
	document.write("<br><br>");
}
