$(document).ready(function() {
    var slider_count = 0;
    var prev;
    var images = $('#controls a');
    var imgCount = images.length;
    var picture = $('#picture');
    var cover = $('<img id="cover" width="975" height="270" />');
    $(picture).load(function() {
        $(this).fadeIn('slow');
    });
    $(picture).before(cover);
    function load_image(control) {
        $(cover).attr('src',$(picture).attr('src'));
        $(picture).hide()
        $(picture).attr('src',$(control).attr('href'));
        $(images).removeClass('active');
        $(control).addClass('active');
    }
    function slideshow() {
        if (imgCount > 1) {
            if (slider_count < imgCount) {
                slider_count++;
            } else {
                slider_count = 0;
            }
            load_image(images[slider_count]);
        }
    }
    var slideshow_pid = window.setInterval(slideshow,5000);

    $('#controls a').click(function(e) {
        e.preventDefault();
        window.clearInterval(slideshow_pid);
        load_image(this);
        slider_count = $.inArray(this,images);
        slideshow_pid = window.setInterval(slideshow,5000);
    });
});