$(document).ready(function() {
    $("a[rel^='lightbox']").fancybox({
        'hideOnContentClick': true,
        'overlayShow': true
    });
});

var IE = document.all ? true : false;
var timerT;

function showSmall(elem, imgUrl) {
    var url = $(elem).parent("a").attr("href");
    var title = $(elem).parent("a").attr("title");
    var smallDiv = $("#smallDiv");
    if (timerT) clearTimeout(timerT);

    if (smallDiv.length == 0) {
        var divElem = document.createElement("div");
        divElem.id = "smallDiv";
        if (!IE) {
            divElem.addEventListener("mouseover", function() { clearTimeout(timerT); }, false);
            divElem.addEventListener("mouseout", hideSmall, false);
        }
        else {
            divElem.onmouseover = function() { clearTimeout(timerT); };
            divElem.onmouseout = hideSmall;
        }
        smallDiv = $(divElem);
        $("#main").append(divElem);
    }

    smallDiv.html("<a href='" + url + "'><strong>" + title + "</strong><br /><img src='" + imgUrl + "' alt='" + title + "' title='" + title + "' /></a>");
    smallDiv.positionBy({ target: elem, targetPos: 0, elementPos: 0 });
    timerT = setTimeout("delayedShow()", 600);
}
function delayedShow() {
    clearTimeout(timerT);
    $("#smallDiv").css("visibility", "visible");
}

function delayedHide() {
    clearTimeout(timerT);
    $("#smallDiv").css("visibility", "hidden");
}

function hideSmall() {
    clearTimeout(timerT);
    timerT = setTimeout("delayedHide()", 600);
}