//=============================
//Scripts for Mainmenu-Popup
//=============================


var zu;
var activeImage; 
var activeSubmenu;
var oldactiveSubmenu;
var activeMenuItem;
var permanentSubmenu;
var activeHeight;
var mysubnavheight = 0;
var myoldsubnavheight = 0;
var mymaxsubnavheight = 0;
var mynum = 0;
var isMac = '';
var slidetimer;
var slideptimer;
var activateSlidetimer;
var closecount;
slidetoggle = 1;
if(navigator.platform == "MacPPC") isMac = true;
var layertest = '';
var activeRegion;
	

//===============================
//image hilite without submenu-popup
//==============================
function mainnavButton(whichImg,offsrc,onsrc){
	this.imgname = new Object(whichImg);
	this.imgname.createHiliteImages = createImgObjs;
	this.imgname.createHiliteImages(offsrc,onsrc);
		
}

function showHigh(whichButton,whichPic){
	if(whichPic == 0) document.images[whichButton.imgname].src = whichButton.imgname.onimg.src;	
}

function resetHigh(whichButton,whichPic){
	if(whichPic == 0 && activeSmallPic != whichButton.imgname ) document.images[whichButton.imgname].src = whichButton.imgname.offimg.src;
}


//hilite-image method
function createImgObjs(offsrc,onsrc,hisrc,midsrc,big800,big1024,big1280){
	this.offimg = new Image();
	if (typeof offsrc!="undefined" && offsrc.length!=0) {
    	this.offimg.src = offsrc;
    }
	this.onimg = new Image();
	if (typeof onsrc!="undefined" && onsrc.length!=0) {
		this.onimg.src = onsrc;
	}
	this.hiliteimg = new Image();
	if (typeof hisrc!="undefined" && hisrc.length!=0) {
		this.hiliteimg.src = hisrc;
	}
	if(arguments.length > 3) {
		this.midimg = midsrc;
		this.big800 = big800;
		if(big1024) this.big1024 = big1024;
		if(big1280) this.big1280 = big1280;
	}
}


//********************************************************
// Hauptnavigation
//********************************************************

//mainMenuConstructor
function mainMenu(whichMenuID,whichMenu,whichImg,offsrc,onsrc){
	//erzeugen der mouseover-Images
	this.id = whichMenuID;
	this.imgname = new Object(whichImg);
	this.imgname.createHiliteImages = createImgObjs;
	this.imgname.createHiliteImages(offsrc,onsrc,'');	
	this.layerheight = '';
	
}

//festlegen eines permanenten submenues
function setPermanentSubmenu(whichMenu){
	permanentSubmenu = whichMenu;
	activeSubmenu = whichMenu;
	}

//body onload function fuer mainnav: offset-height messen, mainnav positionieren
function initMainnav(){
	document.getElementById("mainnav").style.left = 489 + "px";
	var divtags=document.all? document.all : document.getElementsByTagName("div");
	for (i=0; i<divtags.length; i++){
		if (divtags[i].className=="subnav_area_container" || divtags[i].className=="subnav_area_container_on"){
		var divid = divtags[i].id;
		var myobjid = divid.split("_");
		myobjid = myobjid[0];
		var myclassname = divtags[i].className;
		document.getElementById(divid).className = "subnav_area_container_on";
		var myoffsetheight = document.getElementById(divid).offsetHeight;
		myoffsetheight = myoffsetheight - 20;
		eval(myobjid + ".layerheight = myoffsetheight");
		document.getElementById(divid).className = myclassname;
		}	
	}
}	

//body onload function fuer mainnav_katalog: offset-height messen, mainnav positionieren
function initMainKatnav(){
	document.getElementById("mainnav_katalog").style.left = 786 + "px";
	var divtags=document.all? document.all : document.getElementsByTagName("div");
	for (i=0; i<divtags.length; i++){
		if (divtags[i].className=="subnav_area_container" || divtags[i].className=="subnav_area_container_on"){
		var divid = divtags[i].id;
		var myobjid = divid.split("_");
		myobjid = myobjid[0];
		var myclassname = divtags[i].className;
		document.getElementById(divid).className = "subnav_area_container_on";
		var myoffsetheight = document.getElementById(divid).offsetHeight;
		myoffsetheight = myoffsetheight - 20;
		eval(myobjid + ".layerheight = myoffsetheight");
		document.getElementById(divid).className = myclassname;
		}	
	}
}	

