$(document).ready(x_init);

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

function x_show(url, imageGroup) {
	var msg_next = "<img class='x-btn x-closebtn' src='/images/i/x/next.gif' />";	
	var msg_prev = "<img class='x-btn x-closebtn' src='/images/i/x/prev.gif' />";
	var msg_next_deactive = "<img class='x-btn-deactive x-closebtn' src='/images/i/x/next_deactive.gif' />";	
	var msg_prev_deactive = "<img class='x-btn-deactive x-closebtn' src='/images/i/x/prev_deactive.gif' />";
	var msg_loadingimg = "Loading&hellip;";
	var msg_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);
		}

		$(window).scroll(x_position);
 		
		x_overlaySize();
		
		$("body").append("<div id='x-load'>" + msg_loadingimg + "</div>");
		x_loadPosition();
		
		var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.bmp/g;
		var urlType = url.toLowerCase().match(urlString);
		
		if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif' || urlType == '.bmp'){
			x_Navigation = "";
			x_PrevURL = "";
			x_PrevHTML = "";
			x_PrevDeactiveHTML = "";
			x_NextURL = "";
			x_NextHTML = "";
			x_NextDeactiveHTML = "";

			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_NextURL = x_TempArray[x_Counter].href;
								x_NextHTML = "<a id='x-next' href='#'>" + msg_next + "</a>";
							} else {
								x_PrevURL = x_TempArray[x_Counter].href;
								x_PrevHTML = "<a id='x-prev' href='#'>" + msg_prev + "</a>";
							}
						} else {
							x_FoundURL = true;
						}
				}
				
				x_PrevDeactiveHTML = x_PrevHTML == "" ? "<span id='x-prev'>" + msg_prev_deactive + "</span>" : "";
				x_NextDeactiveHTML = x_NextHTML == "" ? "<span id='x-next'>" + msg_next_deactive + "</span>" : "";
				x_Navigation = x_PrevHTML + x_PrevDeactiveHTML + x_NextHTML + x_NextDeactiveHTML;
			}

			imgPreloader = new Image();
			imgPreloader.onload = function(){
			
				imgPreloader.onload = null;
				
				var imageWidth = imgPreloader.width;
				var imageHeight = imgPreloader.height;
		
				x_WIDTH = imageWidth + 10;
				x_HEIGHT = imageHeight + 10;
			
				/*------------- content -------------*/
				$("#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'><a href='#' id='x-closebtn'>" + msg_close +"</a><div class='x-window'><div id='x-content'><img id='x-image' src='" + url + "' width='" + imageWidth + "' height='" + imageHeight + "' alt='' /><br /></div><div id='x-navigation'>" + x_Navigation + "</div></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>");
				/*------------- /content -------------*/

				/*------------- controls -------------*/
				$("#x-navigation").css({marginTop:(-1)*(imageHeight/2+17)});
				$("#x-navigation").css({width:imageWidth+'px'});
				$("#x-closebtn").click(x_remove);
			
				if (!(x_PrevHTML == "")) {
					function goPrevHTML(){
						$("#x-window").remove();
						$("body").append("<div id='x-window'></div>");
						$(document).unbind("keyup");
						x_show(x_PrevURL, imageGroup);
						return false;	
					}
			
					$("a#x-prev").click(goPrevHTML);
					$(document).keyup( function(e){ var key = e.keyCode; if(key == 37) goPrevHTML(); });
				}
				
				if (!(x_NextHTML == "")) {		
					function goNextHTML(){
						$("#x-window").remove();
						$("body").append("<div id='x-window'></div>");
						$(document).unbind("keyup");
						x_show(x_NextURL, imageGroup);						
						return false;	
					}

					$("a#x-next").click(goNextHTML);
					
					$(document).keyup( function(e){ var key = e.keyCode; if(key == 39) goNextHTML(); });
				}
				/*------------- /controls -------------*/
			
				$("#x-image").click(x_remove);
				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_remove() {
	$("#x-window").fadeOut("fast",function(){$('#x-window,#x-overlay,#x-hideselect').remove();});
	$("#x-load").remove();
	$(document).unbind("keyup");
	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){
		yScroll = document.body.scrollHeight;
	} else {
		yScroll = document.body.offsetHeight;
  	}
	$("#x-overlay").css("height",yScroll +"px");
	$("#x-hidehelect").css("height",yScroll +"px");
}

function x_loadPosition() {
	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_getPageScrollTop(){
	var yScrolltop;
	if (self.pageYOffset) {
		yScrolltop = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){
		yScrolltop = document.documentElement.scrollTop;
	} else if (document.body) {
		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;
}