$(document).ready(x_init);

function x_init(){
	$("a.x").click(function(){
	var t = this.title || this.name || null;
	var g = this.rel || false;
	x_show(t,this.href,g);
	this.blur();
	return false;
	});
}

function x_show(caption, url, imageGroup) {
	var msg_loadingimg = "";
	var msg_next = "next";
	var msg_next_deactive = "";		
	var msg_prev = "previous";
	var msg_prev_deactive = "";	
	var msg_close = "<img class='x-closebtn' src='/images/i/px.gif' width='30' height='31' />";
	var msg_closetitle = "Close";

	try {
		if (document.getElementById("x-hideselect") == null) {
			$("body").append("<iframe id='x-hideselect'></iframe><div id='x-overlay'></div><div id='x-window'></div>");
			$("#x-overlay").click(x_remove);
		}
		
		if(caption==null){caption=""};

		$(window).scroll(x_position);
 		
		x_overlaySize();
		
		$("body").append("<div id='x-load'>" + msg_loadingimg + "</div>");
		x_load_position();
		
		var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.html|\.htm|\.php|\.cfm|\.asp|\.aspx|\.jsp|\.jst|\.rb|\.txt|\.bmp/g;
		var urlType = url.toLowerCase().match(urlString);
		
		if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif' || urlType == '.bmp'){//code to show images
			x_Navigation = "";
			x_PrevCaption = "";
			x_PrevURL = "";
			x_PrevHTML = "";
			x_PrevDeactiveHTML = "";
			x_NextCaption = "";
			x_NextURL = "";
			x_NextHTML = "";
			x_NextDeactiveHTML = "";
			x_imageCount = "";
			x_pages = "";
			x_FoundURL = false;
			if(imageGroup){
				x_TempArray = $("a[@rel="+imageGroup+"]").get();

				for (x_Counter = 0; ((x_Counter < x_TempArray.length) && (x_NextHTML == "")); x_Counter++) {
					var urlTypeTemp = x_TempArray[x_Counter].href.toLowerCase().match(urlString);
						if (!(x_TempArray[x_Counter].href == url)) {						
							if (x_FoundURL) {
								x_NextCaption = x_TempArray[x_Counter].title;
								x_NextURL = x_TempArray[x_Counter].href;
								x_NextHTML = "<a id='x-next' href='#'>" + msg_next + "</a>";
							} else {
								x_PrevCaption = x_TempArray[x_Counter].title;
								x_PrevURL = x_TempArray[x_Counter].href;
								x_PrevHTML = "<a id='x-prev' href='#'>" + msg_prev + "</a>";
							}
						} else {
							x_FoundURL = true;
							x_imageCount = "Image " + (x_Counter + 1) +" of "+ (x_TempArray.length);
						}
				}
						
				x_PrevDeactiveHTML = x_PrevHTML == "" ? msg_prev_deactive : "";
				x_NextDeactiveHTML = x_NextHTML == "" ? msg_next_deactive : "";
				
				x_Navigation = "<table cellspacing='0' id='x-navigation' width='100%'><tr><td class='x-prev'>" + x_PrevHTML + x_PrevDeactiveHTML + "</td><td class='x-pages'>" + x_pages + "</td><td class='x-next'>" + x_NextHTML + x_NextDeactiveHTML + "</td></tr></table>";
			}

			imgPreloader = new Image();
			imgPreloader.onload = function(){
			
			imgPreloader.onload = null;
				
			var imageWidth = imgPreloader.width;
			var imageHeight = imgPreloader.height;
		
			x_WIDTH = imageWidth + 36;
			x_HEIGHT = imageHeight + 57;
					
			$("#x-window").append("<table id='x-layout'><tr><td class='x-11'><div></div></td><td class='x-12'><div></div></td><td class='x-13'><div></div></td></tr><tr><td class='x-21'><div></div></td><td class='x-22'><div id='x-closewindow'><a href='#' id='x-closebtn' title='" + msg_closetitle + "'>" + msg_close +"</a></div> <div id='x-content'><img id='x-image' src='" + url + "' width='" + imageWidth + "' height='" + imageHeight + "' alt='' /></div></td><td class='x-23'><div></div></td></tr><tr><td class='x-31'><div></div></td><td class='x-32'><div></div></td><td class='x-33'><div></div></td></tr></table>");			
	
			var pagesize = x_getPageSize();
			if(x_HEIGHT >= pagesize[1]) { 
				x_WIDTH = x_WIDTH + 16;
				x_HEIGHT = pagesize[1]-10;
				$("#x-content").css({height: (x_HEIGHT-42) + "px", overflow: "auto"});
			}
	
			$("#x-closebtn").click(x_remove);
			
			if (!(x_PrevHTML == "")) {
				function goPrev(){
					if($(document).unclick(goPrev)){$(document).unclick(goPrev)};
					$("#x-window").remove();
					$("body").append("<div id='x-window'></div>");
					$(document).unkeyup();
					x_show(x_PrevCaption, x_PrevURL, imageGroup);
					return false;	
				}
			
				$("#x-prev").click(goPrev);
				
				$(document).keyup( function(e){ var key = e.keyCode; if(key == 37){goPrev()} });
			}
			
			
			if (!(x_NextHTML == "")) {		
				function goNext(){
					$("#x-window").remove();
					$("body").append("<div id='x-window'></div>");
					$(document).unkeyup();
					x_show(x_NextCaption, x_NextURL, imageGroup);				
					return false;	
				}
				
				$("#x-next").click(goNext);
			
				$(document).keyup( function(e){ var key = e.keyCode; if(key == 39){goNext()} });
			}
			
			x_position();
			$("#x-load").remove();
			$("#x-imageoff").click(x_remove);
			$("#x-window").css({display:"block"});
			}
	  
			imgPreloader.src = url;
		}
		
		$(window).resize(x_position);
		
	} catch(e) {
		alert( e );
	}
}

