$(document).ready(function() {
	var active = 0;
	autoSlider();
	function autoSlider(){
		var width = 608 ;
		var height = 166;
		var speed= 500;
		var autoPlaySpeed  = 5000;

		//do not touch below
		var slider = $('#gallery-id-slider');
		var sliderNum = $('#gallery-id-num');
		var timeOut=0;
		var start=1;
			
		
		//mouseover handler
		$(sliderNum).find('li').mouseover(function() {			
			move(this);	
			active=1;
		});	

		//mouseout handler
		$(sliderNum).find('li').mouseout(function() {				
			active=0;
		});
		
		//move function
		function move(thisObj){
			$(thisObj).addClass('on');
			$(thisObj).siblings().removeClass('on');		
			var index = $(thisObj).parent('ul').find('li') .index( $(thisObj) );		
			$(slider).stop();
			$(slider).animate({
			    left: '-'+ parseInt(index*width)+'px'
			}, {
				duration: speed, 
				queue: false}
			);	
		}

		//autoPlay function
		function auto(){	
			//alert(active);		
			if(0===active){
				var cur = $(sliderNum).find('li.on');
				var index = $(sliderNum).find('li') .index( $(cur) );		
				var length = $(sliderNum).find('li').length;
				if(index!==(length-1)){
				
					move($(sliderNum).find('li').eq(index+1));
				}else{
					move($(sliderNum).find('li').eq(0));
				}
			}			
		}
		//alert('s');
		

		//call autoPlay
		(function loop(){	
			if(start){
				start=0;
			}else{
				auto();
			}
			setTimeout(loop,autoPlaySpeed);
		})();

	}

});