// Gallery JS
// by ejik ;)

// global vars
var showedPhoto;
var preloaderImg = new Image();
preloaderImg.src = 'http://ejik.eu/gfx/activityIndicator.gif';

function arrows() {
	var prevPhoto = $(showedPhoto).prev(".thumb");
	var nextPhoto =  $(showedPhoto).next(".thumb");
	if ($(prevPhoto).length == 0) {
		$("#ph_prev").hide();
	} else {
		$("#ph_prev").show();
	}
	if ($(nextPhoto).length == 0) {
		$("#ph_next").hide();
	} else {
		$("#ph_next").show();
	};
};

function showPhoto(target) {
	showedPhoto = target;
	arrows(); 
	
	if (!($(target).hasClass("showed"))) $(target).addClass("showed");
	$thumbs.not(target).removeClass("showed");
	
	var photoLink = $(target).attr("href");
	function loadImage() {
	  var image = new Image();
	  $("#preloader").show();
	  image.onload = function() {
		  $("#preloader").hide();
		  $phPlaceHolder.prepend('<img src="' + image.src + '" alt="" />');
		  $phPlaceHolder.children('img').fadeIn(800);						  
	  };
	  image.src = photoLink;
	};
	
	if ($phPlaceHolder.children("img").length > 0) {
			$phPlaceHolder.children().not("#ph_prev, #ph_next").fadeOut(250, function() {
																				   $(this).remove();
																				   loadImage();
																				 });
	} else {
		loadImage();		
	};
};

$(document).ready(function() {
	

	$phPlaceHolder = $("#photos");
	$thumbs = $(".thumb");
	
	$phPlaceHolder.append('<div id="ph_prev" title="Previous image"></div>').append('<div id="ph_next" title="Next image"></div>');
	
	showPhoto($thumbs.eq(0));
	
	
	//events
	$thumbs.click(function() {
						   showPhoto(this);
						   return false;
						   });
	
	
	$("#ph_prev").click(function() {
		var prevPhoto = $(showedPhoto).prev(".thumb");
		if ($(prevPhoto).length > 0) showPhoto(prevPhoto);
	});
	$("#ph_next").click(function() {
		var nextPhoto =  $(showedPhoto).next(".thumb");
		if ($(nextPhoto).length > 0) showPhoto(nextPhoto);
	});
	
});