function x_goPage(c, u, g){
	$("#x-window").remove();
	$("body").append("<div id='x-window'></div>");
	$(document).unkeyup();
	x_show(c, u, g);				
}

function x_remove() {
	$("#x-window").fadeOut("fast",function(){$('#x-window,#x-overlay,#x-hideselect').remove();});
	$("#x-load").remove();
	$(document).unkeyup();
	return false;
}

function x_position() {
	var pagesize = x_getPageSize();	
	var arrayPageScroll = x_getPageScrollTop();
	$("#x-window").css({width:x_WIDTH+"px",left: ((pagesize[0] - x_WIDTH)/2)+"px", top: (arrayPageScroll[1] + ((pagesize[1]-x_HEIGHT)/2))+"px" });
	x_overlaySize();
}

function x_overlaySize(){
	if (window.innerHeight && window.scrollMaxY) {	
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		yScroll = document.body.offsetHeight;
  	}
	$("#x-overlay").css("height",yScroll +"px");
	$("#x-hidehelect").css("height",yScroll +"px");
}

function x_load_position() {
	var pagesize = x_getPageSize();
	var arrayPageScroll = x_getPageScrollTop();

	$("#x-load")
	.css({left: ((pagesize[0] - 100)/2)+"px", top: (arrayPageScroll[1] + ((pagesize[1]-100)/2))+"px" })
	.css({display:"block"});
}

function x_parseQuery ( query ) {
   var Params = new Object ();
   if ( ! query ) return Params; // return empty object
   var Pairs = query.split(/[;&]/);
   for ( var i = 0; i < Pairs.length; i++ ) {
      var KeyVal = Pairs[i].split('=');
      if ( ! KeyVal || KeyVal.length != 2 ) continue;
      var key = unescape( KeyVal[0] );
      var val = unescape( KeyVal[1] );
      val = val.replace(/\+/g, ' ');
      Params[key] = val;
   }
   return Params;
}

function x_getPageScrollTop(){
	var yScrolltop;
	if (self.pageYOffset) {
		yScrolltop = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScrolltop = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScrolltop = document.body.scrollTop;
	}
	arrayPageScroll = new Array('',yScrolltop) 
	return arrayPageScroll;
}

function x_getPageSize(){
	var de = document.documentElement;
	var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
	
	arrayPageSize = new Array(w,h) 
	return arrayPageSize;
}

function x_strpos(str, ch) {
for (var i = 0; i < str.length; i++)
if (str.substring(i, i+1) == ch) return i;
return -1;
}