var imageSelector = new Class({
    Binds: ["_attchSwf", "_attchImg", "_activateLink", "reinit"],
    initialize: function() {

        site.addEvent("imageSelector.reinit", this.reinit);
        this.reinit();
    },
    reinit: function() {
        if (!$("colPrev"))
            new Element("div", { "id": "colPrev" }).inject($("pic"), "top");
        $("pic").getElements("div.links a").each(function(linkElt, i) {
            linkElt.set("href", "javascript:void(0)");
            linkElt.addEvent("click", this._activateLink.pass(linkElt));
            if (i == 0) this._activateLink(linkElt);
        }, this);
    },
    _activateLink: function(linkElt) {
        this._desactive();
        linkElt.addClass("active");
        if (linkElt.hasClass("swf")) {
            this._attchSwf(linkElt.get("rel"));

        } else if (linkElt.hasClass("img")) {

            this._attchImg(linkElt.get("rel"));
        }
    },
    _desactive: function() {
        $("pic").getElements("div.links a.active").each(function(linkElt) {
            linkElt.removeClass("active");
        });
    },
    _attchImg: function(imgUrl) {
        new Element("img", { src: imgUrl }).inject($("colPrev").empty());
    },
    _attchSwf: function(swfurl) {
        new Swiff(swfurl, { width: 500, height: 200 }).inject($("colPrev").empty());
    }
});