jQuery.easing.def = "easeInOutQuad";
	var animationspeed = 850;
	var imageDelay = 10000;
	var imageWidth = 0;
	var nextImagePos = 0;
	var imagePositionArray = new Array;
	imagePositionArray[0] = 0;
	var intervalTimer = "";
	var imageAmount = 0;
	var topLevelIndex = 0;
	var nextLevelIndex = 0;
	
	
	var slideShowPos = 1;
	var oldSlideShowPos = 0;	
	var newPos = 0;

	$(document).ready(function() {
		$("div.thumbnail").mouseover(function() {
			if($(this) ==  $('.thumbnail:eq('+(slideShowPos)+')')) {
				$(this).removeClass('thumb_active').addClass('thumb_over');
			} else {
				$(this).removeClass('thumb_inactive').addClass('thumb_over');
			}
		}).mouseout(function(){
			if($(this) ==  $('.thumbnail:eq('+(slideShowPos)+')')) {
				$(this).removeClass('thumb_over').addClass('thumb_active');
			} else {
				$(this).removeClass('thumb_over').addClass('thumb_inactive');
			}
		});

		$("div.thumbnail").click(function() {
			
			
			
			$('div.outerdisplay:eq('+oldSlideShowPos+')').stop(true, true);
			
			
			
			clearInterval(intervalTimer);
			var index = $("div.thumbnail").index(this);
			$('.thumbnail').removeClass('thumb_active').addClass('thumb_inactive');
			$('.thumboverlay').removeClass('thumboverlay_active').addClass('thumboverlay_inactive');
			slideShowPos = index;
			nextImage();
			if($("div.controls").hasClass('pause_nml')){
				intervalTimer = setInterval(nextImage, imageDelay);
			}
		});
		
		$("div.controls").mouseover(function() {
			if($(this).hasClass('pause_nml')){
				$(this).removeClass('pause_nml').addClass('pause_ovr');
			} else {
				$(this).removeClass('play_nml').addClass('play_ovr');
			}
		}).mouseout(function(){
			if($(this).hasClass('pause_ovr')){
				$(this).removeClass('pause_ovr').addClass('pause_nml');
			} else {
				$(this).removeClass('play_ovr').addClass('play_nml');
			}
		});
	  

		$("div.controls").click(function() {
										 
										
			if($(this).hasClass('pause_ovr')){
				clearInterval(intervalTimer);
				$(this).removeClass('pause_ovr').addClass('play_ovr');
			} else {
				nextImage();
				intervalTimer = setInterval(nextImage, imageDelay);
				$(this).removeClass('play_ovr').addClass('pause_ovr');
			}		
		});

		$('.thumbnail:eq(0)').removeClass('thumb_inactive').addClass('thumb_active');
		$('.thumboverlay:eq(0)').removeClass('thumboverlay_inactive').addClass('thumboverlay_active');
		
		
		$('.thumbnail').each(function(index) {
			imageAmount = index;
			topLevelIndex = index+2;
			nextLevelIndex = index+1;
			
			//alert(nextLevelIndex)
		});
		
		
		$('.outerdisplay').each(function(index) {
			$(this).css('opacity', 0);
			
			$('.outerthumbnails').css('z-index', index+3);
			$('.controls').css('z-index', index+4);
			//alert($(this).css('z-index'));
			imageWidth = $(".outerslideshow").width();
			nextImagePos += imageWidth;
			imagePositionArray.push(nextImagePos);
			//$(".outerdisplay:eq("+index+")").css("left", imagePositionArray[index]);
		});
		$('div.outerdisplay:eq(0)').css('z-index', topLevelIndex).css('opacity', 1);

		function nextImage() {
			newPos = -(imagePositionArray[slideShowPos]);
			$('div.outerdisplay:eq('+oldSlideShowPos+')').css('z-index', topLevelIndex);
			$('div.outerdisplay:eq('+slideShowPos+')').css('z-index', nextLevelIndex).css('opacity', 1);
			//alert($('div.outerdisplay:eq('+oldSlideShowPos+')').css('z-index'))
			$('div.outerdisplay:eq('+oldSlideShowPos+')').animate({
				//left: newPos
				opacity: 0
			}, animationspeed, function() {
				$(this).css('z-index', -1);
				
				//alert(oldSlideShowPos);
				if(slideShowPos < imageAmount){
					oldSlideShowPos = slideShowPos;
					slideShowPos++;
				} else {oldSlideShowPos = slideShowPos; slideShowPos=0;}
				
				
			 });

			 $('.thumboverlay').removeClass('thumboverlay_active').addClass('thumboverlay_inactive');
			 $('.thumboverlay:eq('+(slideShowPos)+')').removeClass('thumboverlay_inactive').addClass('thumboverlay_active');			 
			 $('.thumbnail').removeClass('thumb_active').addClass('thumb_inactive');
			 $('.thumbnail:eq('+(slideShowPos)+')').removeClass('thumb_inactive').addClass('thumb_active');
		}
		intervalTimer = setInterval(nextImage, imageDelay);
	 });