this.preloadIm = function() {
    var img = new Array;
    $('a.preview').each(function() {
        imgP = new Image();
        imgP.src = $(this).attr("path");
        img[$(this).attr("pid")] = imgP;
    });
   // alert($(this).attr("pid"));
    return img;
};

this.imagePreview = function(img) {
    offX = 25;
    offY = 25;

    $("a.preview").hover(function(e) {
        $("body").append("<div id='preview'><img id='pi' src='img/loading.gif' alt='Loading...............' /></div>");
        $('#pi').attr('src', img[$(this).attr("pid")].src);
        //$("body").append("<p id='preview'><img src='"+ $(this).attr("path") +"' alt='Image preview' /></p>");
        var tpWd = $('#preview').width();
        var tpHt = $('#preview').height();
        var winWd = $(window).width() + $(window).scrollLeft();
        var winHt = $(window).height() + $(window).scrollTop();
        var _left;
        var _top;

        if ((e.pageX + offX + tpWd) > winWd)
            _left = e.pageX - (tpWd + offX) + "px";
        else _left = e.pageX + offX + "px";
        if ((e.pageY + offY + tpHt) > winHt)
            _top = winHt - (tpHt + offY) + "px";
        else _top = e.pageY + offY + "px";
        $("#preview")
			.css("top", _top)
			.css("left", _left)
			.fadeIn("fast");
    },
	function() {
	    $("#preview").remove();
	});
    $("a.preview").mousemove(function(e) {
        var tpWd = $('#preview').width();
        var tpHt = $('#preview').height();
        var winWd = $(window).width() + $(window).scrollLeft();
        var winHt = $(window).height() + $(window).scrollTop();
        var _left;
        var _top;
        if ((e.pageX + offX + tpWd) > winWd)
            _left = e.pageX - (tpWd + offX) + "px";
        else _left = e.pageX + offX + "px";
        if ((e.pageY + offY + tpHt) > winHt)
            _top = winHt - (tpHt + offY) + "px";
        else _top = e.pageY + offY + "px";
        $("#preview")
			.css("top", _top)
			.css("left", _left);
    });
};

$(document).ready(function() {
    var img = preloadIm();
    imagePreview(img);
});


function pageLoad(sender, args) {
Image1= new Image(50,60)
Image1.src = "img/loading.gif"
    if (args.get_isPartialLoad()) {

        var img = preloadIm();
        imagePreview(img);

    }

}

function extractPageName(hrefString) {
    var arr = hrefString.split('/');
    return (arr.length < 2) ? hrefString : arr[arr.length - 2].toLowerCase() + arr[arr.length - 1].toLowerCase();
}

function setActiveMenu(arr, crtPage) {
    for (var i = 0; i < arr.length; i++) {
        if (extractPageName(arr[i].href) == crtPage) {

            var val = arr[i].href;
            current_node = val.split("/");
        //   alert(current_node[3]);
            var val2 = current_node[3].split(".");
            if (arr[i].parentNode.tagName != "DIV") {
                arr[i].className = val2[0] + "selected";
                arr[i].parentNode.className = val2[0] + "selected";
            }
        }
    }
}

function setPage() {
    hrefString = document.location.href ? document.location.href : document.location;

    if (document.getElementById("mainnavbar") != null) {

        setActiveMenu(document.getElementById("mainnavbar").getElementsByTagName("a"), extractPageName(hrefString));
    }
}




    function clearText(id) {
        document.getElementById(id).value = "";
    }

    function resetText(id) {
        if (document.getElementById(id).value == "")
            document.getElementById(id).value = "keyword";
    }

    function resetText1(id) {
        if (document.getElementById(id).value == "")
            document.getElementById(id).value = "Join our mailing list";
    }