window.onresize=function(){
    resizeImage();
}

function imageLoaded(){
    window.img=document.getElementById("bg-img");  
    window.hi=window.img.height;
    window.wi=window.img.width;

	resizeImage();
}
function resizeImage(){
	
	var marginTop=150;
	var marginLeft=195;
	var marginRight=5;
	var marginBottom=5;
	var minWidth=755;
	var minHeight=430;

	$("#bg-img").css("display","none");


	var availH=$(window).height()-marginTop-marginBottom;
	// var availW=$(window).width()-marginLeft-marginRight;
	var availW=minWidth;
	
	if(availW<minWidth) availW=minWidth;
	if(availH<minHeight) availH=minHeight;

	$("#bg-img-div").css("width",availW+"px");
	$("#bg-img-div").css("height",availH+"px");


	var h=availH;
	var f=h/window.hi;
	var w=window.wi*f;
	if(w<availW) f=availW/w;
	else f=1;

	w=w*f;
	h=h*f;
	// alert("w="+w+" h="+h+ "availW="+availW);
	
	if(h>availH) offset=(availH-h)/2;
	else offset=0;

	$("#bg-img").css("width",w+"px");
	$("#bg-img").css("height",h+"px");
	$("#bg-img").css("top",offset+"px");
	
	$("#bg-img").css("display","block");
	$("#bg-img").css("visibility","visible");

	

}