// JavaScript Document



var produktboxpos;
var boxname;

var submenuebox;
var submenuename;
var submenue;
var submenue_nr;

var menue_nr;
var menuepunkte;

var bild_nr;
var contentbild;
var navbild;
var bereich;
var divbox;

var navbild;


function einblenden(boxname)
{
if(document.all)
{
produktboxpos=document.all[boxname].style;
produktboxpos.visibility="visible";
}
else if(document.layers)
{
produktboxpos=document.layers[boxname];
produktboxpos.visibility="visible";
}
else if(document.getElementById)
{
produktboxpos=document.getElementById([boxname]).style;
produktboxpos.visibility="visible";
}
}



function ausblenden(boxname)
{
if(document.all)
{
produktboxpos=document.all[boxname].style;
produktboxpos.visibility="hidden";
}
else if(document.layers)
{
produktboxpos=document.layers[boxname];
produktboxpos.visibility="hidden";
}
else if(document.getElementById)
{
produktboxpos=document.getElementById([boxname]).style;
produktboxpos.visibility="hidden";
}
}


function submenue_bg(menue_nr,submenue_nr,bild_nr)
{

// alle Geschwister-divs vom Hintergrund bereinigen:
var bereich = document.getElementById("untermenue");
var menuepunkte = bereich.getElementsByTagName("div");
for (i = 0; i < menuepunkte.length; i++) {
menuepunkte[i].style.backgroundImage = "";
}
// contentnavbild einblenden:
var navbild = document.getElementById("contentnavbild");
navbild.style.backgroundImage = "url(layout/icon_"+menue_nr+"_"+submenue_nr+".gif)";

// contentbild einblenden:
// hier Abfrage ergänzen, ob Element vorhanden ist
var contentbild = document.getElementById("contentbildbereich");
contentbild.style.backgroundImage = "url(images/pro_"+submenue_nr+"_"+bild_nr+".jpg)";


// aktiven Menüpunkt einblenden:
var submenue = "sub_"+submenue_nr+"";


if(document.all)
{
submenuebox=document.all[submenue].style;
submenuebox.backgroundImage="url(layout/menue_"+menue_nr+"_"+submenue_nr+"_aktiv.gif)";

}
else if(document.layers)
{
submenuebox=document.layers[submenue];
submenuebox.backgroundImage="url(layout/menue_"+menue_nr+"_"+submenue_nr+"_aktiv.gif)";
}
else if(document.getElementById)
{
submenuebox=document.getElementById([submenue]).style;
submenuebox.backgroundImage="url(layout/menue_"+menue_nr+"_"+submenue_nr+"_aktiv.gif)";
}

}


function submenue(menue_nr,submenue_nr,div_nr)

{
// alle Menüpunkte vom Hintergrund bereinigen: (Geschwister-divs)
var bereich = document.getElementById("untermenue");
var menuepunkte = bereich.getElementsByTagName("div");
	for (i = 0; i < menuepunkte.length; i++) {
	menuepunkte[i].style.backgroundImage = "";
	}
	
// aktiven Menüpunkt einblenden:
if(submenue_nr)
{
var submenue = "sub_"+submenue_nr+"";
submenuebox=document.getElementById([submenue]).style;
submenuebox.backgroundImage="url(layout/menue_"+menue_nr+"_"+submenue_nr+"_aktiv.gif)";
}

	
// contentnavbild einblenden: Geht!
if(document.getElementById("contentnavbild"))
{
	var navbild = document.getElementById("contentnavbild");
	navbild.style.backgroundImage = "url(layout/icon_"+menue_nr+"_"+submenue_nr+".gif)";
}


// alle content-div-tags ausblenden:
if(document.getElementById("div_1")) 
{
document.getElementById("div_1").style.visibility="hidden";
document.getElementById("div_2").style.visibility="hidden";
if(document.getElementById("div_2_2"))
	document.getElementById("div_2_2").style.visibility="hidden";
document.getElementById("div_3").style.visibility="hidden";
document.getElementById("div_4").style.visibility="hidden";
document.getElementById("div_5").style.visibility="hidden";
document.getElementById("div_6").style.visibility="hidden";


// aktiven content-div-tag einblenden:
var divname = "div_"+submenue_nr+"";

// zweite Seite prüfen
if(div_nr>1)
{
	divname = divname + "_"+div_nr+"";
	//document.getElementById("contentnavback"]).style.visibility="visible"; 
	//document.getElementById("contentnavgo"]).style.visibility="hidden";
}

divbox=document.getElementById([divname]).style;
divbox.visibility="visible";
}

}