$(document).ready(function () {
    // fade the flags that are not selected, and allow hover fadeup/down
    $('div#flags > a:not(".selected")').css({ opacity: 0.5 });
    $('div#flags > a:not(".selected")').mouseenter(function () { $(this).css({ opacity: 1 }); });
    $('div#flags > a:not(".selected")').mouseleave(function () { $(this).css({ opacity: 0.5 }); });
});

// debugging to either firebug-console or alert
var debug = function (msg) {
    // comment line to disable debugging
    typeof (console) != 'undefined' && console.log(msg) || alert(msg);
}