var menu=new Array();
var subF;

function init(){
	if(document.getElementById){
		if(document.images){
			preloadImages();
			var menuItem, menuNum;
			for(var i=1;i<=5;i++){
				menuItem=document.getElementById("menu"+i);
				menuItem.onmouseover=function(){hover(this.id,true)};
				menuItem.onmouseout=function(){hover(this.id)};
			}
		}
		if(document.getElementById("kontakt")&&document.getElementById("kontakt").innerHTML){
			document.getElementById("kontakt").innerHTML="<a href='javascript: openMailer();'>Kontaktformular &gt;&gt;&gt;</a><br />";
		}
		if(document.createElement)initSub();
	}
	window.onresize=resetSub;
}

function initSub(){
	if(document.createElement){
		var subs=new Array();
		subs["sub1"]="/kompetenzen/pr.htm";	
		subs["sub2"]="/kompetenzen/publishing.htm";
		subs["sub3"]="/kompetenzen/werbung.htm";
		subs["sub4"]="/kompetenzen/marketing.htm";
		subs["sub5"]="/kompetenzen/events.htm";
		subs["sub6"]="/kompetenzen/onlinemedien.htm";	
		var posX=document.getElementById("container").offsetLeft+167;
		var posY=document.getElementById("container").offsetTop+0;
		var subDiv=document.createElement("div");
		with(subDiv){
			id="subPanel";
			with(style){
				position="absolute";
				top=posY+"px";
				left=posX+"px";
				height="0px";
				width="0px";
				background="url(/images/subPanel.gif)";
				display="none";
			}
		}
		subDiv.onmouseover=function(){hover(this.id,true)};
		subDiv.onmouseout=function(){hover(this.id)};
		document.body.appendChild(subDiv);
		for(var i=0;i<=0;i++){
			var subItem=document.createElement("a");
			subItem.id="sub"+i;
			subItem.href=subs["sub"+i];
			subItem.innerHTML="<img src='/images/sub"+i+".gif' border='0' height='0' width='0' />";
			subItem.onmouseover=function(){hover(this.id,true)};
			subItem.onmouseout=function(){hover(this.id)};
			document.getElementById("subPanel").appendChild(subItem);
		}
	}
}

function preloadImages(){
	if(document.images){
		for(var i=1;i<=6;i++){
			menu["menu"+i]=new Array(2);
			menu["menu"+i]["default"]=new Image();
			menu["menu"+i]["hover"]=new Image();
			menu["menu"+i]["default"].src="/images/menu"+i+".gif";
			menu["menu"+i]["hover"].src="/images/menu"+i+"_hov.gif";
		}
		for(var j=1;j<=6;j++){
			menu["sub"+j]=new Array(2);
			menu["sub"+j]["default"]=new Image();
			menu["sub"+j]["hover"]=new Image();
			menu["sub"+j]["default"].src="/images/sub"+j+".gif";
			menu["sub"+j]["hover"].src="/images/sub"+j+"_hov.gif";
		}
	}
}

function hover(ID){
	if(ID.substr(0,3)=="men"){
		if(ID!="menu3") document.getElementById("subPanel").style.display="none";
		else{
			document.getElementById("subPanel").style.display="block";
			subF=(arguments[1])?true:false;
		}
	}else subF=(arguments[1])?true:false;
	if(!document.getElementById(ID).href) document.getElementById(ID).style.cursor="default";
	else document.getElementById(ID).firstChild.src=(arguments[1])?menu[ID]["hover"].src:menu[ID]["default"].src;
	window.setTimeout("closeSub()",10);
}

function closeSub(){
	if(subF==false)document.getElementById("subPanel").style.display="none";
}

function resetSub(){
	var posX=document.getElementById("container").offsetLeft+167;
	var posY=document.getElementById("container").offsetTop+80;
	with(document.getElementById("subPanel").style){
		top=posY+"px";
		left=posX+"px";
	}
}

function openMailer(){
	window.open("mailForm.html", "Kontaktformular", "location=no,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no,width=330,height=400");
}