window.addEvent("domready", function() {
    if (!Browser.ie) {
        var randNo = randomize(1, 5);
        document.id("main").getElement("div.cameraimg > img").set("src", "img/cam" + randNo + ".png");
    }

    $$("*[rel*=external]").addEvent("click", function(e) {
        e.preventDefault();
        window.open(this.href);
    });

    $$("*[rel*=popin]").addEvent("click", function(e) {
        e.preventDefault();
        popin(e, this.href, this.get("class"));
    });

});

function randomize(min, max) {
    var range  = max - min;
    return Math.floor(min + (Math.random() * range));
}

var oPopin = null;
function popin(e, sReq, sClass) {
    var oObj = document.id(e.target);
    oPopin = document.id("popin");
    oPopin.setStyles({
        "top": oObj.getPosition().y + 260,
        "left": oObj.getPosition().x + 500
    });

    var oA = oPopin.getElement("div.content > a");
    if (oA) {
        oA.dispose();
    }

    new Element("a", {
       "href":"javascript:;",
       "html":"x",
       "events":{
           "click": function(e){
               e.preventDefault();
                new Fx.Morph(oPopin, {duration: 500}).start({
                    "opacity": [1, 0]
                });
           }
       }
    }).inject(oPopin.getElement("div.content"),"top");

    new Fx.Morph(oPopin, {duration: 500}).start({
        "opacity": [0, 1]
    });
}