$j(document).ready(function() {
 
    //rotation speed and timer
    var speed = 6000;
    var run = setInterval('rotate()', speed);   
     
    //grab the width and calculate left value
    var item_width = $j('#slides li').outerWidth(); 
    var left_value = item_width * (-1); 
         
    //move the last item before first item, just in case user click prev button
    $j('#slides li:first').before($j('#slides li:last'));
     
    //set the default item to the correct position 
    $j('#slides ul').css({'left' : left_value});
 
    //if user clicked on prev button
    $j('#prev').click(function() {
 
        //get the right position            
        var left_indent = parseInt($j('#slides ul').css('left')) + item_width;
 
        //slide the item            
        $j('#slides ul').animate({'left' : left_indent}, 1000,function(){    
 
            //move the last item and put it as first item               
            $j('#slides li:first').before($j('#slides li:last'));           
 
            //set the default item to correct position
            $j('#slides ul').css({'left' : left_value});
         
        });
 
        //cancel the link behavior            
        return false;
             
    });
 
  
    //if user clicked on next button
    $j('#next').click(function() {
         
        //get the right position
        var left_indent = parseInt($j('#slides ul').css('left')) - item_width;
         
        //slide the item
        $j('#slides ul').animate({'left' : left_indent}, 1000, function () {
             
            //move the first item and put it as last item
            $j('#slides li:last').after($j('#slides li:first'));                  
             
            //set the default item to correct position
            $j('#slides ul').css({'left' : left_value});
         
        });
                  
        //cancel the link behavior
        return false;
         
    });        
     
    $j('#slides').click(function () {window.location = "/index.php/the-landtek-difference";});
     
    //if mouse hover, pause the auto rotation, otherwise rotate it
    $j('#slides').hover(
         
        function() {
            clearInterval(run);
        }, 
        function() {
            run = setInterval('rotate()', speed);   
        }
    ); 
         
});
 
//a simple function to click next link
//a timer will call this function, and the rotation will begin :)  
function rotate() {
    $j('#next').click();
}