var slideNum=0;
var zindex;
var intervalTimer = 7000;
var slideAlt ='first';

$(function(){
	$('#mainVisual div#slide img').ready(function(ev) {
		
		//初期設定
		
		$('#slideMenu div#slideMenu0 span').fadeIn('fast');
		$('#slideMenu div#slideMenu0').addClass('active').animate({width:'14em'},400);
		
		//タイマーセット
		it = setInterval(function(){
			
			//最初にアウトしたスライドを１、背面に持ってくる、２、表示する、３、左端を寄せる
			$('#slide div').css('display','block');
			$('#mainVisual div#slide div.out').css('zIndex','100').fadeIn('fast').removeClass('out');
			
			//Z-indexのリセット。0番スライドが始まる直前。
			//z-index:105がビジブル。100が後ろに回った状態。
			if(slideNum == 0){
				$('#mainVisual div#slide div').css('zIndex','105').css('borderColor','#00F');
			}
			
			
			//スライドバージョン
			//$('#mainVisual div#slide div#slide' + slideNum ).animate({left:'300px'},{duration: 1000,easing:'easeInQuart'}).addClass('out');
			
			//フェードアウトバージョン
			$('#mainVisual div#slide div#slide' + slideNum ).fadeOut('slow').addClass('out');
			
			
			//カウンタインクリメントとリセット
			slideNum++;
			if(slideNum == 3){
				slideNum = 0;
			}
			
			//メニューの書き換え
			/*全部元に戻す*/
			$('#slideMenu div span').fadeOut('fast');
			$('#slideMenu div').animate({width:'17px'},400).removeClass('active');
			
			/*対象のものにいれる*/
			$('#slideMenu div#slideMenu' + slideNum + ' span' ).fadeIn('slow');
			$('#slideMenu div#slideMenu' + slideNum ).addClass('active').animate({width:'14em'},400);
			
		}, intervalTimer);
	});
	
	//スライドボタン
	$('#slideMenu div').click(function(ev) {
		clearTimeout(it);
		$('#slideMenu div span').fadeOut('fast');
		$('#slideMenu div').animate({width:'17px'},400).removeClass('active');

		$(this).addClass('active').animate({width:'14em'},400);
		$('#slideMenu div.active span').fadeIn('slow');
	});
	
	$('#slideMenu0').click(function(ev) {
		$('#mainVisual div#slide div#slide0').fadeIn('slow');
		$('#mainVisual div#slide div#slide1').fadeOut('slow').addClass('out').css('zIndex','100');
		$('#mainVisual div#slide div#slide2').fadeOut('slow').addClass('out').css('zIndex','100');
		//カウンタ再セット
		slideNum=0;

	});


	$('#slideMenu1').click(function(ev) {
		$('#mainVisual div#slide div#slide0').fadeOut('fast').addClass('out').css('zIndex','100');
		$('#mainVisual div#slide div#slide1').fadeIn('slow');
		$('#mainVisual div#slide div#slide2').fadeOut('slow').addClass('out').css('zIndex','100');
		//カウンタ再セット
		slideNum=1;
	});

	$('#slideMenu2').click(function(ev) {
		$('#mainVisual div#slide div#slide0').fadeOut('fast').addClass('out').css('zIndex','100');
		$('#mainVisual div#slide div#slide1').fadeOut('fast').addClass('out').css('zIndex','100');
		$('#mainVisual div#slide div#slide2').fadeIn('slow');
		//カウンタ再セット
		slideNum=2;
	});



});