jQuery(document).ready(function(){
    $ = jQuery;

    $("#slideshow").cycle({
        fx: 'fade'
    });

    var first_thumbnail = $("ul#picture-thumbnails li:first-child");
    var thumbnails = $("ul#picture-thumbnails");
    var big_picture = $("div#picture");

    first_thumbnail.addClass("selected");
    first_thumbnail.next().addClass("next");

    var nextimg = thumbnails.find("li.next a").attr("href");
    big_picture.find("a").attr("href",nextimg);

    if_end_of_pictures();

    thumbnails.find("a").click( function() {
        thumbnails.children().removeClass("selected next");

        $(this).parent().addClass("selected");
        $(this).parent().next().addClass("next");
        big_picture.find("img").attr("src",$(this).attr("href"));

        if_end_of_pictures();
        return false;
    });

    big_picture.find("a").click( function() {
        if ($(this).attr("href") == "null") {
            return false;
        }

        thumbnails.find("li.selected").removeClass("selected");
        thumbnails.find("li.next").addClass("selected");
        thumbnails.find("li.next").removeClass("next");
        thumbnails.find("li.selected").next().addClass("next");
        big_picture.find("img").attr("src",$(this).attr("href"));       

        if_end_of_pictures();
        return false;
    });


    function if_end_of_pictures() {
        big_picture.find("a").attr("href","#");       
        big_picture.find("a").attr("href",thumbnails.find("li.next a").attr("href"));  
        if (big_picture.find("a").attr("href") == "null") {
            first_thumbnail.addClass("next");
            big_picture.find("a").attr("href",first_thumbnail.find("a").attr("href"));
        }
    }
});