$(document).ready(function(){
	$('a[href="#"]').on('click', function(e){
    		e.preventDefault();
		});
		
	var current = -1;
	var prev = null;
	var interval = null;
	var FADE_SPEED = 1500;
	var DELAY_SPEED = 5000;
	var slides = $('.visual_box > div');
	var slides01 = $('.main_con0_menu p');
		
	$('.visual_box > div').css('opacity','0.8');

	for (var i = slides.length - 1 ; i >= 0 ; i--){
		$('#slide'+i).bind("click",{index:i},function(event){
			current = event.data.index;	
				$('.visual_stop_btn').show();
			$('.visual_stop_btn01').hide();
			gotoSlide(current);
		});
	};

	$(".vtn01").bind("click",function(){
		
	if (current == 0 )
		{
			current = slides.length -1 ;  
		}  else {
			current--;
		}
			$('.visual_stop_btn').show();
			$('.visual_stop_btn01').hide();
		gotoSlide(current)
	});

	$(".vtn02").bind("click",function(){
		if (current == slides.length  -1) 
			{
				current = 0 ;
			}  else {
				current++;
			}
			$('.visual_stop_btn').show();
			$('.visual_stop_btn01').hide();
			gotoSlide(current)
	});
	
	
	autoSlide();
	
	function autoSlide (){
		if (current >= slides.length -1){
			current = 0;
		}else{
			current++
		}
		gotoSlide(current);	
	}

	$('.visual_stop_btn01').hide();
	
	function gotoSlide(current){
		if (current != prev){
			$('#slide'+ current).find("img").attr("src","image/main/visual_btn_off.png")
			$('#slide'+ prev).find("img").attr("src","image/main/visual_btn_on.png")	

			$(slides[prev]).stop().animate({'opacity':'0.8'},600,'swing',function(){				
				$(slides[prev]).css("display","none");
				$(slides[current]).css("display","none");


			});
			$(slides[current]).stop().animate({'opacity':'1'},600,'swing',function(){				
				$(slides[prev]).css("display","none");
				$(slides[current]).css("display","block");
			});

			$(slides[prev]).css("display","none");
			$(slides[current]).css("display","block");

			prev = current;


			if (interval != null){
				clearInterval(interval);
			}
			interval = setInterval(autoSlide, DELAY_SPEED);
		}
	}

	$('.visual_stop_btn').bind('click',function(){
		clearInterval(interval);
			$(this).hide();
			$('.visual_stop_btn01').show();
	});	
	$('.visual_stop_btn01').bind('click',function(){
		$(this).hide();
		$('.visual_stop_btn').show();
		autoSlide();
	});	
		
});