fespan = {
    slider: {
        init: function() {
            fespan.slider.start();
            fespan.slider.click();
        },
        
        start: function() {
            fespan.slider.interval = setInterval(function() {
                var displayed = jQuery('#slides .item:visible');
                var next = displayed.next();
                if(!next.attr('id')) { next = jQuery('#slides .item:first-child'); }
                var id = next.attr('id');
                
                fespan.slider.gotoslide(id);
                
                jQuery('#hl-dots li.selected').removeClass('selected');
                jQuery('#hl-dots li a[rel="'+id+'"]').parent().addClass('selected');
            }, 5000);
        },
        
        stop: function() {
            clearInterval(fespan.slider.interval);
        },
        
        gotoslide: function(id) {
            var displayed = jQuery('#slides .item:visible');
            
            displayed.fadeOut('fast', function() {
                jQuery('#'+id).fadeIn('fast');
            });
        },
        
        click: function() {
            jQuery('#hl-dots a').click(function(e) {
                e.preventDefault();
                
                var elm = jQuery(this);
                var parent = elm.parent();
                
                if(!parent.hasClass('selected')) {
                    var id = elm.attr('rel');
                    fespan.slider.stop();
                    fespan.slider.gotoslide(id);
                    jQuery('#hl-dots li.selected').removeClass('selected');
                    parent.addClass('selected');
                }
            });
        }
    }
}

jQuery(document).ready(function() {
    fespan.slider.init();
});