window.addEvent('domready', function() {
    var pp_thumbnails = new PP_Thumbnails();
    pp_thumbnails.init();
});

PP_Thumbnails = function() {
    this.thumbs = $$('.thumb');
    this.image_main = $('image-main');
    this.image_main.setStyle("cursor","pointer");

    this.init = function() {
        this.thumbs.each(function(thumb){
            thumb.addEvent('mouseover', this.switchImage.bind(this));
        }, this);

        this.image_main.addEvent('click', function(e) {
                var thumbs = $$('.thumb');
                var link = thumbs[0];

                thumbs.each(function(thumb) {
                    if(thumb.getProperty("href") == this.getProperty("src")){
                        link = thumb;
                    }
                }, this);

                if(link != null){
                    Lightbox.click(link);
                }
            }
        );
    }
}

PP_Thumbnails.prototype.switchImage = function(e) {
    var e = new Event(e).stop();
    var thumb = e.target;
    var thumb_link = thumb.parentNode;
    this.image_main.setProperty("src", thumb_link.getProperty("href"));
}
