$(document).ready(function()
{
    // bind events to open the popup
    $("div.Spice").click(function()
    {
        var jInfo = $(this).next("div.SpiceInfo");

        if (jInfo.is(":hidden"))
        {
            $("div.SpiceInfo:not(:hidden)").fadeOut("fast");

            jInfo.css("top", ($(this).offset().top - 40) + "px");
            jInfo.css("left", ($("div.SpiceWrapper").offset().left + 170) + "px");
            jInfo.fadeIn("fast");
        }
        else
            jInfo.fadeOut("slow");
    });

    // bind the event to close the popup
    $("div.SpiceInfo").click(function() { $(this).fadeOut("slow"); });
});