$.ajaxSetup({ cache: false });
function loadAlbum(v){
/*
	for(i =amount;i >= 0;i--){
		$("#category-"+i).delay((amount-i)*100).fadeOut(500);
 	}
 	*/
 	$(".loader").fadeIn(500);
 	$("#link1").fadeIn(500);
 	$(".ajax-loader").fadeOut(500,function(){
 	
 		$.ajax({
        type: "POST",
        data: 'album='+v,
        url: "http://" + window.location.host + "/engines/album-generator.php",
        complete: function(data) {
		//data.responseText 
		$(".ajax-loader").html(data.responseText);
		$(".loader").fadeOut(500);
		$(".ajax-loader").fadeIn(500,function(){
		amount  =  parseInt($('#album-count').attr('value'));
        	for(i =0;i < amount;i++){
        		//$("#image-"+i).delay(i*100).fadeIn(500);
        	}
        });
 	}
 	});
 	});
	
}

var amount = 0;

function loadCategories(){
$("#link1").fadeOut(500);
makeMagicalDissapear();
	$(".loader").fadeIn(500);
	$(".ajax-loader").fadeOut(500,function(){
		$.ajax({
        type: "POST",
        data: 'request=pictures',
        url: "http://" + window.location.host + "/engines/category-generator.php",
        complete: function(data) {
			//data.responseText 
			$(".ajax-loader").html(data.responseText);
			$(".loader").fadeOut(500);
			$(".ajax-loader").fadeIn(500,function(){
				amount  =  parseInt($('#category-count').attr('value'));
		
        		for(i =0;i < amount;i++){
        			$("#category-"+i).delay(i*100).fadeIn(500);
        		}
        	});}
		});
	});
}

var currentImage;

function goPrevImage(){
	var amount = parseInt($('#album-count').attr('value'));
	
	if(currentImage == 0){
		makeAppear($("#image-"+(amount-1)).attr("special"),amount-1);
	}else{
		makeAppear($("#image-"+(currentImage-1)).attr("special"),currentImage-1);
	}
}

function goNextImage(){
	var amount = parseInt($('#album-count').attr('value'));
	
	if(currentImage == amount-1){
		makeAppear($("#image-0").attr("special"),0);
		console.log(0);
	}else{
		makeAppear($("#image-"+(parseInt(currentImage)+1)).attr("special"),parseInt(currentImage)+1);
		console.log(currentImage+1);
	}
}

function makeAppear(v,ID){
	
	currentImage = ID;
	$('#larger').attr('src',''+v);
	$('.dimmer').fadeIn(500);
	
}

function makeMagicalDissapear(){
	$('.dimmer').fadeOut(500);
}

$(document).ready(function() {
  // Handler for .ready() called.
  loadCategories();
});