// Kontrollvariable
var nav_aktiv = false;
var img_aktiv = false;
var changeProgress = false;
var currentWidth = false;
var currentHeight = false;

// aendert das Bild des uebergebenen Navigationspunktes nach normal/over/aktiv
// Zeigt die gewuenschte Division an
// Ueberblendet Bilder
function changeTopic(name,newPic,force) {
	
	// Bild aendern gewoehnlich
	if(force == '1' || nav_aktiv != name) {
		document.getElementsByName(name)[0].src = newPic;
	}
	
	// Bild aendern erzwungen
	if(force == '1') {
		
		switch(name) {
			
			// Navigationspunkt Pollenwarndienst
			case "nav_pwd":
			setPositions(false,false);
			break;
			
			// Navigationspunkt Tempo Plus
			case "nav_tempoplus":
			setPositions(false,false);
			break;
			
			// Navigationspunkt Services
			case "nav_services":
			setPositions(false,false);
			break;
		}
		
		// aktiven Navigationspunkt uebernehmen
		nav_aktiv = name;
	}	
}

// Positioniert Divisions neu, wenn notwendig
function setPositions(cWidth,cHeight) {
	winW = document.body.clientWidth;
	winH = document.body.clientHeight;
	if(currentWidth == false) {
		currentWidth = parseInt(cWidth);
		currentHeight = parseInt(cHeight);
		var firstTime = true;
	}
	
	// Fenstergroesse wurde veraendert
	if(winW != currentWidth || winH != currentHeight || firstTime == true) {
		breiteLinks = 414;
		breiteRechts = 566;
		hoehe = 780;
		breiteGesamt = breiteLinks + breiteRechts;
		
		// linke Division Breite
		if(winW <= breiteGesamt) {
			leftimgW =  breiteLinks;
		}
		else {
			leftimgW = breiteLinks + ((winW - breiteGesamt) / 2);
		}
		document.getElementById("divLeft").style.width = leftimgW;
		
		// linke Division Hoehe
		if(winH <= hoehe) document.getElementById("divLeft").style.height = hoehe;
		//if(document.getElementById("divLeft").style.height) < document.getElementById("divRight").style.height) document.getElementById("divLeft").style.height) = document.getElementById("divRight").style.height;
		//alert(document.getElementById("divRight").style.height);
		//if(document.body.scrollHeight > hoehe) document.getElementById("divLeft").style.height = document.body.scrollHeight;
		else document.getElementById("divLeft").style.height = winH;
		
		// rechte Division Abstand links
		if(winW <= breiteGesamt) document.getElementById("divRight").style.left = breiteLinks;
		else document.getElementById("divRight").style.left = (((winW - breiteRechts + breiteLinks) / 2));
		
		divRightFromLeft = parseInt(document.getElementById("divRight").style.left) - 402;
		document.getElementById("divImg").style.left = divRightFromLeft; 
		
		document.getElementById('bgleftimg').style.marginLeft = leftimgW - 1500;
		// neue Fenstergroesse uebernehmen
		currentWidth = winW;
		currentHeight = winH
		firstTime = false;
	}
}

// blendet das Element mit der uebergebenen ID ein / aus
function opacity(id, opacStart, opacEnd, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;

    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}


function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}