/**
 * @author MOONGIRL
 */
jQuery.fn.PopouInfo = function(){
    var ShowPosition;
    _self = this;
    if ($("#message-box").length == 0) 
        $("body").append("<div id=\"message-box\"></div>");
    var msgbox;
    msgbox = $("#message-box");
    msgbox.html('<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td class="msg-lefttop"></td><td class="msg-top"></td><td class="msg-righttop"></td></tr><tr><td class="msg-left"></td><td id="msg-con"></td><td class="msg-right"></td></tr><tr><td class="msg-leftbottom"></td><td class="msg-bottom"><div class="msg-arrow"></div></td><td class="msg-rightbottom"></td></tr></table>');
    $(_self).hover(function(){
        if ($.browser.msie) {
            ShowPosition = {
                left: -6,
                top: -4
            };
        }
        else {
            ShowPosition = {
                left: 0,
                top: -7
            };
        }
        msgbox.show();
        var linktop = $(this).offset();
        $('#msg-con').html($("span", this).html());
        msgbox.css({
            position: 'absolute'
        });
        msgbox.css({
            left: (linktop.left + ShowPosition.left) + 'px',
            top: (linktop.top - (msgbox.height() + ShowPosition.top)) + 'px'
        });
        
    }, function(){
        msgbox.hide();
    });
    msgbox.hover(function(){
        msgbox.show();
    }, function(){
        msgbox.hide();
    });
};

$(function(){
    $(".product").PopouInfo();
    $(".contact").PopouInfo();
});