$(function(){
	var MainVusual = {
		"ie6" : false ,
		"animated" : false ,
		"loaded" : false ,
		"hover" : false ,
		"motionTime" : 400 ,
		"ctlhtml"  : [] ,

		"quartet" : {
			y : 0 ,
			scloodDown : function(n) {
				$('#flow_menu_down').removeClass('disible');
				
				while (n>0) {
					n--
					this.y --;
					$('#flow_menu > ul > .show').removeClass('show').prev().addClass('show');
				
					if($('#flow_menu > ul > .show:first').html()==$('#flow_menu > ul > li:first').html()){
						$('#flow_menu_up').addClass('disible');
						break;
					}
				}
	    			$('#flow_menu > ul').animate({top:(this.y*-67)+"px"});
			},
			scloodUp : function(n) {
				$('#flow_menu_up').removeClass('disible');

				while (n>0) {
					n--
					this.y ++;
					$('#flow_menu > ul > .show').removeClass('show').next().addClass('show');
					if($('#flow_menu > ul > .show:last').html()==$('#flow_menu > ul > li:last').html()){
						$('#flow_menu_down').addClass('disible');
						break;
					}
				}
	    			$('#flow_menu > ul').animate({top:(this.y*-76)+"px"});
			},

			ctrlSet : function() {
				$('#flow_menu_down').click(function(){
					if(!$(this).hasClass('disible')){
						MainVusual.quartet.scloodUp(1);
					}
					return false;
				});
				$('#flow_menu_up').click(function(){
					if(!$(this).hasClass('disible')){
						MainVusual.quartet.scloodDown(1);
					}
					return false;
				});
				$('#main_image_list li:first').addClass('current');
				$('#flow_menu li:first').addClass('current').addClass('show').next().addClass('show').next().addClass('show');
				$(window).load(function () {
					MainVusual.loaded = true;
					MainVusual.autoAnimation();
				});
				
			}
		},
		

		autoAnimation : function() {
			if(!MainVusual.hover && MainVusual.animationLoop && MainVusual.loaded){
				
				MainVusual.stopAnimation()
				//画像切り替え時間設定（5秒）
				var t = 5;
				MainVusual.timerId = setTimeout(function(){
					if($('#main_image_list li.current').attr("id")!=$('#main_image_list li:last').attr("id")){
						$('#flow_menu li.current').removeClass('current').next().addClass('current');
						MainVusual.mainChange('#'+$('#main_image_list li.current').next().attr('id'));

						if(!$('#flow_menu li.current').hasClass('show')){
							if($('#flow_menu li.current').nextAll().hasClass('show')){
								MainVusual.quartet.scloodDown($('#flow_menu > ul >li').index($('#flow_menu li.show:last')) - $('#flow_menu > ul >li').index($('#flow_menu li.current')) )
							}else if($('#flow_menu li.current').prevAll().hasClass('show')){
								MainVusual.quartet.scloodUp($('#flow_menu > ul >li').index($('#flow_menu li.current')) - $('#flow_menu > ul >li').index($('#flow_menu li.show:last')) )
								
							}
						}


					}else{
						$('#flow_menu li.current').removeClass('current');
						$('#flow_menu li:first').addClass('current');
						MainVusual.mainChange('#'+$('#main_image_list li:first').attr('id'));
						//ループ切り替え
						//MainVusual.animationLoop = false;

						if(!$('#flow_menu li.current').hasClass('show')){
							MainVusual.quartet.scloodDown($('#flow_menu > ul >li').index($('#flow_menu li.show:last')) - $('#flow_menu > ul >li').index($('#flow_menu li.current')) )
						}
					}

					
				},t*1000)
			}
		},
		
		stopAnimation : function() {
			clearTimeout(this.timerId);
		},
		timerId : '',

		animationLoop : true ,

		mainChange : function(id) {
				$('#main_image_list li.current').stop().animate({opacity:'0'},300,function () {
					$(this).removeClass('current');
					$(id).css({opacity:'0'}).addClass('current').animate({opacity:'1'},400);
					MainVusual.autoAnimation();
				})
		},
		
		motionversion : null ,
		
		init : function() {
			MainVusual["quartet"].ctrlSet();

			$("#mvg_box").hover(
				function () {
					MainVusual.hover = true;
					MainVusual.stopAnimation();
				},
				function () {
					MainVusual.hover = false;
					MainVusual.autoAnimation();
				}
			);

			
			$('#flow_menu li p').click(function(){
				MainVusual.stopAnimation()

				$('#flow_menu li.current').removeClass('current');
				$(this).parent().addClass('current');
				
				MainVusual.mainChange('#'+$(this).parent().attr('id').replace('li_',''));
				return false;
			});

		}
	}

	MainVusual.init()
	
});