var img;
$(window).load(function() {
	createSlideshow();
});



function createSlideshow() {
	$('body').prepend('<div id="slider-back"></div><div id="slider-out"><div id="slider-jq"></div></div>');
	$('#slider-back').hide();
	$('#slider-out').hide();
	$('#slider-back').height($('body').height()+40);
	
	var photoCount = $('a:.jql').size();
	var elements = new Array();
	
	var scrollTop = $(window).scrollTop();

	$('a:.jql')
	.each(function(index){
		this.index = index;
		elements.push($(this));
	})
	.click(function() {	
		var img = new Image();
		
		var scrollTop = $(window).scrollTop();
		
		$('#slider-out').css('top', scrollTop+10);
		
		$('#slider-back').show();
		$('#slider-out').show();
		$('#slider-jq').html('');
		var title = this.title;
		var index = this.index;
		
		$(img)
			.hide()
			.load(function () {
				var leftArr = null;
	
				if (index > 0) {
					var leftArr = $('<a style="cursor:pointer;float:left;">&laquo; poprzednie</a>');
					$(leftArr).attr("class","arr_l");	
					$(leftArr).click(function(){
						elements[index-1].click();
					});
				}
				var rightArr = null;
				if (index < photoCount-1) {
					var rightArr = $('<a style="cursor:pointer;float:right;">następne &raquo;</a>');
					$(rightArr).attr("class","arr_r");
					$(rightArr).click(function(){
						elements[index+1].click();
					});
				}
				
				$('#slider-jq').append(this);
				
				var desc = $("<span class=\"slider-desc\"></span>");
				
				$(desc).append($(leftArr));
				$(desc).append($(rightArr));
				
				$('#slider-jq').animate({
				    height: $(this).height()+20,
				    width: $(this).width()
				  }, 500, function() {
					  $(img).fadeIn("slow");
					  $(desc).append(title);
					  $('#slider-jq').append($(desc));
				  });
				
			})
			.attr('src', this.href)
			.click(function(){
				$('#slider-back').hide();
				$('#slider-out').hide();
			});
			return false;
	});
}