(function($) { 

var index = 0; //表示されてる画像のナンバー
var interval = 5000;
var total;
var slideShow;
var slideInitTime;

$(function(){
	setTimeout($.func.setSlide, 550);
	setTimeout($.func.setEvent, 550);
});

$.func = {
	setSlide: function(){
		total = $('#main li').size();
	
		//メインスライドとスライドナビに番号を付与
		$('#main li').each(function(ind,e){
			$(e).attr('class','slide'+ind);
		});
		$('#mv_nav li').each(function(ind,e){
			$(e).find('a').attr('class','slide'+ind);
		});
	
		//メインスライドのスタイルの初期設定
		$('#main li:eq(0)').animate({
			opacity: '1',
			left: '0'
		},800,'easeOutExpo');		
		$('#mv_nav').animate({
			opacity: '1'
		},800,'easeOutExpo');
		$('#main').append($('.slideMain li:eq(0)'));
		$('#main li').css({'display':'block'});
		$('#mv_nav li:eq(0) a').addClass('now');
		//スライドスタート
		if(total > 1) {
			index++;
			slideShow = setTimeout($.func.slideAppear, interval);		
		}
	},
	setEvent: function(){
		//ナビにロールオーバー時 イベントを追加
		$('#mv_nav a').hover(function(){
			if(!$(this).hasClass('now')){
				index = eval($(this).attr('class').replace('slide',''));
				$.func.slideAppear()
			}
		});
	},
	slideAppear: function(){
		//タイマーイベントのカウントをリセット
		clearTimeout(slideShow);
		
		//スライドが表示される前にスタイルをリセット
		$('#main .slide' + index).css({
			'opacity' : '0',
			'filter' : 'alpha(opacity=0)',
			'left' : '0'
		});
		
		//スライドショー
		$('#main .slide' + index ).animate({
			opacity: '1',
			left: '0'
		},800,'easeOutExpo');
		
		//一番上に表示されるように表示するliを一番後ろに追加
		$('#main').append($('#main .slide' + index ));
		$.func.setNav();
		
		//indexのセット
		index == total - 1 ? index = 0 : index++;
		slideShow = setTimeout($.func.slideAppear,interval);
	},
	setNav: function(){
		//ナビの画像のセット
		$('#mv_nav li a').removeClass('now');
		$('#mv_nav .slide' + index).addClass('now');
	}
}
})(jQuery);