$(function() {
	var target = $("#slider li");
	var speed = 400;
	var maxnum = target.length;

	$('#slide_btn2_on').hide();
	$('#slide_btn3_on').hide();
	function fade(num) {
		
		t = setTimeout(function() {fade(num);}, speed*20);
		
		for(var i =0 ; i<maxnum ; i++){
			
			if(i == num){
				$(target.get(i)).fadeIn(speed);
			}else{
				$(target.get(i)).fadeOut(speed);
			}
		}
		
		for(var i = 1 ; i<maxnum+1 ; i++){
			
			if(i == num+1){
				$('#slide_btn'+i+'_on').fadeIn(speed);
			}else{
				$('#slide_btn'+i+'_on').fadeOut(speed);
			}
		}
		
		num++;
		
		if (num == maxnum) {
		num = 0;
		}
		
	}
	
	$('#slide_btn1').click(function(){
		clearTimeout(t);
		fade(0);
		$('#slide_btn1_on').fadeIn(speed);
		$('#slide_btn2_on').fadeOut(speed);
		$('#slide_btn3_on').fadeOut(speed);
	});
	$("#slide_btn1").hover(function(){
		$(this).css("cursor","pointer"); 
	});
	
	$('#slide_btn2').click(function(){
		clearTimeout(t);
		fade(1);
		$('#slide_btn1_on').fadeOut(speed);
		$('#slide_btn2_on').fadeIn(speed);
		$('#slide_btn3_on').fadeOut(speed);
	});
	$("#slide_btn2").hover(function(){
		$(this).css("cursor","pointer"); 
	});
	
	$('#slide_btn3').click(function(){
		clearTimeout(t);
		fade(2);
		$('#slide_btn1_on').fadeOut(speed);
		$('#slide_btn2_on').fadeOut(speed);
		$('#slide_btn3_on').fadeIn(speed);
	});
	$("#slide_btn3").hover(function(){
		$(this).css("cursor","pointer"); 
	});
	fade(0);
});