var Log = {
    info: function(msg) {
        var log = $('log');
        if (log) log.innerText += msg + "\r\n";
    },
    error: function(msg) {
        var log = $('log');
        if (log) log.innerText += msg + "\r\n";
    },
    debug: function(msg) {
        var log = $('log');
        if (log) log.innerText += msg + "\r\n";
    }
}

function initBehaviours() {
    // Grids
    var elms = document.getElementsByClassName("grid");
    for (var i=0; i < elms.length; i++) {
        for (var j=0; j < elms[i].rows.length; j++) {
            row = elms[i].rows[j];
            row.onmouseover = function() {
                this.className = "selected";
            }
            row.onmouseout = function() {
                this.className = "";
            }
            row.onclick = function() {
                window.location = this.getAttribute("href");
            }
        }
    }
    
    // Blowup photo's
    elms = document.getElementsByClassName("blowup");
    for (i=0; i < elms.length; i++) { 
        elms[i].onmouseover = function() { 
            Log.info('hello ' + this.src);
        }
        elms[i].onmouseout = function() { 
            Log.info('bye ' + this.src);
        }
    }
}

Event.observe(window, "load", initBehaviours, false);