window.addEvent("domready", function() {
    if (window.DD_belatedPNG !== undefined)
        DD_belatedPNG.fix("ul#mainNav");

    $("logo").addEvent("click", function() {
        document.location.href = "index.html";
    });

    var portfolio = $("portfolio");
    if (portfolio) {
        var stage = $("stage");
        var stageImage = stage.getElement("img");
        var basePath = stageImage.src.replace(/\d+.jpg/, "");
        var currentImageSrc = stageImage.src;
        var currentThumbImg = portfolio.getElement("img.current");

        var thumbCells = new Array();
        for (var i = 1; i <= 11; i++)
            thumbCells.push($("thumb" + i));

        thumbCells.each(function(thumbCell) {
            var img = thumbCell.getElement("img");

            img.addEvent("mouseover", function() {
                var index = thumbCell.id.replace(/^thumb/, "");
                stageImage.src = basePath + index + ".jpg";
            });

            img.addEvent("mouseout", function() {
                stageImage.src = currentImageSrc;
            });

            img.addEvent("click", function() {
                var index = thumbCell.id.replace(/^thumb/, "");
                currentImageSrc = stageImage.src = basePath + index + ".jpg";
                currentThumbImg.removeClass("current");
                currentThumbImg = thumbCell.getElement("img");
                currentThumbImg.addClass("current");
            });
        });
    }
});