var ibg;
var winW	= 0;
var winH	= 0; 	
var newImgH 	= 0;
var newImgW 	= 0;
var imgW 	= 0; 
var imgH 	= 0;
var minW 	= 0; 
var minH 	= 0;
var imgR;
var oldRatio; // = imgW/imgH;
var winR; // = winW/winH

function ri() {
	
	var ibg = document.getElementById('ibg');
	winW 	= (window.innerWidth) ? window.innerWidth : document.body.offsetWidth;
	winH 	= (window.innerHeight) ? window.innerHeight : document.body.offsetHeight;	
	winR 	= winW/winH

	imgW = ibg.getAttribute('width');
	imgH = ibg.getAttribute('height');
	imgR = imgW/imgH;

	if(winR < imgR) { 
		newImgH = winH; 
		newImgW = Math.round(winH * (imgW/imgH));
	}
	else { 
		newImgH = Math.round(winW * (imgH/imgW)); 
		newImgW = winW;
	}
	newRatio = newImgW/newImgH;

}

function ii() {
	var ibg = document.getElementById('ibg');
	ibg 	= document.getElementById('ibg');
	//minW 	= ibg.getAttribute('width'); //getAttribute('width'); 
	//minH	= ibg.getAttribute('height'); //getAttribute('height');
	winW 	= (window.innerWidth) ? window.innerWidth : document.body.offsetWidth;
	winH 	= (window.innerHeight) ? window.innerHeight : document.body.offsetHeight;	
	
	var log;	
	log = "<p>Window: [W: " + winW + " * H: " + winH + "]<br />";
	log += "Image Mins: [W: " + minW + " * H: " + minH + "]<br /></p>";
	document.getElementById('ol').innerHTML = log;
	
	//ri();
}

function reposition() {
	var top = document.body.scrollTop;
	var left = document.body.scrollLeft;
	document.getElementById("ibg").style.top = top;
	document.getElementById("ibg").style.left = left;
}

//window.onload = ii();
window.onresize = ri;