$(document).ready(function()
{
    function makeOver()
    {
        var width=$(this).width();
        var height=$(this).height();

        if($.browser.msie)
        {
            $(this).find("span").css({"border":"#0072c2 4px solid"});
        }
        else
        {
            $(this).find("span").css({"border":"#0072c2 4px solid","width":width-8,"height":height-8});
        }

        $(this).find("span").fadeIn("fast");
    }

    function makeOut()
    {
        $(this).find("span").fadeOut("fast");
    }

    var config =
    {    
         sensitivity: 1,
         interval: 0,
         over: makeOver,
         timeout: 0,
         out: makeOut
    };

    $("div.form a.frame span").fadeOut();

    $('div.popup h2').after
    (
        "<span class=\"left\"></span>"+
        "<span class=\"right\"></span>"
    );

    $('div.popup div.content').after
    (
        "<div class=\"bottom\">"+
        "    <span class=\"left\"></span>"+
        "    <span class=\"right\"></span>"+
        "</div>"+
        "<div class=\"close\"><a href=\"#\" title=\"Zavøít\">x</a></div>"+
        "<div class=\"arrow\"></div>"
    );

    $("div.form a.frame").hoverIntent(config);

    $("div.form a.frame").click(function()
    {
        var right=0;
        var popup=$(this).attr("href");
        var position=$(this).position();
        var width=$(this).width();
        var size=$(popup).width();

        if((656-(size+670-(width+position.left)))<0)
        {
            $(popup+' div.arrow').css({"right":size-width+40});

            right=611-size;
        }
        else
        {
            right=670-(width+position.left);
        }

        $("div.form div.popup").fadeOut();
        $(popup).css({"bottom":920-position.top,"right":right});
        $(popup).fadeIn();

        return false;
    });

    $("div.form div.popup div.close a").live('click', function()
    {
        $(this).parent().parent().fadeOut();

        return false;
    });
});