﻿function adjustCenteredContent(elementID,styleSheetName) {
	if(!document.styleSheets) { return; }

	var elem = document.getElementById(elementID);
	if(!elem) { return; }

	var styleSheet;
	for(var i = 0; i < document.styleSheets.length; i++) {
		if(document.styleSheets[i].href.indexOf(styleSheetName) != -1) { styleSheet = document.styleSheets[i]; }
	}
	if(!styleSheet) { return; }

	var styleRule;
	var rules = styleSheet.cssRules || styleSheet.rules;
	for(var i = 0; i < rules.length; i++) {
		if(rules[i].selectorText == "#" + elementID) { styleRule = rules[i]; }
	}
	if(!styleRule) { return; }

	var de = document.documentElement;

	// fix top
	var viewHeight = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
	if (viewHeight < elem.offsetHeight) {
		elem.style.top = 0;
		elem.style.marginTop = 0;
	} else {
		elem.style.top = styleRule.style.top;
		elem.style.marginTop = styleRule.style.marginTop;
	}

	// fix left
	var viewWidth = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	if (viewWidth < elem.offsetWidth) {
		elem.style.left = 0;
		elem.style.marginLeft = 0;
	} else {
		elem.style.left = styleRule.style.left;
		elem.style.marginLeft = styleRule.style.marginLeft;
	}
}

if(Event.observe) {
	Event.observe(window, "load", function(){ adjustCenteredContent("content","home.css"); });
	Event.observe(window, "resize", function(){ adjustCenteredContent("content","home.css"); });
}

