$("docment").ready(function(){
   resizeImg();
});

$(window).resize(function() {
   //alert("resizeです。" + $("#mainImg").height());
   //$("docment").ready(function(){
       resizeImg();
	//});
});

function resizeImg(){
	//画像サイズ取得
	var imageW = 1280;
	var imageH = 473;

	//表示したい部分サイズ取得
	var outlineW = $("#main_outline").width();
	var outlineH = $("#main_outline").height();

	//画像のマスク部分サイズ取得
	var maskW = $("#mask").width();
	var maskH = $("#mask").height();

	var w = Math.floor($("html body").width()/imageW*100)+1;
	var h = Math.floor($("html body").height()/imageH*100)+1;
		
	//alert(w);
	if( $(window).width() > imageW){
		$("#photo01").width(imageW*w/100);
		$("#photo01").height(imageH*w/100);
	
		$("#main_outline").width($("html body").width());
		$("#mainimg_outline").width($("html body").width());
		$("#main_outline").height(imageH);
		
		$("#mask").width(imageW*w/100);
		$("#mask").height(imageH*w/100);
		
		$("#header_line").width($("html body").width());
	}else{
		
		$("#photo01").width(imageW);
		$("#photo01").height(imageH);
	
		$("#main_outline").width($("html body").width());
		
		$("#mainimg_outline").width($("html body").width());
		$("#main_outline").height(imageH);
		
		$("#mask").width(imageW);
		$("#mask").height(imageH);
		
		$("#header_line").width($("html body").width());
	}
	
	reposition();
}
	
function reposition(){
	var outlineleft = ($("#main_outline").width() - $("#mask").width()) / 2;
	var outlinetop  = ($("#main_outline").height() -$("#mask").height()) / 2;
	//var outlinetop  = 0;
	
	$("#mask").css({"top":outlinetop, "left":outlineleft, "opacity":1 });
}