//browser definition
function makeBrowser(){

	this.ver=navigator.appVersion
	this.dom=document.getElementById?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
	this.ie4=(document.all && !this.dom)?1:0;
	this.ns6=(this.dom && !document.all)?1:0;
	this.ns5=(this.dom && parseInt(this.ver) >= 5 && !this.ver.indexOf("Netscape6")) ?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
    this.opera = (navigator.userAgent.indexOf("Opera") != -1);
	if (this.ie6 || this.dom) this.ie5=true;
	this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5 || this.ns6 || this.opera);
	return this;
}
bw=new makeBrowser();

//set standard variables
var mac = (navigator.appVersion.indexOf("Mac") != -1);
var ie = (bw.ie4 || bw.ie5 || bw.ns6);
var iepc = ie && (!mac);
var iemac = ie && (mac);
var ns = (bw.ns4);

var folge = 1; //Identifikation Folgeseite
var here = 0; //Identifikation Submenu1
var h = 25;

//

if(document.images){
	var m = new Array();
	for (var i=1;i<5;i++) {
		m[i] = new Image(); m[i].src="../shared/m"+i+".gif";
	}
	var mo = new Array();
	for (var i=1;i<5;i++) {
		mo[i] = new Image(); mo[i].src="../shared/m"+i+"o.gif";
	}
}

function Entry (label, url) 
{
	this.label = label;
	this.url = url;
	this.renderItem	= renderItem;
}

function renderItem () 
{
	var html = "";
	html += (ie)?'<tr onmouseover="enter();" onmouseout="leave();" onClick="blur();">\n':'<tr>\n';
	html += '<td valign="top" align="center"><a href="' + this.url + '" class="smtxt">' + this.label + '</a></td>\n';
	html += '</tr>\n';

	return (html);
}

function renderMenu(me) 
{
	(folge)?h = 1:h = 25; //Menuehoehe abhaengig von Start-/Folgeseite
	var html = '<table  border="0" cellspacing="0" cellpadding="0" bgcolor="#D7D7D7">\n';
	html += (ie)?'<tr onmouseover="enter();" onmouseout="leave();" onClick="blur();">\n':'<tr>\n';
	html += '<td valign="top"><img src="pixel.gif" width="79" height="1"></td>\n</tr>\n';

	if (me == 1) var submenu = getService();	
	if (me == 2) var submenu = getProdukt();
	//if (me == 3) var submenu = getProjekt();
	if (me == 4) var submenu = getInfo();
	
	for (i = 0; i < submenu.length; i++) {
		html += submenu[i].renderItem (i);
		}

	html += (ie)?'<tr onmouseover="enter();" onmouseout="leave();" onClick="blur();">\n':'<tr>\n';
	html += '<td valign="top"><img src="pixel.gif" width="1" height="'+h+'"></td>\n</tr>\n';
	html += '</table>\n';
	return (html);
}

//Submenue 3. Ebene (linker Content-Rand) erzeugen
function getSubmenu1(name,act)
{
	var html = '\n<table width="240" heigth="261" border="0" cellspacing="0" cellpadding="0" background="">\n';
	html += (ie)?'<tr onClick="blur();">\n':'<tr>\n';
	for (var i = 0; i < name.length; i++) {	
		html += '<td valign="top"><img src="pixel.gif" width="240" height="10"></td>\n</tr>\n';
		html += (ie)?'<tr onclick="blur();">\n':'<tr>\n';
		html += '<td valign="top" align="right">';
		html += (i == act)?'<span class=\"ssmtxtactive\">' + name[i].titel + '</span>':'<a href="' + name[i].url + '" class="ssmtxtpassive">' + name[i].titel + '</a>';
		html += '</td>\n</tr>\n';
	}
	html += '</table>';
	return (html);
}

function getSubmenu(name,act)
{
	var html = "";
	for (var i = 0; i < name.length; i++) {	
		html += (i == act)?'<span class=\"ssmtxtactive\">' + name[i].titel + '</span><br>':'<a href="' + name[i].url + '" class="ssmtxtpassive">' + name[i].titel + '&nbsp;<img src="more.gif" width="7" height="12" border="0"></a><br>';
		html += '<img src="pixel.gif" width="1" height="5"><br>';
	}
	return (html);
}


//Footer-HTML erzeugen (Content-Querverlinkungen)
function Foo (label, url, now) 
{
	this.label = label;
	this.url = url;
	this.now = now;
	this.renderFoo	= renderFoo;
}

