var divSize = { w:0, h:0 };
var timer = null;

function init() {
	if (document.getElementById) {
		timer = setInterval("detectScroll()", 200);
	}
}

// Background image functions start

function setDivSize(w, h) {
	
	document.getElementById("bgImageContainer").style.width = w + "px";
	document.getElementById("bgImageContainer").style.height = h + "px";
	
	if (w > 1024) {
		document.getElementById("bgImage").style.width = "100%";
		document.getElementById("bgImage").style.height = "auto";
	}
	else {
		document.getElementById("bgImage").style.width = "auto";
		document.getElementById("bgImage").style.height = "auto";
	}
}

function detectScroll() {
	
	var newX = getVisibleSize('w') + getScrolledBy('l');
	var newY = getVisibleSize('h') + getScrolledBy('t');
	
	// Vertical scrollbar is definitly visible
	if (getScrolledBy('t') > 0) {
		newX -= 16;
	}
	
	divSize.x = newX;
	divSize.y = newY;
	
	setDivSize(divSize.x, divSize.y);
}

function getScrolledBy(side) {

	var scrolledBy = { l:0, t:0 };
	
	if (typeof(window.innerWidth) == 'number') {
		// Non-ie
		scrolledBy.l = window.pageXOffset;
		scrolledBy.t = window.pageYOffset;
	}
	else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
		//IE 6+ in 'standards compliant mode'
		scrolledBy.l = document.documentElement.scrollLeft;
		scrolledBy.t = document.documentElement.scrollTop;
	}
	else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
		//IE 4 compatible
		scrolledBy.l = document.body.scrollLeft;
		scrolledBy.t = document.body.scrollTop;
	}
	
	//window.status = "w:" + scrolledBy.l + ", h: " + scrolledBy.t;
	
	if (side == 't') {
		return scrolledBy.t;
	}
	else {
		return scrolledBy.l;
	}
}

function getVisibleSize(side) {
	
	var winSize = { w:0, h:0 };
	
	if (typeof(window.innerWidth) == 'number') {
		// Non-ie
		winSize.w = window.innerWidth;
		winSize.h = window.innerHeight;
	}
	else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
		//IE 6+ in 'standards compliant mode'
		winSize.w = document.documentElement.clientWidth;
		winSize.h = document.documentElement.clientHeight;
	}
	else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
		//IE 4 compatible
		winSize.w = document.body.clientWidth;
		winSize.h = document.body.clientHeight;
	}
		
	if (side == 'w') {
		return winSize.w;
	}
	else {
		return winSize.h;
	}
}

// Background image functions end

//window.onload = init();