//Function fuer das Einblenden der Unterpunkte Hauptauswahl
//aus der Seite werden der Name des Menuesets und Hilite-Kennung (1 = Menuegrafik ist Hilite, 0 = Menuegrafik ist kein hilite) uebergeben

function showMenu(whichMenu,whichPic) {	
	//neues Highlight anzeigen
	//if(slidetimer)window.clearTimeout(slidetimer);
	window.clearTimeout(activateSlidetimer);
	activateSlidetimer=0;
	resetHighlight();
	if(whichPic == 0) showHighlight(whichMenu.imgname);
	mySubmenu = whichMenu.id + "_subnav";	
	//eigenes submenu anzeigen
	activateSlidetimer = window.setTimeout("showthis()",200);
	//Deaktivieren des Timeouts
	window.clearTimeout(zu);
	//document.getElementById(activeSubmenu).style.height = 0 + "px";
	
}

function showthis(){
	if(document.getElementById(mySubmenu) && mySubmenu != activeSubmenu){
	slidetoggle = 0;
		//hoehe neuer layer
		mysubnavheight = document.getElementById(mySubmenu).offsetHeight;
		if(navigator.appVersion.indexOf("MSIE") != -1 && isMac == true) mysubnavheight = 0;
		document.getElementById(mySubmenu).style.visibility = "visible";
		document.getElementById(mySubmenu).style.display = "block";
		//document.getElementById(mySubmenu).style.height = 0 + "px";
		if(document.getElementById("textteaser")){
		document.getElementById("textteaser").style.visibility = "hidden";
		document.getElementById("textteaserline").style.visibility = "hidden";
		}
		//window.clearTimeout(zu);
		if(activeSubmenu) {
			oldactiveSubmenu = activeSubmenu;
			var myoldobjid = oldactiveSubmenu.split("_");
			myoldobjid = myoldobjid[0];
			eval("myoldsubnavheight = " + myoldobjid + ".layerheight");
			closecount = myoldsubnavheight/20;
			//hoehe alter layer
			myoldsubnavheight = document.getElementById(oldactiveSubmenu).offsetHeight;
		}
		activeSubmenu = mySubmenu;
		var myobjid = mySubmenu.split("_");
		myobjid = myobjid[0];	
		eval("mymaxsubnavheight = " + myobjid + ".layerheight");	
		slidecount = mymaxsubnavheight/20;
		mynum = 0;			
		slidetimer = window.setInterval("slidetab()", 1);		
	}
}

function dropdown_mouseEnter() {
	window.clearTimeout(zu);
	}

function dropdown_mouseLeave(whichMenu) {
	switch (whichMenu) {
			case 'main':
			window.clearTimeout(activateSlidetimer);
			if(slidetoggle==1) resetHighlight();
			zu = window.setTimeout("menuCollaps()",1500);
			
			break;	
			case 'home':
			window.clearTimeout(activateSlidetimer);
			if(slidetoggle==1) resetHighlight();
			zu = window.setTimeout("homemenuCollaps()",1500);
			break;			
			}			
	}

function showHighlight(menupic){
	document.images[menupic].src = menupic.onimg.src;
	activeImage = menupic;	
}

function resetHighlight(){
	if(activeImage) document.images[activeImage].src = activeImage.offimg.src;
}

function menuCollaps(){
		window.clearTimeout(activateSlidetimer);
		activateSlidetimer=0;
		mynum = 0;
		//zuruecksetzen des highlights;
		resetHighlight();
		//verstecken des popup-menues
		window.clearTimeout(zu);
		if(activeSubmenu && activeSubmenu != permanentSubmenu){
		document.getElementById(permanentSubmenu).style.visibility = "visible";
		document.getElementById(permanentSubmenu).style.display = "block";
		document.getElementById(permanentSubmenu).style.height = 0 + "px";	
		oldactiveSubmenu = activeSubmenu;
		activeSubmenu = permanentSubmenu;
		var myobjid = oldactiveSubmenu.split("_");
		myobjid = myobjid[0];
		eval("myoldsubnavheight = " + myobjid + ".layerheight");
		closecount = myoldsubnavheight/20;
		var myobjid = activeSubmenu.split("_");
		myobjid = myobjid[0];
		eval("mymaxsubnavheight = " + myobjid + ".layerheight");
		myoldsubnavheight = document.getElementById(oldactiveSubmenu).offsetHeight;
		mysubnavheight = document.getElementById(activeSubmenu).offsetHeight;
		//if(navigator.appVersion.indexOf("MSIE") != -1 && isMac == true) mysubnavheight = 0;
		slidecount = mymaxsubnavheight/20;	
		if(navigator.appVersion.indexOf("MSIE") != -1 && isMac == true) {
			document.getElementById(oldactiveSubmenu).style.visibility = "hidden";
			document.getElementById(oldactiveSubmenu).style.display = "none";
		}
		else{
			slideptimer = window.setInterval("slideptab()",1);
		}
		}	
		slidetoggle=1;					
	}

