// ************************************** //
// * Browser Section					* //
// ************************************** //

var ns4 = false;
var ns6 = false;
var ns = false;
var ie4 = false;
var ie5 = false;
var ie6 = false;
var ie7 = false;
var ie = false;

function determineBrowser() {
browser = navigator.appName;
version = parseInt(navigator.appVersion);

//ns4 = (document.layers) ? 1:0;
//ns6 = (document.getElementById) ? 1:0;
//ie = (document.all) ? 1:0;

ns4 = (browser=="Netscape" && version==4)? true:false;
ns6 = (browser=="Netscape" && version==5)? true:false;
ns = (ns4 || ns6)? true:false;
ie4 = (navigator.userAgent.indexOf("MSIE 4")!=-1)? true:false;
ie5 = (navigator.userAgent.indexOf("MSIE 5")!=-1)? true:false;
ie6 = (navigator.userAgent.indexOf("MSIE 6")!=-1)? true:false;
ie7 = (navigator.userAgent.indexOf("MSIE 7")!=-1)? true:false;
ie = (ie4 || ie5 || ie6 || ie7)? true:false;
safari = (navigator.userAgent.indexOf("Apple")!=-1)? true:false;
mac = (navigator.appVersion.indexOf("Mac")!=-1)? true:false;


}
// ************************************** //
// * Ende Browser Section				* //
// ************************************** //


// ************************************** //
// * Layer Section						* //
// ************************************** //

var div = new Array();
timeout = new Array();
var timeouts = null;
timeouts = 9;

function showObject(showobj) {
//	for (i=0;i<showobj.length;i++) { <--- geht nur wenn showobj ein string ist!!!
       //tmpobj = showobj[i]
		if (ns4) showobj.visibility = "show";
        if (ie || ns6) showobj.style.visibility = "visible";
//	}
}

function hideObject(hideobj) {
     
	    if (ns4) hideobj.visibility = "hide";
        if (ie || ns6) hideobj.style.visibility = "hidden";
}

function hideAll() {
	for (i=1;i<div.length;i++) {
		hideObject(div[i]);
	}
}

function changeLayer(elNumber) {
	
	for (i=1;i<div.length;i++) {
	
		hideObject(div[i]);
//		clearTimeout(timeout[i]);
eval("clearTimeout(timeout"+i+");");
	}
showObject(div[elNumber]);
}

function layerOn(elNumber) {
changeLayer(elNumber);

}

function layerOff(elNumber) {
//timeout[elNumber] =	eval("setTimeout('hideObject(div["+elNumber+"])',1000);");
eval("timeout"+elNumber+" = setTimeout('hideObject(div["+elNumber+"])',1000);");

}

function createLayerObjects(number) {
        // Fill div[] Array with objects
	for (var i=1;i<=number;i++) {
		
		if (ns4) {

        		div[i] = eval("document.div" + i);
				div[i].xpos = div[i].left;
				div[i].ypos = div[i].top;
				div[i].w = div[i].clip.width;
				div[i].h = div[i].clip.height;
							
        }
        if (ie4) {

                div[i] = eval("div" + i);
				div[i].xpos = div[i].style.pixelLeft;
				div[i].ypos = div[i].style.pixelTop;
				div[i].w = div[i].style.pixelWidth;
				div[i].h = div[i].style.pixelHeight;
	
        }
		if (ie5) {
				div[i] = eval("div" + i);
				div[i].xpos = div[i].offsetLeft;
				div[i].ypos = div[i].offsetTop;
				div[i].w = div[i].offsetWidth;
				div[i].h = div[i].offsetHeight;
		}	

		if (ns6 || ie6 || ie7) {
	
				div[i] = document.getElementById("div" + i);
				div[i].xpos = parseInt(div[i].style.left)
				div[i].ypos = parseInt(div[i].style.top)
				div[i].w = parseInt(div[i].style.width)
				div[i].h = parseInt(div[i].style.height)
				if(ie7) div[i].xpos--;
				if(ie6) div[i].xpos = div[i].xpos - 12
		}
		
		if(safari || (mac && ns6)) {
		div[i].ypos = div[i].ypos - 3;
		div[i].xpos = div[i].xpos + 1;
		}
		

	}	
}
  
function initTimeouts(timeouts) {
// initialize timeout[] array

	for (var i=1;i<div.length;i++) {
		//timeout[i] = eval("setTimeout('clearTimeout(timeout["+i+"])',5)");
		//eval ("var this.timeout"+i+" = null");

	}

}

	for (var i=1;i<=timeouts;i++) {
		//timeout[i] = eval("setTimeout('clearTimeout(timeout["+i+"])',5)");
		eval ("timeout"+i+" = null");
	}


function changeLayerContent(el,content) {
if (ns4){

	sprite=el.document;
  	sprite.open();
 	sprite.write(content);
 	sprite.close();

	}
else if (ie) {
	el.innerHTML = content;

}
else if (ns6) {
	rng = document.createRange();
	//el = document.getElementById(''+el+'');
	rng.setStartBefore(el);
	htmlFrag = rng.createContextualFragment(content)
	while(el.hasChildNodes()) el.removeChild(el.lastChild);
	el.appendChild(htmlFrag);
	}
}

function changeLayerPos(el,x,y,i) {
	//el.xpos = x;
	el.ypos = y;
		if (ns4) {
				el.left = x;
				el.top = el.ypos;
        }
        if (ie4) {
				el.style.pixelLeft = x;
				el.style.pixelTop = el.ypos;
        }
		if (ie5 || ie6 || ie7) {
				el.style.left = x;
				el.style.top = el.ypos;
	}		
		if (ns6) {		
		
				document.getElementById("div"+i).style.left = x;
				document.getElementById("div"+i).style.top = el.ypos;
		}
}

function resetLayerPositions() {

	for (var i=1;i<div.length;i++) {
		el = div[i];
		x = parseInt(el.xpos) + ((Fensterweite() - 760)/2) + "px"
		y = parseInt(el.ypos) + "px"
		changeLayerPos(el,x,y,i)
	}
}

function Fensterweite () {
  if (ns6) {
var off = 4;
if(window.innerHeight<610) {
var off = 22;
}
	if ((window.innerWidth-off) > 760) {
		return window.innerWidth-off;
	} else {
	return 758;
	}
  } else if (ie) {

    if(document.body.offsetWidth > 760) {
	return document.body.offsetWidth;
		} else {
		if(ie6) return 780;
		return 760;
	}
  } else {
    return 0;
  }
}

function Fensterhoehe () {
  if (window.innerHeight) {
    return window.innerHeight;
  } else if (document.body && document.body.offsetHeight) {
    return document.body.offsetHeight;
  } else {
    return 0;
  }
}


//die alberne welzsche startrotine
function init() {
determineBrowser();
createLayerObjects(4);
initTimeouts(1);
hideAll();
resetLayerPositions();
}

window.onresize = resetLayerPositions;

// ************************************** //
// * Ende Layer Section					* //
// ************************************** //