function alignLayout(){
	
	setBackgroundPosition();
	if(getBrowser()=="IE"){
		setBackgroundPositionIE();
	}
}

// Align background body with container
function setBackgroundPosition(){
	var container = document.getElementById("container");
	var widthContainer = container.offsetWidth;
	var heightContainer = container.offsetHeight;
	var bodyWidth=eval(document.body.offsetWidth);	
	
	// align background layer to left if body width smaller dan container
	if(bodyWidth <= widthContainer) {
		document.body.style.backgroundPosition='0px '+heightContainer+'px';
	// center background if body is wider then container
	}else if(bodyWidth > widthContainer){
		document.body.style.backgroundPosition='center '+heightContainer+'px';
	}
}


function setBackgroundPositionIE(){
	var container = document.getElementById("container");
	var widthContainer = container.offsetWidth;
	var heightContainer = container.offsetHeight;
	var bodyWidth=eval(document.body.offsetWidth);	
	if(bodyWidth > widthContainer){
		center=Math.floor((Math.floor(bodyWidth/2)) - (Math.floor(widthContainer/2)));
		document.body.style.backgroundPosition = center+'px '+heightContainer+'px';
		document.body.style.textAlign="left";
		container.style.margin="0px";
		container.style.left=center+"px";
	}
}




// browser lookup ie
function getBrowser(){
	if(navigator.appName=="Microsoft Internet Explorer"){
		browser="IE";
	}else{
		browser="notIE";
	}
	return browser;
}

