$(window).resize(function(){
	resizeImage();
});

function resizeImage() {
	var navWidth = $(window).width()-480;
	var navHeight = $(window).height();
	var navRatio = navWidth / navHeight;
	if ($('#main_image').width() > 1) picWidth = $('#main_image').width();
	if ($('#main_image').height() > 1) picHeight = $('#main_image').height();
	picRatio = picWidth / picHeight;
	if (navRatio > picRatio) {
		var newHeight = (navWidth / picWidth) * picHeight;
		var newWidth = navWidth;
	} else {
		var newHeight = navHeight;
		var newWidth = (navHeight / picHeight) * picWidth;
	}
	newTop = 0 - ((newHeight - navHeight) / 2);
	newLeft =  0 - ((newWidth - navWidth) / 2);
	$('#image_holder').css({height: navHeight, width: navWidth});
	//$('#image_holder').css({visibility:"visible", display:"block"});
	$('#main_image').css({height: newHeight, width: newWidth});
	$('#image_holder').css({top: newTop, left: 480});
	if($.browser.msie){
		var centerTop = (($(window).height()-$('#content_1').height()) / 2);
		if(centerTop<=50){centerTop=50;}
		var winHeight=$(window).height()-50-centerTop;
		
		$('#content_1').css({top:0, paddingTop:centerTop, height:winHeight});
		var padRight = $(window).width()-480-500;
	
		if(padRight<=0){padRight=0;}
		$('#content_1').css({paddingRight:padRight});
	}else{
		var centerTop = (($(window).height()-$('#content_2').height()) / 2);
		if(centerTop<=50){centerTop=50;}
		$('#content_2').css({top:centerTop});
		var centerTop = (($(window).height()-$('#content_1').height()) / 2);
		if(centerTop<=50){centerTop=50;}
		$('#content_1').css({top:centerTop});
	
		var padRight = $(window).width()-480-500;
	
		if(padRight<=0){padRight=0;}
		$('#content_2').css({paddingRight:padRight});
		$('#content_1').css({paddingRight:padRight});
	}			
}




