// JavaScript Document : Images Carousel

  $(document).ready(function() {
        
        //options( 1 - ON , 0 - OFF)
        var auto_slide = 0;
            var hover_pause = 1;
        var key_slide = 1;
        
        //speed of auto slide(
        var auto_slide_seconds = 10000;
        $('#featured_ul li:first').before($('#featured_ul li:last')); 
        //$('#featured_ul').scrollable({size: 4});
		
        if(auto_slide == 1){
            var timer = setInterval('slide("right")', auto_slide_seconds); 
            
            $('#hidden_auto_slide_seconds').val(auto_slide_seconds);
        }
  
        if(hover_pause == 1){
            $('#featured_ul').hover(function(){
                clearInterval(timer)
            },function(){
                timer = setInterval('slide("right")', auto_slide_seconds); 
            });
  
        }
  
        if(key_slide == 1){
            
            $(document).bind('keypress', function(e) {
                if(e.keyCode==37){
                        slide('left');
                }else if(e.keyCode==39){
                        slide('right');
                }
            });

        }
        
        
  });

//slide function  
function slide(where){
    
            var item_width = $('#featured_ul li').outerWidth() + 10;
            
            if(where == 'left'){
                var left_indent = parseInt($('#featured_ul').css('left')) + item_width;
            }else{
                var left_indent = parseInt($('#featured_ul').css('left')) - item_width;
            
            }
            
            $('#featured_ul:not(:animated)').animate({'left' : left_indent},500,function(){    
                
                if(where == 'left'){
                    $('#featured_ul li:first').before($('#featured_ul li:last'));
                }else{
                    $('#featured_ul li:last').after($('#featured_ul li:first')); 
                }
                
                $('#featured_ul').css({'left' : '0'});
            });
}