// Allow HTML5 tags to be styled in IEs
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');

var minLocation = 360;
var pageHeight;
var bodyID;

var bgOffset = {
	"bg-1": "500",
	"bg-2": "400",
	"bg-3": "500",
	"bg-4": "450",
	"bg-1-sub": "350",
	"bg-2-sub": "400",
	"bg-3-sub": "400",
	"bg-4-sub": "500"
	
}

/* JQuery on load function */
jQuery(document).ready(function(){
	pageHeight = jQuery('body').height();
	bodyID = jQuery('.wrapper').attr('id');
	fixBG();
	jQuery(window).resize(function() {
		fixBG();
	});
});

function fixBG() {	
	var scnWidth = getWidth();		
	var newLoc = ((scnWidth - 960)/2) - bgOffset[bodyID];
	jQuery('.wrapper').css('background-position',newLoc + 'px 0');
}

function getWidth() {
	var scnWid;
	if (self.innerWidth) {
		scnWid = self.innerWidth;
	} else if (document.documentElement && document.documentElement.clientWidth) {
		scnWid = document.documentElement.clientWidth;
	} else if (document.body) {
		scnWid = document.body.clientWidth;
	}
	return scnWid;
}