$(window).load(function(){

	$('#th-gallery').jScrollPane({
			showArrows:true,
			scrollbarWidth:10,
			arrowSize:10,
			reinitialiseOnImageLoad: true
			});

	       var param = location.href.split("/");
	       var dir  = param[4];
	       
	      
	      $.ajax({
	      		type: "GET",
	      		url: "http://www.ajephotography.com/ajax/get-text.php?title=" + dir,
	      		success: function(html){
   				 $("#gallery-text").append(html).fadeIn('1000');
  			}

		 });
	      
	      
	      $.getJSON("http://www.ajephotography.com/ajax/get-images.php?directory=" + dir,
	        	function(json){
				$('.holder').html('');
	        		$.each(json, function(i) {
			  		var imgsrc = json[i];				
					$('<img />').attr({src: 'http://www.ajephotography.com/galleries/'+dir+'/'+imgsrc,alt:imgsrc,id:"img"+i})
											.css({"display":"none","position":"absolute","z-index":"1","top":"0px","left":"0px"})
											.appendTo('#main-image');
					
					var thumb = $('<img />').attr({src: 'http://www.ajephotography.com/galleries/'+dir+'/th_'+imgsrc,id:"th"+i,width:"100",height:"67"});
					thumb.css({"display":"none"}).appendTo('#hidden-th');
					$('#th'+i).clone().load(function() {
			  						$('.holder:eq('+i+')').css({"background":"#444444"});
			  						$(this).fadeIn(500);
			  						}).appendTo('.holder:eq('+i+')');


			 		});		

			})


function Leading(i) {
	num = i+1;
	if (num <= 9)
 		num = '0'+num;
 		return num;
}


function infoDisplay(t) {
	var d = Leading(t);
	var l = $('#th-gallery').children().length;
	var l = l-1;
	var l = Leading(l)
	$('#th-gallery-info').html(d+"/"+l).fadeIn(3000);
	$('#imgnum').text(d);
	$('#tracker').val(t);
	$('#th-gallery img').removeClass("active");
	$('.holder:eq('+t+') img').addClass("active");
}



function fadeTrans(i) {
	var f = $('img.current');
	var t = $('#img'+i);
	var l = $('#th-gallery').children().length;
	
	var imagew = $('#img'+i).width();
	var imageh = $('#img'+i).height();
	
	if (imageh >= imagew) {
		var pad = (600 - imagew) / 2; 
		pad = Math.round(pad);
		t.css({"left":pad+"px"});
	}
	
	$('#gallery-text').fadeOut('1000');
	$('#gallery-text').remove();
	$('#gallery-control').fadeIn('1000');

	if (f.attr("id") == t.attr("id")) {
		return false;
	}

	t.fadeIn(1000);
	f.fadeOut(1000, function() {
		f.css({"z-index":"1","display":"none"});
		f.removeClass("current");
	});

	t.css({"z-index":"2"});
	t.addClass("current");	
	
}

var l = $('#th-gallery').children().length;

infoDisplay(0);




		$('#th-gallery img').live("click",function() {
			var i = $('#th-gallery img').index(this);
			fadeTrans(i);
			infoDisplay(i);

		});


		$('#forward-arrow').bind("click", function() {
				var i = $('#tracker').val();
				i++;
				if (i == l) i =0;
				fadeTrans(i);
				infoDisplay(i);
		});



		$('#back-arrow').bind("click", function() {
				var i = $('#tracker').val();
				i--;
				if (i == -1) i = l-1;
				fadeTrans(i);
				infoDisplay(i);
		});



});