var speed;
var run;
$(document).ready(function(){

	//rotation speed and timer
	speed = 8000;
	run = setInterval('rotate()', speed);
	
	//grab the width and calculate left value
	var item_width = $('#slides li').outerWidth();
	var left_value = item_width * (-1);
    
	//move the last item before first item, just in case user click prev button
	$('#slides li:first').before($('#slides li:last'));
	
	//set the default item to the correct position 
	$('#slides ul').css({'left' : left_value});

    //if user clicked on prev button
	$('#prev').click(function() {
		//adjust to make it work "normally" with only 2 images
		if($('#totalINET').html()=="2"&&$("#contadorINET").html()=="1"){
			//the prev item is the last one
			$('#next').click();
		}else{
			//get the right position            
			var left_indent = parseInt($('#slides ul').css('left')) + item_width;
			
			//slide the item            
			$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200,function(){    

				//move the last item and put it as first item            	
				$('#slides li:first').before($('#slides li:last')); 
				
				//current image id calculation changes if there are only 2 items
				var currentimageid;
				if($('#totalINET').html()!="2"){
					currentimageid=(parseInt($('#slides li:first').attr("id"))%parseInt($('#totalINET').html()))+1;
				}else{
					currentimageid=(parseInt($('#slides li:last').attr("id"))%parseInt($('#totalINET').html()))+1;
				}
				//paints the current image shown besides the control bar
				$("#contadorINET").html(currentimageid);
				//$("#contadorINET").html(parseInt($('#slides li:first').attr("id")));

				//set the default item to correct position
				$('#slides ul').css({'left' : left_value});
			
			});

			//cancel the link behavior            
			return false;
        }
	});
 
    //if user clicked on next button
	$('#next').click(function(){
		//adjust to make it work "normally" with only 2 images
		if($('#totalINET').html()=="2"&&$("#contadorINET").html()=="2"){
			//the next item is the first one
			$('#prev').click();
		}else{
			//get the right position
			var left_indent = parseInt($('#slides ul').css('left')) - item_width;
			
			//slide the item
			$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function () {
				
				//move the first item and put it as last item
				$('#slides li:last').after($('#slides li:first'));
				
				//current image id calculation changes if there are only 2 items
				var currentimageid;
				if($('#totalINET').html()!="2"){
					currentimageid=(parseInt($('#slides li:first').attr("id"))%parseInt($('#totalINET').html()))+1;
				}else{
					currentimageid=(parseInt($('#slides li:last').attr("id"))%parseInt($('#totalINET').html()))+1;
				}
				//paints the current image shown besides the control bar
				$("#contadorINET").html(currentimageid);
				//$("#contadorINET").html(parseInt($('#slides li:first').attr("id")));
				
				//set the default item to correct position
				$('#slides ul').css({'left' : left_value});
			
			});
					 
			//cancel the link behavior
			return false;
		}
	});

    //if user clicked on pause button
	$('#pause').click(function() {
		//hides the pause button and shows the play button
		$('#pause').css("display","none");
		$('#play').css("display","block");
		
		pause();
	}); 
	
    //if user clicked on play button
	$('#play').click(function() {
		//hides the play button and shows the pause button
		$('#play').css("display","none");
		$('#pause').css("display","block");
		
		play();
	}); 
	
	//if mouse hover, pause the auto rotation, otherwise rotate it
	$('#slides').hover(
		function() {
			//checks if auto rotation is active
			if($("#pause").css("display")=="block"){
				pause();
			}
		}, 
		function() {
			//checks if auto rotation is active
			if($("#pause").css("display")=="block"){
				play();
			}
		});
});

//function to start advancing
function play(){
	//gets back to work
	run = setInterval('rotate()', speed);
	
	//cancel the link behavior            
	return false;
}

function pause(){
	//stops working
	clearInterval(run);
	
	//cancel the link behavior            
	return false;
}

//a simple function to click next link
//a timer will call this function, and the rotation will begin :)  
function rotate() {
	$('#next').click();
}