// javascript document

(function($){

    $(function(){
        $(".cuetitle").hover(function(){
            var node = $(this);
            var title = node.attr("title");
            var offset = node.offset();
            var height = node.height();
            node.attr("title",""); /* 取消默认显示 */
            node.data("title",title);

            if(title) {
                var cuebox = $("<div />",{
                    classname:"cuebox",
                    css:{
                        position: "absolute",
                        top: (offset.top + height + 5),
                        left: (offset.left - 35)
                    }
                });
                cuebox.prependto("body");
                cuebox.html(['<div><div class="cueboxtop"></div>'
                    ,'<div class="cueboxmain">'
                    ,title
                    ,'</div><div class="cueboxbottom"></div></div>'].join(''));

            }
            $('.cuebox').bgiframe();
        },function(){
            var title = $(this);
            title.attr("title",title.data("title"));
            title.removedata("title");
            $(".cuebox").remove();
        });
    });
})(jquery);