/**
 * @author a
 */

 jQuery(document).ready(function(){
 	
	var li =  [];
	var span =  [];
	var index = 0;
	var space = 680;	
	var speed = 1000;
 	
	jQuery('#images_body li').each(function(i){
		jQuery(this).css('left',i*space);		
		li.push(jQuery(this));
	});
	jQuery('#images_nav span').each(function(i){
		if(i==0)
		jQuery(this).addClass('active');
		span.push(jQuery(this));
	});
	
	jQuery('#images_nav span').click(function(){
		
		slideshow("stop");
		
		var span_id = jQuery(this).attr('id');
		jQuery('#images_nav span').removeClass('active');
		jQuery('#images_nav span#'+span_id).addClass('active');
		
		li[index].css('left',-space);
		index = parseInt(span_id);
		li[index].css('left',0)
		
		slideshow("run");
		
	});
	jQuery('a img').click(function(){
		
		slideshow("stop");
		
	});	
		
	
	
	
	
	
	
					
	var left = function(i){
		//console.log(li[li.length-1]);
		
			if (i < li.length - 1) 
				var j = i + 1;
			else {
				var j = 0;				
			}
						
			li[i].animate({'left': -space}, speed);
			li[j].css({'left': space}).animate({'left': 0}, speed);
			span[i].removeClass('active');		
			span[j].addClass('active');				
	}
	
	var right = function(i){
						
		if(i==0)
			var j = li.length-1;
		else
			var j = i-1;
			
												
			slide.eq(i).animate({'left':space}, speed);	
			slide.eq(j).css({'left':-space}).animate({'left':0}, speed);	
						
									
						
	}

	
	
	function slideshow(regime){						
						
		if (regime == "run") {
			intInerval = setInterval(function(){
			left(index);
			if (index < li.length - 1) 
				index++;
			else 
				index = 0;
			}, 6000);
		}else if(regime=="stop"){
							
			intInerval = clearInterval(intInerval);
		
		}				
	}
					
	
	slideshow("run");
	//left(0)
					

	
	
 })