//nur fuer die startseite
function homemenuCollaps(){
		window.clearTimeout(activateSlidetimer);
		activateSlidetimer=0;
		mynum = 0;
		//zuruecksetzen des highlights;
		resetHighlight();
		//verstecken des popup-menues
		window.clearTimeout(zu);
		if(activeSubmenu){
			oldactiveSubmenu = activeSubmenu;
			var myobjid = oldactiveSubmenu.split("_");
			myobjid = myobjid[0];
			eval("myoldsubnavheight = " + myobjid + ".layerheight");
			closecount = myoldsubnavheight/20;
			myoldsubnavheight = document.getElementById(oldactiveSubmenu).offsetHeight;
			slidetimer = window.setInterval("closetab()",1);				
		}
		slidetoggle=1;				
	}
	
//slide function activeSubmenu
function slidetab(){
	slidecount = slidecount+(slidecount/50);
	if(closecount) {
		closecount = closecount+(closecount/50);
		myoldsubnavheight = myoldsubnavheight - closecount;
		}
	mysubnavheight = mysubnavheight + slidecount;	
	document.getElementById(activeSubmenu).style.height = mysubnavheight + "px";
	if(oldactiveSubmenu) document.getElementById(oldactiveSubmenu).style.height = myoldsubnavheight + "px";
	mynum = mynum + 1;
	if(navigator.appVersion.indexOf("MSIE") != -1 && isMac == true) {
		mynum = 15;
	}
	if(mynum >= 15){
		document.getElementById(activeSubmenu).style.height = mymaxsubnavheight + "px";
		if(oldactiveSubmenu){
		document.getElementById(oldactiveSubmenu).style.height = 0 + "px";		
		document.getElementById(oldactiveSubmenu).style.visibility = "hidden";
		document.getElementById(oldactiveSubmenu).style.display = "none";
		}
		window.clearInterval(slidetimer);
		//alert(mymaxsubnavheight);
		//alert(mysubnavheight);
		}	
}

//slide function permanentSubmenu
function slideptab(){
	if(navigator.appVersion.indexOf("MSIE") != -1 && isMac == true) {
		document.getElementById(permanentSubmenu).style.height = mymaxsubnavheight;
		document.getElementById(oldactiveSubmenu).style.height = 0 + "px";
		document.getElementById(oldactiveSubmenu).style.visibility = "hidden";
		document.getElementById(oldactiveSubmenu).style.display = "none";
		if(slideptimer) slideptimer = 0;
		return;
		}
	else{
		slidecount = slidecount+(slidecount/50);
		closecount = closecount+(closecount/50);
		mysubnavheight = mysubnavheight + slidecount;
		myoldsubnavheight = myoldsubnavheight - closecount;
		document.getElementById(permanentSubmenu).style.height = mysubnavheight + "px";
		document.getElementById(oldactiveSubmenu).style.height = myoldsubnavheight + "px";
		mynum = mynum + 1;
		if(mynum >= 15){
			document.getElementById(permanentSubmenu).style.height = mymaxsubnavheight;
			document.getElementById(oldactiveSubmenu).style.height = 0 + "px";
			document.getElementById(oldactiveSubmenu).style.visibility = "hidden";
			document.getElementById(oldactiveSubmenu).style.display = "none";
			window.clearInterval(slideptimer);
		}
		}
}
	
