function winWidth() {
	if (self.innerWidth)
		return self.innerWidth;
	else if (document.documentElement &&
document.documentElement.clientWidth)
		return document.documentElement.clientWidth;
	else if (document.body)
		return document.body.clientWidth;
}


function winHeight() {
	if (self.innerHeight)
		return self.innerHeight;
	else if (document.documentElement &&
document.documentElement.clientHeight)
		return document.documentElement.clientHeight;
	else if (document.body)
		return document.body.clientHeight;
}



function displayBackgroundImage() {
	imgWidth = $("#backgroundImage img").width()/1000;
	imgHeight = $("#backgroundImage img").height()/1000;
	var windowHeight = winHeight();
	var windowWidth = winWidth();

	if (winWidth() && winHeight()) {
		while(windowHeight > imgHeight || windowWidth > imgWidth){
			$("#backgroundImage img").width(imgWidth);
			$("#backgroundImage img").height(imgHeight);
			//increase width and height
			imgHeight = imgHeight+50;
			imgWidth = imgWidth+50;
		}		
		// $("#backgroundImage img").width(windowWidth);
		// $("#backgroundImage img").height("");
		//increase image size 100px - browser compatibility
		var newWidth = $("#backgroundImage img").width()+100;
		var newHeight = $("#backgroundImage img").height()+100;
			$("#backgroundImage img").width(newWidth);
			$("#backgroundImage img").height(newHeight);
			
			if($("#box").height() < windowHeight) {
				$("#backgroundImage").css('height', windowHeight);
				$("#box").css('height', windowHeight);
			} else if($("#box").height() > windowHeight && $("#box").height() < newHeight) {
				$("#backgroundImage").css('height', newHeight);
				$("#box").css('height', newHeight);
			} else {
				$("#backgroundImage").css('height', newHeight);
			}
	}
}