//#imgBlock

var gallery = {
	url : "ajax.ashx",
	imgBlock : null,
	lightBox : null,
	lightBoxCont : null,
	lightBoxNav : null,
	curView : "thumb",
	curImages : [ ],
	
	aboutPage : function(){
		gallery.imgBlock.load(gallery.url + "?a=2");
	},
	
	showPage : function(sTag, iPage)
	{	
		if(typeof(sTag) == "undefined") sTag = "";
		if(typeof(iPage) == "undefined") iPage = 0;
		$.ajax({ url : this.url,
				data : { a : 1, t : sTag, p : iPage },
				dataType : "json",
				success : function(o){					
					gallery.curImages = o;
					var x = $("<div></div>");
					for(var i=0; i < o.length; i++){
						x.append("<div class='ThumbFrame'><img src='art/thumbnails/" + o[i] + "' onclick=\"gallery.showImage(" + i + ");\" /></div>");
						}					
					
					gallery.imgBlock.empty().append(x);
					if(gallery.curView != "thumb")
						gallery.showImage(-1);
					}
					
			  });
	},
	
	showImage : function(iIndex){		
		if(typeof(gallery.curImages[iIndex]) == "undefined"){
			if(gallery.curView != "thumb"){
				gallery.curView = "thumb";
				gallery.lightBoxCont.hide();
				gallery.imgBlock.show();
			}
		} else {
			gallery.lightBox.html("<img src=\"art/" + gallery.curImages[iIndex] + "\" />");
			gallery.lightBoxNav.empty();
			iIndex = parseInt(iIndex);
			
			if(iIndex > 0)
				gallery.lightBoxNav.append("<a href='javascript:void(0);' onclick='gallery.showImage(" + (iIndex - 1)  + ");' ><img src='prev.png' title='Previous Image' /></a>");
			if((iIndex > 0) && (iIndex < gallery.curImages.length))
				gallery.lightBoxNav.append(" &nbsp; ");
			if(iIndex < gallery.curImages.length)
				gallery.lightBoxNav.append("<a href='javascript:void(0);' onclick='gallery.showImage(" + (iIndex + 1)  + ");' ><img src='next.png' title='Next Image' /></a>");
			if(gallery.curView == "thumb"){
				gallery.curView = "single";
				gallery.lightBoxCont.show();
				gallery.imgBlock.hide();
			}
		}
	}
}


$(document).ready(function(){
	gallery.imgBlock = $("#imgBlock");
	gallery.lightBox = $("#lightBox");
	gallery.lightBoxCont = $("#lightBlock");
	gallery.lightBoxNav = $("#lightBoxNav");
});