$(document).ready(function() {
                
    /*******************************************************************************************************************
    *  Slider                                                                                                  
    *******************************************************************************************************************/
    if($('#slider').length > 0){sliderInit();}
    function sliderInit() {
        /* Init */
        var sliderWrap = $('#slider');
        var slider = $('#slider ul');
        //var prev = $('#intro a.prev');
        //var next = $('#intro a.next');
        var item = $('#slider ul > li');        
        var visibleCount = 1;
        var rightMargin = 0;
        var sliderWidth = item.length * (item.outerWidth() + rightMargin);
        var sliderStepWidth = item.outerWidth() + rightMargin;
        var visibleWidth = visibleCount * sliderStepWidth;
        var count = item.length - 1;
        var endWidth = sliderWidth - visibleWidth; 
        var i = 0;
        var step = 0;
        $(slider).css('width', sliderWidth);
        
        var interval = 10000; 
        var duration = 1000;                    
                        
       if(sliderWidth > visibleWidth) {          
            
            $(item).each(function() {
                $(this).append('<p class="bullets"></p>');
             });                
            var bullets = $('.bullets');
            for(i=1;i<=item.length;i++){

                if(i==1){
                    positionLeft = 0;
                }else{
                    positionLeft = (i -1) * sliderStepWidth;    
                }      

                $(bullets).append('<a href="#" title="' + i + '" rel="' + positionLeft + '">' + i + '</a>');    


            }
           $(item).each(function(index) {
                $(this).find(bullets).find('a').eq(index).addClass('active');
             });      
            

            function sliderAnimationNext() {
                position = slider.position().left;                                                             
                step = position - sliderStepWidth;      
                if(step > (endWidth * -1) - sliderStepWidth){
                    $(slider).animate({ left: step }, duration);
                }else{$(slider).animate({ left: 0 }, duration); }            
            }

            function sliderAnimationPrev() {
                position = slider.position().left;    
                step = position + sliderStepWidth;                         
                if(step < 0 + sliderStepWidth){   
                    $(slider).animate({ left: step }, duration);
                }else{$(slider).animate({ left: endWidth * -1 }, duration); }
            }

            //$(prev).click(function(a) {  a.preventDefault();  sliderAnimationPrev(); });
            //$(next).click(function(a) { a.preventDefault(); sliderAnimationNext(); });
            
            $('li .bullets a').click(function(a) {
               a.preventDefault();
               positionLeft = $(this).attr('rel');
               $(slider).animate({ left: positionLeft * -1 }, duration);
            });

            var isHover = false;

            $(sliderWrap).hover(function() {
                    $(sliderWrap).addClass('hover'); // Debug
                    isHover = true;
                    clearInterval(sliderInterval);
            }, function() {
                    $(sliderWrap).removeClass('hover'); // Debug
                    isHover = false;
                    sliderInterval = setInterval(sliderAnimationNext, interval);
            });
            
        }//else{ next.hide(); prev.hide(); }  
        
        var sliderInterval = setInterval(sliderAnimationNext, interval);
    
    }
    
  
});