var headerHeight;
var containerHeight;
var containerWidth;
var contentHeight;
var contentMainHeight;
var contentMainWidth;
var contentMessageHeight;
var contentMemberHeight;
var contentUtilityHeight;
var contentUtilityWidth;
var contentUtilityHeaderHeight;
var footerHeight;

function getElementSize(){
	var clientElHeight = $('html').attr('clientHeight');
	var clientElWidth = $('html').attr('clientWidth');
	var headerEl = $("div#chatHeader").height();
	var contentEl = $("div#chatContent").height();
	var mainEl = $("div#chatMain").height();
	var utilityEl = $("div#chatUtility").height();
	var utilityHeaderEl = $("div#utilityHead").height();
	var footerEl = $("div#chatFooter").height();

	return {
		clientElHeight: clientElHeight,
		clientElWidth: clientElWidth,
		headerEl: headerEl,
		contentEl: contentEl,
		mainEl: mainEl,
		utilityEl: utilityEl,
		utilityHeaderEl: utilityHeaderEl,
		footerEl: footerEl
	};
}

function minHeightChecker() {
	var cheight = getElementSize().clientElHeight;
	if ((cheight * 0.7) >= 600) {
		return (cheight * 0.7);
	} else {
		return (600);
	}
}

function minWidthChecker() {
	var cwidth = getElementSize().clientElWidth;
	if ((cwidth * 0.8) >= 1000) {
		return (cwidth * 0.8);
	} else {
		return (1000);
	}
}

function offsetChecker() {
	var offset = (getElementSize().clientElHeight - containerHeight) / 2;
	if (offset >= 0) {
		return (offset);
	} else {
		return (0);
	}
}

function setLayout() {
	containerHeight = minHeightChecker();
	containerWidth = minWidthChecker();
	contentHeight = containerHeight - (getElementSize().headerEl + getElementSize().footerEl);
	contentMainWidth = containerWidth - 220;
	contentMessageHeight = contentHeight - 20;
	contentUtilityHeaderHeight = contentHeight - (getElementSize().utilityHeaderEl) - 1;
	
	$("div#chatContainer").width(containerWidth);
	$("div#chatMain").width(contentMainWidth);
	$("#ajbnr2").width(containerWidth);
	
	var offset = (getElementSize().clientElHeight - minHeightChecker()) / 2;
	$("DIV#chatContainer").css("margin-top",offsetChecker());
}

$(document).ready(function(){
	$(window).bind('resize', function(){
		setLayout();
	});
	setLayout();
});