// SLIDESHOW //
$(function() {
    // Slideshow
    $(window).load(function() {
        var s = $('#slideshow .images').innerfade({
            speed: 600,
            timeout: 4000,
            containerheight: 360
        }).bind('innerfade-load', function(e, i) {
            var $numbers = $('#slideshow-numbers a').removeClass('active');
            $numbers.eq(i).addClass('active');
        }).data('innerfade');

        var $controls = $('<div id="slideshow-controls"></div>').appendTo('#slideshow');
        var $playpause = $('<a class="playpause pause">p</a>').appendTo($controls).toggle(function() {
            s.pause();
            $(this).removeClass('pause').addClass('play');
        }, function() {
            s.play();
            $(this).removeClass('play').addClass('pause');
        });

        var $numbers = $('<div id="slideshow-numbers"></div>').appendTo($controls);
        $('#slideshow .images img').each(function(i, el) {
            var $link = $('<a rel="'+i+'">'+ (i+1) +'</a>').appendTo($numbers).click(function() {
                s.pause();
                s.load(i);
                $('.playpause').removeClass('pause').addClass('play');
            });
        });
        $('#slideshow-numbers a').eq(0).addClass('active');
    });
});