// JavaScript Document

$(function(){
	$('#tab_img_con li').eq(0).show();
	$('#tab_img_text li').eq(0).show();
	var i = 0;
	
	$('#tab_img_nav li').hover(function(){
		$(this).addClass('tab_img_page2').siblings().removeClass('tab_img_page2')
	},function(){
		$('#tab_img_nav li').removeClass('tab_img_page2')
	})
	
	$('#tab_top').click(function(){
		i -= 1;	
		overtime();
		cztime();
		if(i == -1){
		i = 5;		
		}
		$('#tab_img_nav li').eq(i).addClass('tab_img_page').siblings().removeClass('tab_img_page');
		$('#tab_img_con li').eq(i).fadeIn().siblings().fadeOut();
		$('#tab_img_text li').eq(i).fadeIn().siblings().fadeOut();
		
		
	})
	
	$('#tab_next').click(function(){
		i += 1;	
		overtime();
		cztime();
		if(i == 6){
		i = 0;		
		}
		$('#tab_img_nav li').eq(i).addClass('tab_img_page').siblings().removeClass('tab_img_page');
		$('#tab_img_con li').eq(i).fadeIn().siblings().fadeOut();
		$('#tab_img_text li').eq(i).fadeIn().siblings().fadeOut();
		
		
	})
	
	
	
	$('#tab_img_nav li').click(function(){
		i = $(this).index();
		overtime();
		cztime();
		$(this).addClass('tab_img_page').siblings().removeClass('tab_img_page')
		$('#tab_img_con li').eq($(this).index()).fadeIn().siblings().fadeOut();
		$('#tab_img_text li').eq($(this).index()).fadeIn().siblings().fadeOut();
	})
	
	
	
	
	
	function test(){
		i++;
		if(i<6){
			$('#tab_img_nav li').eq(i).addClass('tab_img_page').siblings().removeClass('tab_img_page');
			$('#tab_img_con li').eq(i).fadeIn().siblings().fadeOut();
			$('#tab_img_text li').eq(i).fadeIn().siblings().fadeOut();
			
		}else if(i == 6){
			i = 0;	
			$('#tab_img_nav li').eq(i).addClass('tab_img_page').siblings().removeClass('tab_img_page');
			$('#tab_img_con li').eq(i).fadeIn().siblings().fadeOut();
			$('#tab_img_text li').eq(i).fadeIn().siblings().fadeOut();
		}
	}
	
	cztime();
	
	function cztime(){
		$('body').stopTime ();
		$('body').everyTime('3s',test);	
	}	
	function overtime(){
		$('body').stopTime ();
	}
	
})