$(document).ready( function() {
			$("#content a[@target='gallery']").bind( 'click', function() {
				var url = $(this).attr('href');
				openGallery( url );
				return false;
				
			});
		});

var currImage = 0;
var imageArr = new Array();
		function openGallery( url ) {
			var arrPageSize = ___getPageSize();
			var arrScroll = ___getPageScroll();
			if( !$('#curtain').get(0) ) {
				$('body').append( '<div id="curtain"></div><div id="image"></div>' );
				$('#curtain').css({position:'absolute',left:0,top:0,width:'100%',height:arrPageSize[1],background: '#000', color: '#fff',opacity:0,display:'block'});
			}
			$('#curtain').animate({ opacity: .5});
			$.get( url, function( data ) {
				tempArr = new Array();
				eval( data );
				if( tempArr.length > 0 ) {
					var i = 0;
					for( e in tempArr ) {
						imageArr[i] = new Array();
						imageArr[i]['src'] = tempArr[e]['src'];
						imageArr[i]['meta'] = tempArr[e]['meta'];
						i++;
					}
				}
				openImage(currImage);
			});
			
		}
		
		function openImage(n) {
			currImage = n;
			var arrPageSize = ___getPageSize();
			var arrScroll = ___getPageScroll();
			var preLoad = new Image();
			$('#image').css({ display: 'none' });
			if( $('#image .image-prev').get(0) ) { $('#image .image-prev').unbind('click'); }
			if( $('#image .image-next').get(0) ) { $('#image .image-next').unbind('click'); }
			if( $('#image .image-close').get(0) ) { $('#image .image-close').unbind('click'); }
			var randomizer = Math.round(Math.random() * 6);
			preLoad.src = imageArr[n]['src'];
			preLoad.onload = function() {
				imageWidth = preLoad.width;
				imageHeight = preLoad.height;
				var prevImage = ( currImage > 0 ) ? currImage - 1 : imageArr.length - 1;
				var nextImage = ( currImage < imageArr.length-1 ) ? currImage + 1 : 0;
				var prevImageLink = '<a href="#content" class="image-prev">prev</a>';
				var nextImageLink = '<a href="#content" class="image-next">next</a>';
				var pageNumbers = (currImage+1)+'/'+imageArr.length;
				var leftPos = parseInt(arrPageSize[0] / 2 - imageWidth / 2);
				var topPos = parseInt(arrPageSize[3] / 2 - (imageHeight+67) / 2 ) // + arrScroll[1]);
				if( topPos < 20 ) topPos = 20;
				$('#image').css( { width: imageWidth, height: imageHeight, left: leftPos, top: topPos });
				$('#image').html('<img src="'+preLoad.src+'" /><div class="image-meta"><p>'+imageArr[currImage]['meta']+'</p><div class="image-pages">'+pageNumbers+' | ' + prevImageLink + ' - ' + nextImageLink + '</div><div class="image-close"></div>');
				
				
				if( $('#curtain').height() < imageHeight + 87 ) $('#curtain').height( imageHeight + 87 );
				else {
					$('#curtain').css({height: arrPageSize[1] });
				}
				
				$('#image .image-prev').bind('click', function() { openImage(prevImage); });
				$('#image .image-next').bind('click', function() { openImage(nextImage); });
				$('#image .image-close').bind('click', function() { closeImage(); });
				
				$('#image').css({ display: 'block' });
			}
		}
		
		function closeImage() {
			currImage = 0;
			$('#image').remove();
			$('#curtain').fadeOut( 'fast', function() { $(this).remove() } );
		}
		
		
function ___getPageSize(){var xScroll,yScroll;if(window.innerHeight&&window.scrollMaxY){xScroll=window.innerWidth+window.scrollMaxX;yScroll=window.innerHeight+window.scrollMaxY;}else if(document.body.scrollHeight>document.body.offsetHeight){xScroll=document.body.scrollWidth;yScroll=document.body.scrollHeight;}else{xScroll=document.body.offsetWidth;yScroll=document.body.offsetHeight;}
var windowWidth,windowHeight;if(self.innerHeight){if(document.documentElement.clientWidth){windowWidth=document.documentElement.clientWidth;}else{windowWidth=self.innerWidth;}
windowHeight=self.innerHeight;}else if(document.documentElement&&document.documentElement.clientHeight){windowWidth=document.documentElement.clientWidth;windowHeight=document.documentElement.clientHeight;}else if(document.body){windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight;}
if(yScroll<windowHeight){pageHeight=windowHeight;}else{pageHeight=yScroll;}
if(xScroll<windowWidth){pageWidth=xScroll;}else{pageWidth=windowWidth;}
arrayPageSize=new Array(pageWidth,pageHeight,windowWidth,windowHeight);return arrayPageSize;}
function ___getPageScroll(){var xScroll,yScroll;if(self.pageYOffset){yScroll=self.pageYOffset;xScroll=self.pageXOffset;}else if(document.documentElement&&document.documentElement.scrollTop){yScroll=document.documentElement.scrollTop;xScroll=document.documentElement.scrollLeft;}else if(document.body){yScroll=document.body.scrollTop;xScroll=document.body.scrollLeft;}
arrayPageScroll=new Array(xScroll,yScroll);return arrayPageScroll;}