onload = init;

var width = 0;
var height = 0;

function init() {
    setSizes();
    // Listener für Browserfenster
    if (window.addEventListener) {
        window.addEventListener('resize', setSizes, false);
    } else if (window.attachEvent) {
        window.attachEvent("onresize", setSizes);
    } else {
        window.resize = setSizes;
    } 
}

function setSizes() {
    getBrowserSize();
    setInnerRightHeigth();
}

function setInnerRightHeigth() {    
    rightHeight = document.getElementById("rightContent").offsetHeight;
    innerRigthHeight = document.getElementById("innerRightContent").offsetHeight;
    
    if (innerRigthHeight < rightHeight) {
        document.getElementById("innerRightContent").style.height = rightHeight + "px";
    }
}

// not in use for now
function setMinHeight() {
    document.getElementById("content").style.height = "auto";
    content_height = document.getElementById("wrapLayer1").offsetHeight;
	
	if (content_height < height) {
		document.getElementById("content").style.height = (height - 500) + "px";
	}    
}

function getBrowserSize() {
	width  = window.innerWidth  || (window.document.documentElement.clientWidth  || window.document.body.clientWidth);
	height = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
}

// hover effekt für bild und link
function overItem(cssid) {
	//alert(cssid);
	document.getElementById("title_" + cssid).setAttribute("class","hover");
	document.getElementById("pic_" + cssid).setAttribute("class","hover");
}

function outItem(cssid) {
	document.getElementById("title_" + cssid).setAttribute("class","");
	document.getElementById("pic_" + cssid).setAttribute("class","");
}