var foo = 0; 
//ID Submenue 3. Ebene: Position innerhalb Submenue. Verlinkung aufgehoben.
//Definition auf HTML-Seite mit Aufruf von renderFooMen()

function renderFoo () 
{
	var html = (foo==this.now)?'<span class="foopass">' + this.label + '</span><img src="../shared/fooSep.gif" width="4" height="8">':'<a href="' + this.url + '" class="foo">' + this.label + '</a><img src="../shared/fooSep.gif" width="4" height="8">';
	return (html);
}

function renderFooMen(me) 
{
	foo = me;
	var html = '<table width="723" border="0" cellspacing="0" cellpadding="0">\n';
//	html += '<tr class="nav"><td valign="top"><img src="pixel.gif" width="3" height="3"></td>\n<td valign="top"><img src="pixel.gif" width="720" height="3"></td>\n</tr>\n';
//	html += '<tr><td valign="top" class="nav"><img src="pixel.gif" width="3" height="1"></td>\n<td valign="top" class="content"><img src="pixel.gif" width="720" height="1"></td>\n</tr>\n';
	html += '<tr><td valign="top"><img src="pixel.gif" width="3" height="1"></td>\n<td valign="top">';
	var FooMen = getFooter();	
	for (i = 0; i < FooMen.length; i++) {
		html += FooMen[i].renderFoo();
		}
	html += '</td></tr>';
	//html += '<tr class="nav"><td valign="top" colspan="2"><img src="pixel.gif" width="1" height="5"></td>\n</tr>\n';
	html += '</table>\n';
	return (html);
}

//layerhandling

function getLayerStyleRef(lname){

	if (bw.ie4 || iemac)	if (document.all[lname]) return (document.all[lname].style);
	if (bw.ns4)	return (document.layers[lname]);
	if (bw.ie5 || bw.ns6) if (document.getElementById(lname)) return (document.getElementById(lname).style);
	return null;
}

function getLayerRef(lname){

	if (bw.ie4 || iemac) if (document.all[lname]) return (document.all[lname]);
	if (bw.ns4)	return (document.layers[lname]);
	if (bw.ie5 || bw.ns6) if (document.getElementById(lname)) return (document.getElementById(lname));
	return null;
}

//open/close/position submenues
var mylay = "";
var LayerTimer = 0;

function openlayer (nr) {
	//erst layer pos, dann open, dann andere layer zu, sonst problem mit mac-ns
	mover(nr);
	mylay = "submenu"+nr;
	leaveotherLayer(mylay);
	var ref = getLayerRef(mylay);
	var pos = new Array("",321,401,481,669);
	var lpos = pos[nr];
	
	if (LayerTimer) {
		clearTimeout (LayerTimer)
		LayerTimer = 0;
	}
	if (bw.ns4) {
		if(folge)ref.top=35;
		w=window.innerWidth-16;
		ref.visibility = "show";
		ref.left=parseInt(((w-800)/2)+(lpos-1));
		if (w < 800) ref.left = lpos;
		if (bw.ns4){
			ref.captureEvents(Event.MOUSEOVER||Event.MOUSEOUT);
			ref.onmouseover = enter;
			ref.onmouseout = leave;
		}
	} 
	else if (bw.ns6 || bw.opera){
		if(folge)ref.style.top=35;
		w=window.innerWidth;
		ref.style.visibility = "visible";
		ref.style.left=parseInt(((w-800)/2)+(lpos-1));
		if (w < 800) ref.style.left = lpos;
		//document.getElementById(submenu1).style.top = 92;
	}
	else {
		if(folge)ref.style.top=35;
		w=document.body.clientWidth;
		ref.style.visibility = "visible";
		ref.style.left=parseInt(((w-800)/2)+lpos);
		if (w < 800) ref.style.left = lpos;
	}  
}

function leaveotherLayer (lname) {
	for (var i=1;i<5;i++) {
		var tmp = "submenu"+i;
		if (lname != tmp){		
			if (here) if(here != i) mout(i);
			var id = getLayerStyleRef(tmp);
			id.visibility = (bw.ns4)?"hide":"hidden";
		}
	}
}

function leaveLayer(){
	if (mylay){
		var id = getLayerStyleRef(mylay);
		id.visibility = (bw.ns4)?"hide":"hidden";
	}
	else return;
}

function leave() {
	mout(moff);
	LayerTimer = setTimeout ("leaveLayer()", 10);
}

