/*グローバル変数を宣言*/
var LargeScroll ;
var RegularScroll ;
var Small1Scroll ;
var Small2Scroll ;

/*スクロールスピードをブラウザごとに設定*/
if(jQuery.browser.msie){
	var ScrollSpeed =  0.3 ;	/*スクロールのスピード*/
}else if(jQuery.browser.mozilla){
	var ScrollSpeed =  0.1 ;	/*スクロールのスピード*/
}else if(jQuery.browser.webkit){
	var ScrollSpeed =  0.08 ;	/*スクロールのスピード*/
}else if(jQuery.browser.opera){
	var ScrollSpeed =  0.03 ;	/*スクロールのスピード*/
}
var LargeSpeed = ScrollSpeed ;
var RegularSpeed = ScrollSpeed ;
var Small1Speed = ScrollSpeed ;
var Small2Speed = ScrollSpeed ;

/*ブラウザのサイズを取得し、ブラウザの中央にグリッドを移動させる*/
function WindowSize () {
	WindowW = $(window).width() ;
	WindowH = $(window).height() ;
	
	$("#Block-Area").width( WindowW ) ;
	//$("#Block-Area").width( '320px' ) ;
	$("#Block-Area").css({top:( WindowH - $("#Block-Area").height() ) / 2, position: 'absolute'});
	
	if ( $("#Block-Area").height() + $("#Header").height() > WindowH ) {
		$("#Block-Area").css({top:$("#Header").height(), position: 'absolute'});
	} else {
		$("#Block-Area").css({top:( WindowH - $("#Block-Area").height() ) / 2 + $("#Header").height() / 2 , position: 'absolute'});
	}
}

/*スクロールさせるグリッドのセット幅を取得*/
function GridSet() {
	LargeScroll = $("#Large").width() ;
	RegularScroll = $("#Regular").width() ;
	Small1Scroll = $("#Small1").width() ;
	Small2Scroll = $("#Small2").width() ;
}

/*スクロールプログラム*/
function Scroll() {	
	var LargeX = 0 ;
	var RegularX = - RegularScroll ;
	var Small1X = 0 ;
	var Small2X = - Small2Scroll ;
	
	setInterval ( function () {
		if ( LargeX >= LargeScroll ) LargeX = 0 ;
		LargeX += LargeSpeed ;
		$("#Large-Block").css ( {left: -LargeX+"px", position:'relative'});
	},1);
	setInterval ( function () {
		if ( RegularX >= 0 ) RegularX = -RegularScroll ;
		RegularX += RegularSpeed ;
		$("#Regular-Block").css ( {left: RegularX+"px", position:'relative'});
	},1);
	setInterval ( function () {
		if ( Small1X >= Small1Scroll ) Small1X = 0 ;
		Small1X += Small1Speed ;
		$("#Small1-Block").css ( {left: -Small1X+"px", position:'relative'});
	},1);
	setInterval ( function () {
		if ( Small2X >= 0 ) Small2X = -Small2Scroll ;
		Small2X += Small2Speed ;
		$("#Small2-Block").css ( {left: Small2X+"px", position:'relative'});
	},1);
}

/*マウスオーバーでスクロールを止める*/
$(function(){
	$("#Large-Block").mouseover(function(){
		LargeSpeed=0;
	});
	$("#Regular-Block").mouseover(function(){
		RegularSpeed=0;
	});
	$("#Small1-Block").mouseover(function(){
		Small1Speed=0;
	});
	$("#Small2-Block").mouseover(function(){
		Small2Speed=0;
	});
});

/*マウスアウトでスクロール再開*/
$(function(){
	$("#Large-Block").mouseout(function(){
		LargeSpeed=ScrollSpeed;
	});
	$("#Regular-Block").mouseout(function(){
		RegularSpeed=ScrollSpeed;
	});
	$("#Small1-Block").mouseout(function(){
		Small1Speed=ScrollSpeed;
	});
	$("#Small2-Block").mouseout(function(){
		Small2Speed=ScrollSpeed;
	});
});

/*ページ読み込み時に実行*/
$(window).ready( function () {
	WindowSize () ;
	GridSet() ;
	Scroll();
	
	/*読み込みエラー対応の為、再度スクリプトを実行*/
	WindowSize () ;
	GridSet() ;
	Scroll();
});	

/*ブラウザのサイズが変わるたびに実行*/
$(window).resize ( function (){
	WindowSize () ;
});