//slide function homepage
function closetab(){
	if(closecount) {
		closecount = closecount+(closecount/50);
		myoldsubnavheight = myoldsubnavheight - closecount;
		}
	if(oldactiveSubmenu) document.getElementById(oldactiveSubmenu).style.height = myoldsubnavheight + "px";
	mynum = mynum + 1;
	if(navigator.appVersion.indexOf("MSIE") != -1 && isMac == true) {
		mynum = 15;
	}
	if(mynum >= 15){
		if(oldactiveSubmenu){
		document.getElementById(oldactiveSubmenu).style.height = 0 + "px";		
		document.getElementById(oldactiveSubmenu).style.visibility = "hidden";
		document.getElementById(oldactiveSubmenu).style.display = "none";
		}
		document.getElementById("textteaser").style.visibility = "visible";
		document.getElementById("textteaserline").style.visibility = "visible";
		activeSubmenu = 0;
		oldactiveSubmenu = 0;
		window.clearInterval(slidetimer);	
		//alert(mymaxsubnavheight);
		//alert(mysubnavheight);
		}	
}


//****************************************************************
//mouse over bei links (doppelpfeil und icons)
//****************************************************************
//mouseover function for combined links
function showArrowHilite(whichImgObj,whichArrowObj){
	if(!whichArrowObj){
		whichImgObj.img.src = arrowObj.onimg.src;
	}
	else{
		whichImgObj.img.src = whichArrowObj.onimg.src;
	}
}

//mouseout function for combined links
function resetArrowHilite(whichImgObj,whichArrowObj){
	if(!whichArrowObj){
		whichImgObj.img.src = arrowObj.offimg.src;
	}
	else{
		whichImgObj.img.src = whichArrowObj.offimg.src;
	}
}

//set image object for combined links
function setLinkObj(whichImg){
	if(!whichImg.counter){
		whichImg.counter = 1;
		whichImg.parentNode.img = whichImg;
		}
}

//************************************************************
//Scripts Karte Aussendienst
//*************************************************************
karte_aussendienst = new Array();

//Karten und Daten Constructor
function makeRegion(whichRegionID,whichRegion,whichClassName,whichImg,offsrc,onsrc,regiondata){
	this.id = whichRegionID;
	this.regionname = whichRegion;
	this.regionnamehtml = '';
	this.regionnamehtml += '<img src="images/icon_arrow_on.gif" width="11" height="9" alt="" class="arrow_link_before">' + this.regionname;
	this.imgclassname = whichClassName;
	this.imgname = new Object(whichImg);
	this.imgname.createHiliteImages = createImgObjs;
	this.imgname.createHiliteImages(offsrc,onsrc,'');	
	this.regiondata = regiondata;
	this.regionhtml = '';
	this.regionhtml += '<div class="ma_bild"><img src="' + this.regiondata[0] + '" width=130 height=171 alt="' + this.regiondata[1] + '"></div>';
	this.regionhtml += '<div class="ma_daten"><h2 class="ma_name">' + this.regiondata[1] + '</h2><p class="ma_infotext">';
	for(var i = 2; i < this.regiondata.length; i++) {
		this.regionhtml += this.regiondata[i] + '<br>';
	}
	this.regionhtml += '</p></div>';	
	karte_aussendienst[karte_aussendienst.length] = this;
}

//erzeugen der karte
function displayMap(){
	var maphtml = '';
 	for(var i = 0; i < karte_aussendienst.length; i++) {
		maphtml += '<img class="' + karte_aussendienst[i].imgclassname + '" src="' + karte_aussendienst[i].imgname.offimg.src + '" name="' + karte_aussendienst[i].imgname + '" alt="">';		
	}
	document.getElementById("karte_aussendienst").innerHTML = maphtml;
}

//mouseover einzelne region
function displayRegion(which){
	var myImgName = which.imgname;
	document.images[myImgName].src = myImgName.onimg.src;
	activeRegion = myImgName;	
}

//mouseout einzelne region
function hideRegion(which){
	//if(activeImage) document.images[activeImage].src = activeImage.offimg.src;
	var myImgName = which.imgname;
	document.images[myImgName].src = myImgName.offimg.src;
}

//mouseclick einzelne region: anzeige mitarbeiterdaten
function showRegionData(which){
	document.getElementById("ma_anzeige_bundesland").innerHTML = which.regionnamehtml;
	document.getElementById("ma_container").innerHTML = which.regionhtml;
}

//************************************************************
//Scripts Karte Innendienst
//*************************************************************


