// if (jQuery.support.opacity)... wrappers ensure that ie does not attempt the fade.
// In ie (7 & 8) the fade of each image/area seems to happen consecutively so doesn't look smooth.

$(document).ready(function() {
    $("body").css("display", "none");

    if (jQuery.support.opacity) {
        $("body").fadeIn(500);
    }
    else {
        $("body").show();
    }

    $("a.transition").click(function(event) {
        event.preventDefault();
        linkLocation = this.href;

        if (jQuery.support.opacity) {
            $("body").fadeOut(1000, redirectPage) ;
        }
        else {
            $("body").show();
        }
    });
    function redirectPage() {
        window.location = linkLocation;
    }
});