$(document).ready(function(){
    var hoverTimeout = null;
    var viewer = $('.image-viewer');

    viewer.find('#image-browser ul').hide().parent().removeClass('hide').mouseover(function(){
        if (hoverTimeout) {
            clearTimeout(hoverTimeout);
        } else {
            $(this).find('ul').slideDown();            
        }
    }).mouseout(function(){
        var list = $(this).find('ul');
        hoverTimeout = setTimeout(function(){
            list.slideUp();
            hoverTimeout = null;
        }, 500);
    }).find('a').click(load_image_container);

    function load_image_container () {
        var url = $(this).attr('href');
        viewer.find('#image-browser li').removeClass('active').filter(function(){return $(this).find('a').attr('href') == url;}).addClass('active');
        var new_box = $('<div />').load(url + ' .image-viewer', {}, function(){
            viewer.find('#image-frame .container').replaceWith(new_box.find('#image-frame .container'));
            viewer.find('.pic-description').text(new_box.find('.pic-description').text());
            new_box.remove();
            init_image_container();
        });

        return false;
    }

    function init_image_container () {
        viewer.find('#prev-image, #next-image').click(load_image_container);
        viewer.find('a.addscrapbook.login').modalLogin();
    }

    init_image_container();
});

function load_scrapbook_pile () {
    $('#scrapbook-pile').load('/ajax/leikekirjat/poimitut');
}
