$(document).ready(function()
{
	function setLayoutClasses()
	{
		var cw = document.documentElement.clientWidth;
		var lClass = 'layout320';
		if (cw >= 1280) lClass = 'layout1280';
		if (cw >= 960 && cw < 1280) lClass = 'layout960';
		if (cw >= 640 && cw < 960) lClass = 'layout640';
		if (cw < 640) lClass = 'layout320';
		$("#header").attr('class', lClass);
		$("#mainContent").attr('class', lClass);
		$("#footer").attr('class', lClass);
		$("#sky").attr('class', lClass);
		$("#adaptMargins").attr('class', lClass);
	}; 
	
	function adaptMargins()
	{
		var eWidth = document.documentElement.clientWidth;
		var colNum = Math.floor(eWidth / 320);
		if (colNum >= 4) colNum = 4;

		eWidth = eWidth - colNum * 320
		$("#adaptMargins").css("margin-left", eWidth / 2);
		$("#adaptMargins").css("margin-right", eWidth / 2);
		if (document.documentElement.clientWidth >= 960)
		{
			$("#header .content").css("margin-left", eWidth / 2);
			$("#header .content").css("margin-right", eWidth / 2);
			$("#footer .content").css("margin-left", eWidth / 2);
			$("#footer .content").css("margin-right", eWidth / 2);
		}
		else
		{
			$("#header .content").css("margin", 0);
			$("#footer .content").css("margin", 0);
		}
	}

	setLayoutClasses();
	adaptMargins();

	$(window).resize( function () 
	{ 
		setLayoutClasses();
		adaptMargins(); 
	});
	
	$("#dqFader1").dqFader();	
	$("#dqFader2").dqFader();
	$("#dqFader3").dqFader();
	$("#dqFader4").dqFader();
	$("#dqFader5").dqFader();	
});