var $j = jQuery.noConflict();

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

function openThumbnails() {
	if(thumbnails==='FALSE') {
		thumbnails = 'TRUE';
		$j("#remoteControl > .content").prepend("<div id='thumbnailBox'></div>");
		$j("#thumbnailBox").hide();
		$j(".imgThumb").each(function(index){
			$j("#thumbnailBox").append("<a class='thumbLink' href='" + index + "'><img src='" + $j(this).attr('src') + "' /></a>");
		});
		$j("#thumbnailBox > .thumbLink").bind("click", function(){
			startImage = Number($j(this).attr('href'));
			changeImage();
			return false;
		});
		$j("#thumbnailBox").animate({height:178},600);
	} else {
		thumbnails = 'FALSE';
		$j("#thumbnailBox").animate({height:0},600, function(){
			$j("#thumbnailBox").remove();
		});
	}
}

function removeShow() {
	$j("#imageContainer > img").fadeTo(300,0, function() {
		$j("#imageContainer").fadeTo(300,0, function() {
			$j(this).fadeTo(300,0, function() {
				$j("#imageContainer").stop();
				$j("#imageContainer > .full").stop();
				$j("#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 = $j(".imgDesc:eq("+startImage+")").html();
	newImageSource = $j(".imgFull:eq("+startImage+")").attr("src");
	newImageWidth = Number($j(".imgFull:eq("+startImage+")").width())+20;
	newImageHeight = Number($j(".imgFull:eq("+startImage+")").height())+20;
	$j("#imageContainer").prepend("<img src='" + newImageSource + "' class='new' />");
	$j("#imageContainer").animate({width:newImageWidth, height:newImageHeight},600);
	$j("#imageContainer > .full").fadeTo(600,0, function () {
		$j("#imageContainer > .full").remove();
		$j("#imageContainer > .new").addClass('full');
		$j("#imageContainer > .new").removeClass('new');
	});
}

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