//////////////////////////////////////////////////
//                                              //
//  JavaScript-Dokument                         //
//                                              //
//  Universität Bonn,                           //
//  Institut für Kommunikationswissenschaften,  //
//  Abteilung fuer Musikwissenschaft            //
//                                              //
//////////////////////////////////////////////////


// Groessenveraenderungen des Browserfensters ueberwachen

window.onresize = updatePageDimensions;


// Dimensionen der Seite neu berechnen

function updatePageDimensions () {
	// Headergrafik zufaellig positionieren
	
	var header_deko_offset = Math.round(Math.random() * 100) *10;
	
	document.getElementById("container_header_deko").style.backgroundPosition = header_deko_offset + "px 0px";
	
	
	// Fensterbreite und -hoehe ermitteln (mit Browserweiche)
	
	var windowWidth, windowHeight;
	
	if (self.innerHeight) {                                                            // alle ausser IE
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight) {      // IE 6 im Strict-Modus
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	}
	else if (document.body) {                                                          // andere IEs
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}
	
	
	// Bei geringer Fensterbreite die Headerschrift schmaler machen
	
	if (windowWidth < 860) {
		document.getElementById("header_heading").style.letterSpacing = "-0.13em";
		document.getElementById("heading").style.letterSpacing = "-0.13em";
	}
	else {
		document.getElementById("header_heading").style.letterSpacing = "0em";
		document.getElementById("heading").style.letterSpacing = "0em";
	}
	
	
	// Breite des Textcontainers im Header anpassen
	
	var headerTextWidth = windowWidth - 315;
	
	document.getElementById("header_heading").style.width = headerTextWidth + "px";
	
	
	// Header- und Footerhoehe, Contentbreite und -Linkskoordinate ermitteln (mit Browserweiche)
	
	var headerHeight, contentWidth, contentLeft;
	
	if (self.innerHeight) {                                                            // alle ausser IE
		headerHeight = window.document.getElementById("container_header").clientHeight;
		footerHeight = window.document.getElementById("container_footer").clientHeight;
		contentWidth = window.document.getElementById("container_content").clientWidth;
		contentLeft = window.document.getElementById("container_content").offsetLeft;;
	}
	else if (document.documentElement && document.documentElement.clientHeight) {      // IE 6 im Strict-Modus
		headerHeight = document.all["container_header"].offsetHeight;
		footerHeight = document.all["container_footer"].offsetHeight;
		contentWidth = document.all["container_content"].offsetWidth;
		contentLeft = document.all["container_content"].offsetLeft;
	}
	else if (document.body) {                                                          // andere IEs
		headerHeight = document.all["container_header"].offsetHeight;
		footerHeight = document.all["container_footer"].offsetHeight;
		contentWidth = document.all["container_content"].offsetWidth;
		contentLeft = document.all["container_content"].offsetLeft;
	}
	
	
	// Hoehe des Body-, Navigations-, Content- und Info-Containers sowie des Navigations-Frames anpassen
	
	var bodyHeight = windowHeight - headerHeight;
	
	var contentHeight = bodyHeight - footerHeight;
	
	document.getElementById("container_body").style.height = bodyHeight + "px";
	document.getElementById("container_navi").style.height = bodyHeight + "px";
	document.getElementById("container_content").style.height = contentHeight + "px";
	document.getElementById("container_info").style.height = bodyHeight + "px";
	document.getElementById("frame_navi").style.height = bodyHeight + "px";
	
	
	// Footerbreite und -Linkskoordinate anpassen
	
	document.getElementById("container_footer").style.width = contentWidth + "px";
	document.getElementById("container_footer").style.left = contentLeft + "px";
	
	
	// PhilFak-Logo nach unten verschieben
	
	var infoTopHeight = bodyHeight - 115;
	
	document.getElementById("spacer_info").style.height = infoTopHeight + "px";
}