//Hilfsfunktionen
//Höhe auslesen
function getHeight(elementID) {
	var divHeight=document.getElementById(elementID).offsetHeight;
	return divHeight;
}

//Breite auslesen
function getWidth(elementID) {
	var divWidth=document.getElementById(elementID).offsetWidth;
	return divWidth;
}

//Bildhöhe der Standardansicht ermitteln
function getPictureHeight(){
	pictureHeight = document.getElementById('detailview_img').offsetHeight;
}

//Breite zuweisen
function setWidth(elementID, newWidth) {
	document.getElementById(elementID).style.width =  newWidth + 'px';
}

//Höhe zuweisen
function setHeight(elementID, newHeight) {
	document.getElementById(elementID).style.height =  newHeight +'px';
}

//Element ausblenden
function invisibleElement(elementID){
	document.getElementById(elementID).style.visibility='hidden';
}

//Element einblenden
function visibleElement(elementID){
	document.getElementById(elementID).style.visibility='visible';
}

//Ansicht-Funktionen

//---------------------
//Szenario-Ansicht aufrufen
function showElementScenario(elementID) {
	check_scenario (document.getElementById('cbo_calendar_individual'), checkradiovalue(document.getElementsByName('id[12]')), document.getElementById('cbo_calendar_size'));

	document.getElementById('calendar-content').removeAttribute('style');

	setWidth(elementID,getWidth('calendar-content'));
	setImage();
	document.getElementById(elementID).style.display = "inline";
	//offsetBorderImageTop = ((getHeight('scenario-image-zoomed')/2) - getHeight('scenario-border'))/2 + 10;
	//document.getElementById('scenario-border').style.top = offsetBorderImageTop+'px';
	if(navigator.appVersion.indexOf("MSIE")!=-1) {
		setHeight('detailview',getHeight('scenario-image-zoomed')-10);
		setHeight('detailview_img',getHeight('scenario-image-zoomed')-100);
	} else {
		invisibleElement('detailview');
	}
	// var scenarioImageWidth = getWidth('scenario-image-zoomed');
	// var borderWidth = Math.round(scenarioImageWidth / 100 * 31.76);
	// document.getElementById('scenario-border').style.width = borderWidth+"px";
	// if(navigator.appVersion.indexOf("MSIE")==-1) {
		// var marginLeft = Math.round(scenarioImageWidth / 100 * 42.12);
	// } else {
		// var marginLeft = Math.round(scenarioImageWidth / 100 * 34.12);
	// }
	// document.getElementById('scenario-border').style.left = marginLeft+'px';

	//showScenarioImage();
	if(navigator.appVersion.indexOf("MSIE")!=-1) {
		var picture = new Image();
		picture.src = window.document.getElementById('scenario-image-zoomed').src;
		imgHeight = picture.height;
		newHeight = imgHeight + (190 * (imgHeight / 768));
		document.getElementById('detailview').style.height = newHeight+"px";
	} else {
		var imgHeight = document.getElementById('scenario-image-zoomed').height;
		newHeight = imgHeight - (50 * (imgHeight / 768));
		document.getElementById('detailview_img').style.height = newHeight+"px";
	}
}

//---------------------
//Zoom-Ansicht aufrufen
function showElementZoom(elementID) {
	document.getElementById('calendar-content').removeAttribute('style');
	setWidth(elementID,getWidth('calendar-content'));

	//setImageZoom();
	var imgHeight = document.getElementById('image-zoomed').height;
	var imgWidth = document.getElementById('image-zoomed').width;
	if(navigator.appVersion.indexOf("MSIE 6.")!=-1){
		var picture = new Image();
		picture.src = window.document.getElementById('image-zoomed').src;
		imgHeight = picture.height;
		imgWidth = picture.width;
	}
	if(navigator.appVersion.indexOf("MSIE 7.")!=-1){
		var picture = new Image();
		picture.src = window.document.getElementById('image-zoomed').src;
		imgHeight = picture.height;
		imgWidth = picture.width;
	}
	var divWidth = getWidth('calendar-content');

	// Seitenverhältnis ausrechnen damit man höhe berechnen kann
	var ratio = divWidth / imgWidth;
	var imgNewHeight = imgHeight * ratio;
	var contentNewHeight = imgNewHeight-30;
	document.getElementById('image-zoomed').style.height = imgNewHeight + 'px';
	document.getElementById('image-zoomed').style.width = getWidth('calendar-content') + 'px';
	setHeight('detailview',contentNewHeight);
	document.getElementById(elementID).style.display = "inline";
}

//---------------------
//Detailview ausblenden und ...
function hideElement(elementID) {
	document.getElementById(elementID).style.display = "none";
	if((navigator.appVersion.indexOf("MSIE 6.")!=-1) || (navigator.appVersion.indexOf("MSIE 7.")!=-1)) {
		setHeight('calendar-content', contentHeight);
		setHeight('detailview', pictureHeight);
	} else {
		document.getElementById('detailview').removeAttribute('style');
	}
}

//---------------------
//Zoomed ausblenden und Normalansicht einblenden
function hideZoom(elementID) {
	document.getElementById(elementID).style.display = "none";
	if((navigator.appVersion.indexOf("MSIE 6.")!=-1) || (navigator.appVersion.indexOf("MSIE 7.")!=-1)) {
		setHeight('calendar-content', contentHeight);
		setHeight('detailview', pictureHeight + 20);
	} else {
		document.getElementById('detailview').removeAttribute('style');
	}
}

//---------------------
//Scenario ausblenden und Normalansicht einblenden
function hideScenario(elementID) {
	document.getElementById(elementID).style.display = "none";
	if(navigator.appVersion.indexOf("MSIE")!=-1) {
		setHeight('calendar-content', contentHeight);
		setHeight('detailview', pictureHeight + 20);
	} else {
		document.getElementById('detailview').removeAttribute('style');
		visibleElement('detailview');
	}
	setHeight('detailview_img',pictureHeight);
}

//Berechnungsfunktionen

//---------------------
//Berechnungen für Szenario-Ansicht durchführen
function setImage() {
	var imgHeight = document.getElementById('image-zoomed').height;
	var imgWidth = document.getElementById('image-zoomed').width;
	if(navigator.appVersion.indexOf("MSIE 6.")!=-1){
		var picture = new Image();
		picture.src = window.document.getElementById('image-zoomed').src;
		imgHeight = picture.height;
		imgWidth = picture.width;
	}
	if(navigator.appVersion.indexOf("MSIE 7.")!=-1){
		var picture = new Image();
		picture.src = window.document.getElementById('image-zoomed').src;
		imgHeight = picture.height;
		imgWidth = picture.width;
	}
	var divWidth = getWidth('calendar-content');
	// Seitenverhältnis ausrechnen damit man höhe berechnen kann
	var ratio = divWidth / imgWidth;
	var imgNewHeight = imgHeight * ratio;
	var contentNewHeight = imgNewHeight+10;
	document.getElementById('image-zoomed').style.height = imgNewHeight + 'px';
	document.getElementById('image-zoomed').style.width = getWidth('calendar-content') + 'px';
	document.getElementById('detailview').removeAttribute('style');
}