// Image functions start

function setDivSize(w, h) {
	document.getElementById("imageContainer").style.width = w + "px";
	document.getElementById("imageContainer").style.height = h + "px";
		
	var imgW = 1400;
	var imgH = 933;
	
	if (w > imgW || h > imgH) {
		if (w/imgW > h/imgH) {
			document.getElementById("image").style.width = "100%";
			document.getElementById("image").style.height = "auto";
		} else {
			document.getElementById("image").style.height = "100%";
			document.getElementById("image").style.width = "auto";
		}
	}
	else {
		document.getElementById("image").style.width = "auto";
		document.getElementById("image").style.height = "auto";
	}
	
	document.getElementById("imageContainer").style.visibility = "visible";
}

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

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;
	}
}

// Image functions end