//変数定義　
var wWidth;
var wHeight;
var aWidth;
var aHeight;
var Timer = 12000;
var fNumber = 0;

//$('head').append('<style type="text/css">#header, #catchCopy{display:none;}</style>');
//ヘッダーとキャッチコピーをインラインcssで非表示に

$(function(){
bgImageResize();
$('#bgImage li:even div').css("top", 0);
$('#bgImage li:odd div').css("top", "-135px");
init();
$('#bgImage li:last img').fadeIn(1000, function(){
});
});

//ﾘｻｲｽﾞ時
$(window).resize(function(){
bgImageResize();
});



//読み込まれたら実行
window.onunload = function(){
bgImageResize();
$('#bgImage li:even div').css("top", 0);
$('#bgImage li:odd div').css("top", "-135px");
init();
$('#bgImage li:last img').fadeIn(1000, function(){
});

//ﾘｻｲｽﾞ時
$(window).resize(function(){
bgImageResize();
});

}//読み込まれたら実行　ここまで


//bgImageResize定義
function bgImageResize(){
	
wWidth = $(window).width();
wHeight = $(window).height();
if( wWidth < 940 && wHeight < 602 ){
aWidth = 1100;
aHeight = 702;
}
else{
if(wWidth/wHeight < 1.57){
aWidth = (wHeight+150)*1.57;
aHeight = wHeight+150;
}
else{
aWidth = wWidth+235;
aHeight = (wWidth+235)/1.57;
}
}

$('#bgImage li div').width(aWidth).height(aHeight);

//ブラウザIE判定
if(jQuery.browser.msie && jQuery.browser.version < 7){
	
if(wWidth <940){$('#wrapper, #bgImage').width(940);}
else{$('#wrapper, #bgImage').width('100%');}
}

}//bgImageResize定義 ここまで

//init定義　
function init(){
$('#bgImage li:last div').bgSlider();
timerID = setInterval("$('#bgImage li:eq(1) div').bgSlider()", Timer*9/10);
}

//bgSlider定義　
$.fn.bgSlider = function(){
var pointer = this;
fNumber = fNumber+1;
if((fNumber % 2) == 0){
pointer.css({"top":"-100px"});
pointer.animate({"top":"0px"}, Timer*9/10, "linear", function(){
pointer.find('img').fadeOut(Timer*1/10);
pointer.parent().prev().find('img').fadeIn(Timer*1/10);
pointer.animate({"top":"0px"}, Timer*1/10, "linear", function(){
pointer.parent().prependTo('#bgImage');
});
});
}
else{
pointer.css({"top":"0px"});
pointer.animate({"top":"-100px"}, Timer*9/10, "linear", function(){
pointer.parent().find('img').fadeOut(Timer*1/10);
pointer.parent().prev().find('img').fadeIn(Timer*1/10);
pointer.animate({"top":"-100px"}, Timer*1/10, "linear", function(){
pointer.parent().prependTo('#bgImage');
});
});
}
}