var w = window;
var d = document;
var ua = navigator.userAgent;
var av = navigator.appVersion;

// check OS
var WIN = ua.indexOf('Win')>=0;
var MAC = ua.indexOf('Mac')>=0;
var OSX = ua.indexOf('Mac OS X')>=0;
var LNX = ua.indexOf('Linux')>=0;

// check browser
var IE = ua.indexOf('MSIE')>=0;
var NN = ua.indexOf('Netscape')>=0;
var FF = ua.indexOf('Firefox')>=0;
var SF = ua.indexOf('Safari')>=0;
var OP = ua.indexOf('Opera')>=0;

// browser size
var inWidth;
var inHeight;
function getBrowserSize(){
	if(IE){// IE
		inWidth = d.documentElement.clientWidth;
		inHeight = d.documentElement.clientHeight;
	}else if(FF){// Firefox
		inWidth = d.documentElement.clientWidth;
		inHeight = d.documentElement.clientHeight;
	}else if(OP){
		if(av.substring(0,3)>=9.5){// Opera 9.5
			inWidth = d.documentElement.clientWidth;
			inHeight = d.documentElement.clientHeight;
		}else{// Opera
			inWidth = d.body.clientWidth;
			inHeight = d.body.clientHeight;
		}
	}else if(SF||NN){// Safari,Netscape
		inWidth = w.innerWidth;
		inHeight = w.innerHeight;
	}
}
function setSize(){
	getBrowserSize();
	d.getElementById('mainArea').style.height=(inHeight-36)+'px';
	d.getElementById('website').style.height=d.getElementById('mainArea').style.height;
	if(d.getElementById('contentsArea')!=null){d.getElementById('contentsArea').style.height=d.getElementById('mainArea').style.height;}
}

w.onload=function(){
	setSize();
}
w.onresize=function(){
	setSize();
}