window.onload	= do_your_stretch_thang;
window.onresize = do_your_stretch_thang;

var smallest_stretchable_width	= 1024;
var smallest_stretchable_height	= 685;

function do_your_stretch_thang()
{
	var strechable_img	= document.getElementById('stretchable_image');
		  
	if(strechable_img)
	{
		var dimentions = fit_window(strechable_img.width, strechable_img.height, document.documentElement.clientWidth, document.documentElement.clientHeight);

		strechable_img.style.width	= dimentions[0]+'px';
		strechable_img.style.height	= dimentions[1]+'px';
	}
}

function fit_window(image_width, image_height, bounding_box_width, bounding_box_height)
{
	//	fit width first
	//	var x_ratio	  	= bounding_box_width/image_width;
	//	var new_width 	= bounding_box_width;
	//	var new_height	= image_height*x_ratio;

	//	fit height first
	var y_ratio	  	= bounding_box_height/image_height;
	var new_height 	= bounding_box_height;
	var new_width	= image_width*y_ratio;

	if(new_width>smallest_stretchable_width && new_height>smallest_stretchable_height)
		return new Array(Math.round(new_width), Math.round(new_height));
	else
		return new Array(Math.round(smallest_stretchable_width), Math.round(smallest_stretchable_height));
}