// JavaScript Document
    $(document).ready(function() {
        // Hover me at the top
        $("#hover-top").hover(function() {
            if ($(".hover", this).css("display") == "block") { return false; }
            os = $(this).offset();
            $("div.hover", this).css({top: os.top+"px", left: os.left+60+"px"}).animate({top: os.top-60+"px", opacity: "show"}, 750);
        },
        function() {
            os = $(this).offset();
            $(".hover", this).animate({top: os.top+"px", opacity: "hide"}, 500);
        });
		
		        // Hover me at the top2
        $("#hover-top2").hover(function() {
            if ($(".hover", this).css("display") == "block") { return false; }
            os = $(this).offset();
            $("div.hover", this).css({top: os.top+"px", left: os.left+60+"px"}).animate({top: os.top-60+"px", opacity: "show"}, 750);
        },
        function() {
            os = $(this).offset();
            $(".hover", this).animate({top: os.top+"px", opacity: "hide"}, 500);
        });

        // Hover me to the side
        $("#hover-left").hover(function() {
            if ($(".hover", this).css("display") == "block") { return false; }
            os = $(this).offset();
            $(".hover", this).css({top: os.top+10+"px", left: os.left-60+"px"}).animate({left: os.left+240+"px", opacity: "show"}, 750);
        },
        function() {
            os = $(this).offset();
            $(".hover", this).animate({left: os.left+"px", opacity: "hide"}, 500);
        });
    });