/*

 * jQuery Pimg (Preview image)

 * Written by Dave Earley ( http://Bitsntuts.com )

 */



function pimg()

{

this.xOffset = 5;

this.yOffset = 50;

$("img.pimg").hover(function (e) {
    this.img_title = this.title;
    this.title = "";
    var img_src = $(this).attr('img_src');
    var desc = (this.img_title != "") ? "<h3>" + this.img_title + "</h3>" : "";
    var image = (img_src) ? img_src : this.src;
    var scrOfX = 0, scrOfY = 0;
    if (typeof (window.pageYOffset) == 'number') {
        scrOfY = window.pageYOffset; 
        scrOfX = window.pageXOffset;
    } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
        scrOfY = document.body.scrollTop; 
        scrOfX = document.body.scrollLeft;
    } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
        scrOfY = document.documentElement.scrollTop; 
        scrOfX = document.documentElement.scrollLeft;
    }

    //$("body").append("<div id='pimg'>" + desc + "<img src='" + image + "' alt='Image preview' /></div>");
    $("body").append("<div id='pimg'><table cellspacing=\"1\" cellpadding=\"6\" border=\"0\" style=\"height: 210px; width: 230px;\" class=\"tborder\"><thead><tr><td style=\"height: 1%;\" class=\"thead\">" + desc + "</td></tr></thead><tbody id=\"collapseobj_forumrules\"><tr><td valign=\"middle\" align=\"center\" style=\"height: 99%; width: 100%;\" class=\"alt1\"><img src=\"" + image + "\" alt=\"" + desc + "\"/></td></tr></tbody></table></div>");
    $("#pimg").css("top", (scrOfY) + "px").css("left", (e.pageX + yOffset) - 20 + "px");
    $("#pimg").fadeIn(700);
}, function () {
    this.title = this.img_title;
    $("#pimg").remove();
});
$("img.pimg").mousemove(function (e) {
    var scrOfX = 0, scrOfY = 0;
    if (typeof (window.pageYOffset) == 'number') {
        scrOfY = window.pageYOffset; scrOfX = window.pageXOffset;
    } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
        scrOfY = document.body.scrollTop; scrOfX = document.body.scrollLeft;
    } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
        scrOfY = document.documentElement.scrollTop; scrOfX = document.documentElement.scrollLeft;
    }
    $("#pimg").css("top", (scrOfY) + "px").css("left", (e.pageX + yOffset) + "px");
    //$("#pimg").css("top", (e.pageY - $(window).scrollTop()) + "px").css("left", (e.pageX + yOffset) + "px");
});
};