$(function(){
$('body').prepend('<div id="bg"><div id="bg_base"><div id="bg_stretch"><img id="main_img" src="img/top/top_main02.jpg" /></div></div></div>');

	var boxW = $(window).width() - 216;
	var boxH = $(window).height() - 88;
	$('#bg').css({width:boxW,height:boxH,position:'absolute',top:'88px',left:'0',backgroundColor:'#fff',zIndex:'-2',marginLeft:'216px',overflow:'hidden'});
	$('#bg_base').css({left:'0px',top:'0px',position:'absolute',zIndex:'-1',backgroundColor:'white'});
	$('#bg_stretch').css({left:'0px',top:'0px',position:'relative',zIndex:'-1',overflow:'hidden',backgroundColor:'white'});
	
	//キャンペーンバナー
	function shining(){
				$('#shine').delay(5500).animate({left: '200px'},{duration:600,easing:'linear'});
				$('#shine').css('left','-201px');
				setTimeout(function(){shining()}, 10000);
	};
	$('#cp_banner').delay(4500).fadeIn();
	//setTimeout(shining(), 10000);
	
			$('#cp_wrap').hover(function(){
					$(this).find('#target').addClass('active').end().find('#white').animate({'width':'100%'},{queue:false,duration:200},'easeOutQuint');
			},function(){
					$(this).find('#white').animate({'width':'0'},{queue:false,duration:180},'easeOutQuint').end().find('#target').delay('slow').removeClass('active');
			});

	
	//ロード時の処理
	//$("p#logo").fadeIn('slow',function(){
		
		var winW = $(window).width();
		var winH = $(window).height();
		var aspect = winW / winH;
	
		$('#main_img').css({display:"none"}).delay(1000).bind("load",function(){
		
			var bgWidth = $(window).width()-230;
			var bgHeight = $(window).height();
			var imgH = bgHeight - 88;
			var selfWH = 1460 / 1000;
			var aspect = winW / winH;
			
				
			//リサイズの条件
				if(winH < winW){ //ウィンドウの幅が高さより大きい時
					$('#main_img').css({height:imgH+'px',zIndex:'-1'}).fadeIn("slow");
				}
				else{ //ウィンドウの幅が高さより小さい時
					var bgHeight = bgWidth / selfWH;
					$('#main_img').css({width:bgWidth+"px",height:bgHeight+"px",zIndex:'-1'}).fadeIn("slow");
				}
				
				if(aspect <= selfWH){ //ウィンドウの縦÷横が画像の縦÷横より小さくなったときの処理
					var bgHeight = bgWidth / selfWH;
					$('#main_img').css({width:bgWidth+"px",height:bgHeight+"px",zIndex:'-1'});
				}
		
		});
		
	//});
	
	//リサイズ時の処理
	$(window).resize(function(){
			
			var winW = $(window).width();
			var winH = $(window).height();
			var bgWidth = $(window).width();
			var bgHeight = $(window).height();
			var imgH = bgHeight - 88;
			var aspect = winW / winH;
			var selfWH = 1460 / 1000;
			var boxW = $(window).width() - 230;
			var boxH = $(window).height() - 88;
			var footerW = $('#footer').width() - 230;
			$('#bg').css({width:footerW+'px',height:boxH,marginLeft:'230px'});
			
			//リサイズの条件
			var minHeight = '668';
			var minWidth = '1024';
			
			//if(winH <= minHeight || winW <= minWidth){
				//return false;
			//}
			//else{
				
					if(winH < winW){ //ウィンドウの幅が高さより大きい時
							var imgW = imgH * selfWH;
							$("#main_img").css({height:imgH+'px',width:imgW+'px',zIndex:'-1'});
						}
						//else{ //ウィンドウの幅が高さより小さい時
						//	var bgHeight = bgWidth / selfWH;
						//	$('#main_img').css({width:bgWidth+"px",height:bgHeight,zIndex:'-1'}).fadeIn("slow");
						//}
						
						if(aspect <= selfWH){ //ウィンドウの縦÷横が画像の縦÷横より小さくなったときの処理
							var bgHeight = boxW / selfWH;
							$('#main_img').css({width:boxW+"px",height:bgHeight+"px",zIndex:'-1'});
							//$('#bg').css({width:'100%'});
						}
						
						/*if((aspect == selfWH) && (winW <= 1024)){
							$('#main_img').css('width','824px');
						}
					*/
			//}
				
	});
});