$(document).ready(function()
{
    // show infobox
    $("#info a").click(function(event){
        event.preventDefault();
        $("#infoBox").animate({opacity:'show'}, 'slow');
    });

    //infobox close mouseover
    $("#infoBoxClose").hover(function() {
        $(this).css("background-image","url('interface/images/closeover.jpg')");
    },function(){
        $(this).css("background-image","url('interface/images/close.jpg')");
    });

    // hide infobox
    $("#infoBoxClose").click(function(event){
        event.preventDefault();
        $("#infoBox").animate({opacity:'hide'}, 'slow');
    });

});