function addEvent( obj, type, fn ){ 
		   if (obj.addEventListener){ 
		      obj.addEventListener( type, fn, false );
		   }
		   else if (obj.attachEvent){ 
		      obj["e"+type+fn] = fn; 
		      obj[type+fn] = function(){ obj["e"+type+fn]( window.event ); } 
		      obj.attachEvent( "on"+type, obj[type+fn] ); 
		   } 
		}	
		
		function getWindowHeight() {
			var windowHeight = 0;
			if (typeof(window.innerHeight) == 'number') {
				windowHeight = window.innerHeight;
			}
			else {
				if (document.documentElement && document.documentElement.clientHeight) {
					windowHeight = document.documentElement.clientHeight;
				}
				else {
					if (document.body && document.body.clientHeight) {
						windowHeight = document.body.clientHeight;
					}
				}
			}
			return windowHeight;
		}

		function setContent() {
			if (document.getElementById) {
				var windowHeight = getWindowHeight();
				if (windowHeight > 0) {
					var contentElement = document.getElementById('content');
					var contentHeight = contentElement.offsetHeight;
					if (windowHeight - contentHeight > 0) {
						contentElement.style.position = 'relative';
						contentElement.style.top = ((windowHeight / 2) - (contentHeight / 2) - 10 ) + 'px';
					}
					else {
						contentElement.style.position = 'static';
					}
				}
			}
		}

		function getBrowserHeight(){
			if (window.innerHeight){
				return window.innerHeight;}	
			else if (document.documentElement && document.documentElement.clientHeight != 0){
				return document.documentElement.clientHeight;	}
			else if (document.body){return document.body.clientHeight;}		
				return 0;
		}
		
		function dynamicLayout(){
			var browserHeight = getBrowserHeight();
			var target = document.getElementById('content');
			if(browserHeight < 785) {
				target.className = 'wide';
			}else{
				target.className = 'thin';
			}
		}



//		addEvent(window, 'load', dynamicLayout, setContent);
//		addEvent(window, 'resize', dynamicLayout, setContent);


window.onload = function() {
		$('loadmask').fade(); 
		$('content').appear();
		setContent();
		dynamicLayout();
		}	

window.onresize = function() {
		setContent();
		dynamicLayout();
		}