$(document).ready(function() {
    
    $(function(){
        $("span.descExtraItem").css("cursor" , "pointer");
        function descOver() {
            var descExtra = $(this).children("span").text();
            $(this).append("<div id='descExtraItemWrap'><div id='descExtraItem'>" + descExtra + "</div></div>");
            $(this).append("<div id='descExtraItemShadow'>&nbsp;</div>");
            var descExtraHeight = $("#descExtraItem").height() + 22;
            $("#descExtraItemShadow").height(descExtraHeight);
            $("#descExtraItemWrap").css("display", "none");
            $("#descExtraItemWrap").css("visibility", "visible");
            $("#descExtraItemShadow").css("display", "none");
            $("#descExtraItemShadow").css("visibility", "visible");
            $("#descExtraItemShadow").css("opacity", ".3");
            $("#descExtraItemWrap").fadeIn(500);
            $("#descExtraItemShadow").fadeIn(500);
            $("#descExtraItemWrap").mouseover(function() {
                $(this).fadeOut(1);
                $("#descExtraItemShadow").fadeOut(1);
                });
            };
        function descOut() {
            $("#descExtraItemWrap").remove();
            $("#descExtraItemShadow").remove();
            };
        $("span.descExtraItem").hoverIntent(descOver,descOut);
    });    

});