Work  = {
    chooseAlbum: function(album_id){
        this.highlightAlbum(album_id);
        this.loadSet(album_id);
        this.selectFirstImage(album_id);
        this.reOb();
    },
    highlightAlbum: function(album_id){
        $$("a.thumbnail_tr").each(function(link){
            link.removeClassName("current");
        });

        $(album_id).addClassName("current");
    },
    loadSet: function(album_id){
        $("scroller_container").update($(album_id+"_photo_collection").innerHTML);
        my_glider = new Glider('wth', {duration:0.5});
    },
    selectFirstImage: function(album_id){
        var image = $(album_id+"_photo_collection").down().down();
        var image_id = image.id;
        var title = image.alt;
        var container = image_id.split("_").last();
        var container_el = $(container + "_container");
        var source = image.readAttribute('bigimg');
        var b_source = image.readAttribute('biggerimg') || source;
        var big_image_img = new Element("img", {'src': source, 'zIndex': 1});
        var big_image = new Element("a", {'href': b_source, 'rel': 'lightbox'}).insert(big_image_img).hide();
        if(container_el.down()){
            container_el.down().setStyle({zIndex: 0});
        }
        $("image_title").update(title);
        container_el.insert(big_image);
        Effect.Appear(big_image, {duration: 1.2});
    },
    reOb: function(){
        $$("img.h_thumb").each(function(image){
            image.observe("mouseover",function(e){
                var image_id = image.id;            var title = image.alt;
                var container = image_id.split("_").last();
                var container_el = $(container + "_container");
                var source = image.readAttribute('bigimg');
                var b_source = image.readAttribute('biggerimg') || source;
                var big_image_img = new Element("img", {'src': source, 'zIndex': 1});
                var big_image = new Element("a", {'href': b_source, 'rel': 'lightbox'}).insert(big_image_img).hide();
                if(container_el.down()){
                    container_el.down().setStyle({zIndex: 0});
                }
                $("image_title").update(title);
                container_el.insert(big_image);
                Effect.Appear(big_image, {duration: 1.2});
            });
        });
    }
}
document.observe("dom:loaded", function() {
    $$("img.thumbnail").each(function(image){
        image.observe("mouseover",function(e){
            var image_id = image.id;
            var container = image_id.split("_").last();
            var container_el = $(container + "_container");
            var source = image.readAttribute('bigimg');
            var big_image_img = new Element("img", {'src': source, 'zIndex': 3});
            var big_image = new Element("span").insert(big_image_img).hide();
            $("thumbnail_title_"+container).update(image.alt);
            if(container_el.down()){
                container_el.down().setStyle({zIndex: 2});
            }
            container_el.insert(big_image);
            Effect.Appear(big_image, {duration: 1.2});
        });
    });

    $$("img.h_thumb").each(function(image){
        image.observe("mouseover",function(e){
            var image_id = image.id;            var title = image.alt;
            var container = image_id.split("_").last();
            var container_el = $(container + "_container");
            var source = image.readAttribute('bigimg');
            var b_source = image.readAttribute('biggerimg') || source;
            var big_image_img = new Element("img", {'src': source, 'zIndex': 1});
            var big_image = new Element("a", {'href': b_source, 'rel': 'lightbox'}).insert(big_image_img).hide();
            if(container_el.down()){
                container_el.down().setStyle({zIndex: 0});
            }
            $("image_title").update(title);
            container_el.insert(big_image);
            Effect.Appear(big_image, {duration: 1.2});
        });
    });

    $$("a.thumbnail_tr").each(function(link){
        link.observe("click", function(e){
            e.stop();
            Work.chooseAlbum(link.id);
        });
    });

});