function enter() {
	if (LayerTimer) {
		clearTimeout (LayerTimer);
		LayerTimer = 0;
	}
}

//Handling der Keyisuals (Infolayer) - Zusatzinfo in den produkt/projekt-js!
//Namenskonvention Bilder: zusammengesetzt aus Nr. Submenuepunkt und Abfolgenr. Einzelauswahl (01.jpg oder 72.jpg)
//Groessenkonvention Bilder: entweder 220x150 oder 150x220

var picsize = "hoch";
var con;

function info(pic){
	
	(descpics[pic]=="hoch")?picsize="hoch":picsize="flach";
	var anz = "";
	var c = "<table cellspacing='0' cellpadding='0' border='0'>\n";
	c += "<tr><td valign='top'><img src="+ipic[pic].src+"></td></tr>\n";
	if (ipic.length>2){
		for (i = 1; i < ipic.length; i++) {
			anz += (i==pic)?"&nbsp;<span class='plain'>"+i+"</span>":"&nbsp;<a href='javascript:info("+i+");' class='plainwhite'>"+i+"</a>";
		}
	c += "<tr><td valign='top' class='plainwhite' align='"+linkpos+"'>images&nbsp;"+anz+"</td>\n</tr>\n";
	}
	c += "</table>";
	showMe(c);
}

var spacehoch = 261;
var spaceflach = 295;

function showMe(c){
	
	(picsize=="hoch")?con.top=spacehoch:con.top=spaceflach;
	var id = "info";
	if (iemac) c += '\n';
	if (bw.ns4) {
		var ref = document.layers[id];
		ref.document.open();
		ref.document.write(c);
		ref.document.close();
	}
	else if (bw.ie5 || bw.ns6 || bw.opera) document.getElementById(id).innerHTML = c;
	else document.all[id].innerHTML = c;
}

var infoTimer = 0;
var spaceleft = 320; 

function setInfo(){
	
	if (bw.ns4) {
		w=window.innerWidth-16;
		con=document.layers.info.document;
	} else if (bw.opera){
		w=window.innerWidth;
		con=document.getElementById("info").style;
	} else if (bw.ns6) {
		w=window.innerWidth-16;
		con=document.getElementById("info").style;
	} else {
		w=document.body.clientWidth;
		con=document.all.info.style;
	}  
	con.left=parseInt(((w-800)/2)+spaceleft);
	if (w < 800) con.left = (spaceleft);
	infoTimer=setTimeout("setInfo()", 200);
}

//other

var moff = "";

function mover(bnr){
	moff = bnr;	
	var bname = "m"+bnr;
	document.images[bname].src=mo[bnr].src;
}

function mout(bnr){
	var bname = "m"+bnr;
	document.images[bname].src=m[bnr].src;
}

function cimg(bname,bild){
	if(!folge)sstop();
	document.images[bname].src=bild.src;
}

function openWin(me,pnr,w,h){
	
	if (me == "kontakt"){
		var url = "../kontakt/index.htm";
		var name = "kontakt";
		var params = "width=510,height=440,left=10,top=12,resizable=0,status=0,scrollbars=0,toolbar=0,location=0,directories=0,menubar=0";
	}
	else if (me == "more"){
		var url = "../kontakt/more.htm";
		var name = "kontakt";
		var params = "width=510,height=440,left=10,top=12,resizable=0,status=0,scrollbars=0,toolbar=0,location=0,directories=0,menubar=0";
	}
	else if (me == "shop"){
		var url = "../shop/index.htm";
		var name = "shop";
		var params = "width=820,height=600,left=10,top=12,resizable=0,status=0,scrollbars=1,toolbar=0,location=0,directories=0,menubar=0";
	}
	else if (me == "p"){
		var url = "popup/"+pnr+".htm";
		var name = "produkt";
		var params = "width="+w+",height="+h+",left=10,top=12,resizable=0,status=0,scrollbars=1,toolbar=0,location=0,directories=0,menubar=0";
	}	
	else return;	
	window.open(url, name, params);
}

// Netscape resize fix
function netscapeResizeFix () {

	if (typeof (ns_origWidth) != "number" || typeof (ns_origHeight) != "number") return;
	if (innerWidth != ns_origWidth || innerHeight != ns_origHeight) location.reload();
}

if (bw.ns4) {
	ns_origWidth = innerWidth;
	ns_origHeight = innerHeight;
	onresize = netscapeResizeFix;
}