﻿
$j(function() { 
    $j('.gadget-link').bind('mouseover', function() {
        var conten = $j(this);
        var offset = conten.children().offset();
        
        var gadgetBox = $j('div#gadget-box');
        if (gadgetBox.length == 0) {
            gadgetBox = $j('<div id="gadget-box" style="position:absolute; background: transparent url(images/spacer.gif);" ></div>');
            
            gadgetBox.bind('mouseleave', function() {  
                $j('div#gadget-box').hide();
            });
            
            var gadgetContent = $j('<div class="gadget-comment-box" style="z-index: 900;">' +
                                    '  <div class="gadget-comment-center">' +
                                    '    <p></p>' +
                                    '    <p class="arrow-gadget"><img height="14" width="10" src="images/gadget/arrow-gadget.png"></p>' +
                                    '  </div>' +
                                    '  <div class="gadget-comment-bottom"></div>' +
                                    '</div>');
                                    
            gadgetBox.css('width', '330px').css('height', '45px').append(gadgetContent);
            
            $j('body').append(gadgetBox);
        }
        
        eval('var tweet = (' + conten.attr('rel') + ');');
        
        if ($j.browser.msie && $j.browser.version.substr(0,1)<7) {
            offset = conten.offset();
            $j(document).pngFix();
        }
        
        var description = tweet.Description;
        var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/i;
        description = description.replace(exp, '<a href="$1" target="_blank" >$1</a>'); 

        gadgetBox.css('left', offset.left).css('top', offset.top).show();
        $j('.gadget-comment-center').children().eq(0).html('<span class="colr-green">' + tweet.Name + ' :</span>' + description );
    
    });
});
