var startImage = 0;
var allImages = 0;
var newImageDesc = '';
var newImageSource = '';
var newImageWidth = 0;
var interval = 'FALSE';
var thumbnails = 'FALSE';

function removeShow() {
	$("#imageContainer > img").fadeTo(300,0, function() {
		$("#imageContainer").fadeTo(300,0, function() {
			$(this).fadeTo(300,0, function() {
				$("#imageContainer").stop();
				$("#imageContainer > .full").stop();
				$("#galleryContainer").remove();
				window.clearInterval(interval);
				thumbnails = 'FALSE';
			});
		});
	});
}

function nextSlide() {
	startImage++;
	if(startImage==allImages.length) {
		startImage = 0;
	};
	changeImage();
}

function previousSlide() {
	startImage--;
	if(startImage<0) {
		startImage = allImages.length-1;
	};
	changeImage();
}

function changeImage() {
	newImageDesc = $(".imgDesc:eq("+startImage+")").html();
	newImageSource = $(".imgFull:eq("+startImage+")").attr("src");
	newImageWidth = Number($(".imgFull:eq("+startImage+")").width())+20;
	newImageHeight = Number($(".imgFull:eq("+startImage+")").height())+20;
	$("#imageContainer").prepend("<img src='" + newImageSource + "' class='new' />");
	$("#imageContainer").animate({width:newImageWidth, height:newImageHeight},600);
	$("#imageContainer > .full").fadeTo(600,0, function () {
		$("#imageContainer > .full").remove();
		$("#imageContainer > .new").addClass('full');
		$("#imageContainer > .new").removeClass('new');
	});
}

$(document).ready(function() {
	$(".slideshowlink").bind("click", function(){
		$(document).keyup(function(e) {
			if (e.keyCode == 27) { removeShow(); } 
		});
		var triggerImage = this.id;
		interval = 'FALSE';
		startImage = Number(triggerImage.replace('trigger',''));
		allImages = $(".imgFull");
		var startImageDesc = $(".imgDesc:eq("+startImage+")").html();
		var startImageSource = $(".imgFull:eq("+startImage+")").attr("src");
		var startImageWidth = Number($(".imgFull:eq("+startImage+")").width())+20;
		var startImageHeight = Number($(".imgFull:eq("+startImage+")").height())+20;
		$("body").prepend("<div id='galleryContainer'><div id='galleryMask'></div></div>");
		$("#galleryMask").hide();
		$("#galleryMask").bind("click", function() {
			removeShow();
		});
		$("#galleryMask").fadeTo(600,0.8, function(){
			$("#galleryContainer").append("<div id='imageContainer'></div>");
			$("#imageContainer").append("<img src='" + startImageSource + "' class='full' />");
			$("#imageContainer > .full").hide();
			$("#imageContainer").append("<div id='remoteControl'><div class='background'><!--//TRANSPARENT//--></div><div class='content'><!--//<div class='desc'>" + startImageDesc + "</div>//--><div class='buttons'><div class='slideShowSeparator'></div><div id='playSlideShow'></div><div class='slideShowSeparator'></div><div id='slideBefore'></div><div id='slideAfter'></div><div class='slideShowSeparator'></div><div id='closeContainer'></div></div></div>");
			$("#imageContainer").animate({width:startImageWidth,height:startImageHeight},600);
			$("#imageContainer > .full").fadeTo(600,1);
			$("#closeContainer").bind("click", function() {
				removeShow();
			});
			$("#playSlideShow").bind("click", function() {
				if(interval==='FALSE') {
					$("#playSlideShow").css("background","url(fileadmin/new/images/stop.gif) no-repeat center center");
					interval = setInterval(nextSlide, 3000);
				} else {
					$("#playSlideShow").css("background","url(fileadmin/new/images/play.gif) no-repeat center center");
					window.clearInterval(interval);
					interval = 'FALSE';
				}
			});
			$("#slideAfter").bind("click", function() {
				if(interval!=='FALSE') {
					$("#playSlideShow").css("background","url(fileadmin/new/images/play.gif) no-repeat center center");
					window.clearInterval(interval);
					interval = 'FALSE';
				}
				$("#imageContainer").stop();
				$("#imageContainer > .full").stop();
				nextSlide();
			});
			$("#slideBefore").bind("click", function() {
				if(interval!=='FALSE') {
					$("#playSlideShow").css("background","url(fileadmin/new/images/play.gif) no-repeat center center");
					window.clearInterval(interval);
					interval = 'FALSE';
				}
				$("#imageContainer").stop();
				$("#imageContainer > .full").stop();
				previousSlide();
			});
		});
		return false;				
	});
});