function ToggleByGrd(grdMark, fr, to, idx) {
    if (idx < fr || idx > to) {
        return false;
    }
    for (var i = fr; i <= to; i++) {
        var di = "#div" + grdMark + i.toString();
        var lnk = "#lnk" + grdMark + i.toString();

        if (i == idx) {
            $(di).show();
            $(lnk).addClass("selected");
        }
        else {
            $(di).hide();
            $(lnk).removeClass("selected");
        }
    }
}


function screenshotPreview() {
    /* CONFIG */
    xOffset = 10;
    yOffset = 30;
    // these 2 variable determine popup's distance from the cursor
    // you might want to adjust to get the right result
    /* END CONFIG */
    $("a.screenshot").hover(function (e) {
        this.t = this.title;
        this.title = "";
        var c = (this.t != "") ? "<br/>" + this.t : "";
        $("body").append("<p id='screenshot'><img src='" + this.rel + "' alt='url preview' />" + c + "</p>");
        $("#screenshot")
.css("top", (e.pageY - xOffset) + "px")
.css("left", (e.pageX + yOffset) + "px")
.fadeIn("fast");
    },
function () {
    this.title = this.t;
    $("#screenshot").remove();
});
    $("a.screenshot").mousemove(function (e) {
        $("#screenshot")
.css("top", (e.pageY - xOffset) + "px")
.css("left", (e.pageX + yOffset) + "px");
    });
};