//Karten und Daten Constructor
function makeMIList(whichSectionID,whichSection,offsrc,onsrc,sectiondata){
	this.id = whichSectionID;
	this.sectionname = whichSection;
	this.sectionnamehtml = '';
	this.sectionnamehtml += '<img src="images/icon_arrow.gif" width="11" height="9" alt="" class="arrow_link_before">' + this.sectionname;
	this.imgname = new Object();
	this.imgname.createHiliteImages = createImgObjs;
	this.imgname.createHiliteImages(offsrc,onsrc,'');	
	this.sectiondata = sectiondata;
	//navigation personen
	this.sectionpersons = new Array();
	for(var i = 0; i < this.sectiondata.length; i++) {
		this.sectionpersons[i] = this.sectiondata[i][1];
	}
	this.sectionnavhtml = new Array();
	this.sectionpersonhtml = new Array();
	for(var i = 0; i < this.sectiondata.length; i++) {	
		this.sectionnavhtml[i] = '';
		for(var x = 0; x < this.sectiondata.length; x++) {
			if(x==i){
				this.sectionnavhtml[i] += '<div class="subnav_entry_aktiv"><a href="JavaScript:showSectionPerson(' + this.id + ',' + x + ')"><img onload="setLinkObj(this)" src="images/icon_arrow_on.gif" width="11" height="9" alt=">" class="arrow_link_before">' + this.sectiondata[x][1] + '</a></div>';				
			}
			else{
				this.sectionnavhtml[i] += '<div class="subnav_entry"><a onmouseover="showArrowHilite(this,arrowObj1)" onmouseout="resetArrowHilite(this,arrowObj1)" href="JavaScript:showSectionPerson(' + this.id + ',' + x + ')"><img onload="setLinkObj(this)" src="images/icon_arrow_trans.gif" width="11" height="9" alt=">" class="arrow_link_before">' + this.sectiondata[x][1] + '</a></div>';
			}
		}
		this.sectionnavhtml[i] += '<div class="sectionnavspacer"></div>';
		this.sectionpersonhtml[i] = '';
		this.sectionpersonhtml[i] += '<div class="ma_bild"><img src="' + this.sectiondata[i][0] + '" width=130 height=171 alt="' + this.sectiondata[i][1] + '"></div>';
		this.sectionpersonhtml[i] += '<div class="ma_daten"><h2 class="ma_name">' + this.sectiondata[i][1] + '</h2><p class="ma_infotext">';
		for(var y = 2; y < this.sectiondata[i].length; y++) {
		this.sectionpersonhtml[i] += this.sectiondata[i][y] + '<br>';
		}
		this.sectionpersonhtml[i] += '</p></div>';	
	}	
}


//mouseover einzelne abteilung
function displaySection(which){
	var myImgName = which.imgname;
	document.images["karte_innendienst_img"].src = myImgName.onimg.src;
	activeRegion = myImgName;	
}

//mouseout einzelne abteilung
function hideSection(which){
	//if(activeImage) document.images[activeImage].src = activeImage.offimg.src;
	var myImgName = which.imgname;
	document.images["karte_innendienst_img"].src = myImgName.offimg.src;
}

//mouseclick einzelne abteilung: anzeige mitarbeiterdaten
function showSectionData(which){
	document.getElementById("ma_anzeige_abteilung").innerHTML = which.sectionnamehtml;
	var mysectionhtml = '';
	mysectionhtml += which.sectionnavhtml[0];
	mysectionhtml += which.sectionpersonhtml[0];
	document.getElementById("ma_container").innerHTML = mysectionhtml;
}

//mouseclick einzelner mitarbeiter: anzeige mitarbeiterdaten
function showSectionPerson(which,number){
	document.getElementById("ma_anzeige_abteilung").innerHTML = which.sectionnamehtml;
	var mysectionhtml = '';
	mysectionhtml += which.sectionnavhtml[number];
	mysectionhtml += which.sectionpersonhtml[number];
	document.getElementById("ma_container").innerHTML = mysectionhtml;
}

//*****************************************************************
// bildvergroesserung katalog
//*****************************************************************

function magnifyProduct(){
	document.getElementById("pic_kat_produkt_large").style.visibility = "visible";
	document.getElementById("pic_kat_produkt_large").style.display = "block";
	document.getElementById("icon_lupe_min").style.visibility = "visible";
	document.getElementById("icon_lupe_min").style.display = "block";
	document.getElementById("pic_kat_produkt_large").innerHTML = largeImageCode;
}

function closeProduct(){
	document.getElementById("pic_kat_produkt_large").style.visibility = "hidden";
	document.getElementById("pic_kat_produkt_large").style.display = "none";
	document.getElementById("icon_lupe_min").style.visibility = "hidden";
	document.getElementById("icon_lupe_min").style.display = "none";
}