function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}
this.lightboxPreview = function(lElemId){    
    /* CONFIG */
        xOffset = -300;
        yOffset = 10;
        lElemId = lElemId || "";
        
        if(lElemId != "")
            lElemId = lElemId + " a.lightbox";
        else
            lElemId = "a.lightbox";
            
    /* END CONFIG */

        $(lElemId).click(function(e){
            var t = $(this).find("span").attr("title").replace(/\n/i, "");
            t = (t != "" ? "" + t : "");
            
            var c = $(this).find("span").attr("content").replace(/\n/i, "");
            c = (c != "" ? "" + c : "");
            
            id = $(this).find("img").attr("id");
			

			var scroll = getScrollXY();
            var xPosition = e.pageX + xOffset + 5 + 288;
            var yPosition = e.pageY + yOffset;
            var imgScreenshot = "img" + parseInt(Math.random() * 1000);

//            if((xPosition + xOffset + 380 - scroll[0] )> $(window).width())
//                xPosition = e.pageX - 380 - xOffset; //  - scroll[0]
//            if(xPosition < scroll[0] ) xPosition = 5 + scroll[0];

//            if((yPosition + yOffset + 380 - scroll[1] )> $(window).height())
//              yPosition = e.pageY - 380 - yOffset; //  - scroll[1]
//            if(yPosition < scroll[1] ) yPosition = 5 + scroll[1];
            
            if (id > 0)
            {
            	//contentPopup = "<div id='lightbox' class='collectionContent2'><a href='#' class='closeButton' id='closeButton'>&nbsp;</a><div id=popupTitle><b>"+ t +"</b></div><br/>"+ c +"</div>";
 				contentPopup = "<table id= 'lightbox' class='collectionContent2' cellpadding='0' cellspacing='0'>";
            	contentPopup = contentPopup + "<tr><td colspan='2' height='5'></td></tr>";
            	contentPopup = contentPopup + "<tr>";
            	contentPopup = contentPopup + "<td valign='top' width='210'><b>"+ t +"</b></td>";
            	contentPopup = contentPopup + "<td valign='top' width='18' align='center'><a href='javascript: void(0)' id='closeButton' title='Close'><img align='right' src='/images/close.gif' alt='Close' /></a></td>";
            	contentPopup = contentPopup + "</tr>";
            	contentPopup = contentPopup + "<tr>";
            	contentPopup = contentPopup + "<td valign='top'  colspan='2'>" + c + "</td>";
            	contentPopup = contentPopup + "</tr>";
            	contentPopup = contentPopup + "<tr><td colspan='2' height='5'></td></tr>";
            	contentPopup = contentPopup + "</table>";

            }else{
 				//contentPopup = "<div id='lightbox' class='collectionContent'><a href='#' class='closeButton' id='closeButton'>&nbsp;</a><strong><div id=popupTitle>"+ t +"</div></strong><br/>"+ c +"</div>";
 				contentPopup = "<table id= 'lightbox' class='collectionContent2' cellpadding='0' cellspacing='0'>";
            	contentPopup = contentPopup + "<tr><td colspan='2' height='5'></td></tr>";
            	contentPopup = contentPopup + "<tr>";
            	contentPopup = contentPopup + "<td valign='top' width='210'><b>"+ t +"</b></td>";
            	contentPopup = contentPopup + "<td valign='top' width='18' align='center'><a href='javascript: void(0)' id='closeButton' title='Close'><img align='right' src='/images/close.gif' alt='Close' /></a></td>";
            	contentPopup = contentPopup + "</tr>";
            	contentPopup = contentPopup + "<tr>";
            	contentPopup = contentPopup + "<td valign='top'  colspan='2'>" + c + "</td>";
            	contentPopup = contentPopup + "</tr>";
            	contentPopup = contentPopup + "<tr><td colspan='2' height='5'></td></tr>";
            	contentPopup = contentPopup + "</table>";
            }

            if($("body").find("#lightbox").length == 0)
                $("body").append(contentPopup);
			else{
				$("#lightbox").remove();
				$("body").append(contentPopup);
			}
            
            $("#lightbox")
                .css("top", yPosition + "px")
                .css("left", xPosition + "px")
                .css("width", "236px")
                .fadeIn("fast");

            lScreenshot = $("#lightbox");    
                
            this.img = new Image();
            $(this.img).load(function () {
                $(this)
                    .attr({ 
                      width: "288",
                      height: "380",
                      border: "0",
                      alt: ""
                    })
                    .css('display','none')
					.css('top','0px');
                $("#" + imgScreenshot).replaceWith(this);
                $("#lightbox img").fadeIn();
            }).error(function () {
                ;
            }).attr('src', this.rel);
			
			$("#lightbox #closeButton").click(function () { 
      			$("#lightbox").fadeOut("fast", function(){
					$("#lightbox").remove();
				});
		    });
            
        }); 
		
        $(lElemId).blur(function(e){
			 if (id <= 0){  
				$("#lightbox").fadeOut("fast", function(){
					$("#lightbox").remove();
				});
			 }/*else{
				 $("img #closeButton").click(){
					 
				 	$("#lightbox").fadeOut("fast", function(){
						$("#lightbox").remove();
				 	});
				 });
			 }*/
		});	
		


		

		
		
};

// starting the script on page load
$(document).ready(function(){
    lightboxPreview();
});