var $liImages;
var $liButtons;
var currentID=0; 
var timerID;
var interval=4500; 

function changeToNext(){
	$liImages.eq(currentID).hide();
	$liButtons.eq(currentID).removeClass("slice_btn_selected");
	currentID=(currentID+1)%5;
	$liImages.eq(currentID).fadeIn(800);
	$liButtons.eq(currentID).addClass("slice_btn_selected");
}

$(
	function(){
		
		$liImages=$("ul#slide_content li");
		$liImages.bind("mouseenter",function(event){
			window.clearInterval(timerID);
		});
		
		$liImages.bind("mouseleave",function(event){
			timerID=window.setInterval(
						function(){
							changeToNext();
						},interval);
		});
		
		$liButtons=$("ul#slide_bar li");
		for(var i=0;i<$liButtons.length;i++){
			$liButtons.eq(i).bind("click",i,function(event){
				if(currentID!=event.data){
					window.clearInterval(timerID);
					$liImages.eq(currentID).hide();
					$liButtons.eq(currentID).removeClass("slice_btn_selected");
					currentID=event.data;
					$liImages.eq(currentID).fadeIn(800);
					$liButtons.eq(currentID).addClass("slice_btn_selected");
					timerID=window.setInterval(
						function(){
							changeToNext();
						},interval);
				}
			}
			);
		}
		timerID=window.setInterval(
					function(){
						changeToNext();
					},interval);
	}
);