$(document).ready(function () {
    //Blur Links (Prevents Outline)
    $('a').click(function () {
        this.blur();
    });

    //Hide all item descriptions in the info box
    $("#infobox > div").css("display", "none");

    //Call in the info box
    $(".more a").click(function () {
        $("#infobox").animate({ bottom: '55px' }, 300);
        $("#fade_bg").fadeIn();
        return false;
    });

    //Expand more info button on hover
    $(".more").hover(function () {
        $(this).stop().animate({ width: '120px' }, 200).css({ 'z-index': '10' }); //Change the width increase caption size
    }, function () {
        $(this).stop().animate({ width: '11px' }, 200).css({ 'z-index': '1' });
    });

    //Show description for selected item
    $("#brasil a").click(function () { $("#brasil_info").show(); $("#formulario").show(); });
    $("#colombia a").click(function () { $("#colombia_info").show(); $("#formulario").show(); });
    $("#venezuela a").click(function () { $("#venezuela_info").show(); $("#formulario").show(); });

    $("#mexico a").click(function () { $("#mexico_info").show(); $("#formulario").show(); });
    $("#guatemala a").click(function () { $("#guatemala_info").show(); $("#formulario").show(); });
    $("#elsalvador a").click(function () { $("#elsalvador_info").show(); $("#formulario").show(); });
    $("#costarica a").click(function () { $("#costarica_info").show(); $("#formulario").show(); });
    $("#panama a").click(function () { $("#panama_info").show(); $("#formulario").show(); });

    $("#eua a").click(function () { $("#eua_info").show(); $("#formulario").show(); });
    $("#canada a").click(function () { $("#canada_info").show(); $("#formulario").show(); });
    $("#europa a").click(function () { $("#europa_info").show(); });

    $("#marrocos a").click(function () { $("#marrocos_info").show(); $("#formulario").show(); });
    $("#libano a").click(function () { $("#libano_info").show(); $("#formulario").show(); });


    //Remove background, info box and hide all descriptions
    $("#fade_bg, .close").click(function () {
        $("#fade_bg").fadeOut();
        $("#infobox").animate({ bottom: '-500px' }, 300, function () {
            $("#infobox > div").css("display", "none");
        });
        return false;
    });
});