// JavaScript Document
   
    $(document).ready(function(){
		var bannerTotalNum = $('.banner_list_content li').length;
		var startImg = 2;
		var leftImg = parseInt(startImg)-1;
		var autostatus =0;
		
        $('.banner_list_content li').click(function(){
			//for clear and stop circulation 
            clearInterval(gallery_interval);
			//clearTimeout(galleryLoop);
            $('.banner_content li').stop(false,true);
            $('.banner_list_content li').stop(false,true);
			
            //parameter of circulation function
            var listImageIndex = $('.banner_list_content li').index(this);
            startImg = parseInt(listImageIndex)+1;
            leftImg = parseInt($('.banner_list_content li').index($('.banner_list_content li.current'))+1);
			
            galleryLoop();
			gallery_interval = setInterval(galleryLoop,9000);
        });
       
	   	 //photo gallery function
		function galleryLoop(){
			if(autostatus==0){
				$('.banner_list_content li').removeClass('current');
				
				$('.banner_content li:nth-child('+leftImg+')').fadeOut("slow");
		
				
				$('.banner_list_content li:nth-child('+startImg+')').addClass('current');
				
				$('.banner_content li:nth-child('+startImg+')').fadeIn("slow");
				
				startImg++;
				leftImg = parseInt(startImg)-1;
				if(startImg==parseInt(bannerTotalNum)+1){startImg=1};
				if(startImg==1){leftImg = parseInt(bannerTotalNum)};
			}
		}
		
		//for clear and stop circulation 
		clearInterval(gallery_interval);
		$('.banner_content li').stop(false,true);
		$('.banner_list_content li').stop(false,true);
		
		var gallery_interval = setInterval(galleryLoop,9000);
	    
    });