// JavaScript Document

function createMargins()
{
var myWidth = 0, myHeight = 0;
//if( typeof( window.innerWidth ) == 'number' )
//{
//Non-IE
//myWidth = window.innerWidth;
//myHeight = window.innerHeight;
//}
//else 
if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
{
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
}
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
{
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}


//create margin width

var marginWidth = (myWidth - 1191) / 2;

//test if marginWidth is already integer, and if not add one pixel to compensate

			if(parseFloat(marginWidth) !== parseInt(marginWidth)) {
					
					var marginWidth = (parseInt (marginWidth)) + 1;
					
				}
				
			else {										 
				marginWidth = parseInt (marginWidth);
				
			}
	
	if (marginWidth > 0) {

	//adjust width to styles for margin divs 
	
	leftMargin = document.getElementById('leftmargin');
	leftMargin.style.width = marginWidth + "px";
	
	rightMargin = document.getElementById('rightmargin');
	rightMargin.style.width = marginWidth + "px";
	
	//set width of fern margin divs
	
	leftFernsMargin = marginWidth + 218;
	rightFernsMargin = marginWidth + 203;
	
	leftFerns = document.getElementById('leftferns');
	leftFerns.style.width = leftFernsMargin + "px";
	
	rightFerns = document.getElementById('rightferns');
	rightFerns.style.width = rightFernsMargin + "px";
	
	//Adjust background position if margin width is less than image width

		if (leftFernsMargin <= 229) {
			
		leftFerns.style.backgroundPosition = "bottom right";
			
		}
		
		if (rightFernsMargin <= 294) {
			
		rightFerns.style.backgroundPosition = "bottom left";
			
		}
		
	}
	

}

window.onresize = createMargins;