function init(){
  correctHeight();
}
function showText(status, anzahl, breite){
	document.getElementById('beschreibung'+status).style.display='block';
	document.getElementById('beschreibung_navi'+status).style.display='none';
	if (status != 1){
			document.getElementById('image'+status).style.clip='rect(0px 487px 460px 0px)';
			document.getElementById('image'+status).style.width='478px';
			document.getElementById('link'+status).style.width='478px';
		}
	for(i=1;i<=anzahl;i++){
		if(status != i){
		var element = 'beschreibung'+i;
		var element_navi = 'beschreibung_navi'+i;
		var element_image = 'image'+i;
		var element_link = 'link'+i;
		document.getElementById(element_navi).style.display='block';
		document.getElementById(element).style.display='none';
		if(i != 1){
				document.getElementById(element_image).style.clip='rect(0px '+breite+'px 460px 0px)';
				document.getElementById(element_image).style.width='';
				document.getElementById(element_link).style.width=breite+'px';
				}
		
			
		}
	}
}
function showElement(status, anzahl, breite){
		document.getElementById('beschreibung'+status).style.display='block';
		document.getElementById('beschreibung_navi'+status).style.display='none';
		if (status != 1){
			document.getElementById('image'+status).style.clip='rect(0px 487px 460px 0px)';
			document.getElementById('image'+status).style.width='478px';
			document.getElementById('link'+status).style.width='478px';
		}
		for(i=1;i<=anzahl;i++){
			if(status != i){
			var element = 'beschreibung'+i;
			var element_navi = 'beschreibung_navi'+i;
			var element_image = 'image'+i;
			var element_link = 'link'+i;
				document.getElementById(element).style.display='none';
				if(i != 1){
				document.getElementById(element_image).style.clip='rect(0px '+breite+'px 460px 0px)';
				document.getElementById(element_image).style.width='';
				document.getElementById(element_link).style.width=breite+'px';
				}
				document.getElementById(element_navi).style.display='block';
			}
		
		}
}

function correctHeight(){
   var elementRight = document.getElementById('text');
	var elementLeft = document.getElementById('leftMarginal');
	
	if(elementLeft && elementRight){
	 var leftHeight = elementLeft.offsetHeight;
	 var rightHeight = elementRight.offsetHeight;
	 if(rightHeight > leftHeight){
      elementLeft.style.height = rightHeight - 20 + 'px';
    }
  }
	
}

$(document).ready(function() {

    $("#content_hp").hide();
    $("#content_hp").fadeIn("slow");
    
  
});