var hypes = [];

jQuery.fn.getHyper = function() {	
    var hypers = this;
    
    $(hypers).each(function(i){
        hypes[i] = [this.href];
    })
}



jQuery.fn.gallery = function(s,slideshow,styling) {	
		var gallery = this;
		var img = [];
		var currentImage = 0;
		var speed = 1000; if(s) speed = parseInt(s,10);
		var ssOption = '<li><a href="#" id="playstop" title="Play/Stop SlideShow">&nbsp;</a></li>';
		var take = 0;
		if(slideshow==undefined) {
			slideShowSpeed = speed*3.5;
		} else if(slideshow) {
			slideShowSpeed = slideshow;
		} else if (!slideshow) {
			ssOption = '';
			take = 1;
		}
		var galleryStructure = '<div id="img-gallery"><a class="img-hyp" href=""><img style="display:none"/></a><ul>'+ssOption+'</ul></div>';
		var started = false;

		$(gallery).each(function(i){
			$(this).hide();
			img[i] = [this.src,this.alt,$(this).attr('longdesc')];
			this.onload = function(){
		
				$(this).remove();
			}
			gallery[gallery.length-1].onload = function(){
				$(this).remove();
				start();
				started = true;
			}
			setTimeout(function(){
				if(!started) start();
			},2000)
		})
		function start(){
			// EDITABLE:
			$('#homeFlash').prepend(galleryStructure); // DESTINATION OF GALLERY (YOU CAN CHANGE THIS)
			// --------
			
			$(img).each(function(i){
				$('#img-gallery ul').append('<li><a href="#img' + (i + 1) + '"></a></li>');
			})
			changeImage(0);
			
			$('#img-gallery ul a:not(#playstop)').click(function(){
				var imgToLoad = $(this).attr('href');
				imgToLoad = imgToLoad.split('#');
				imgToLoad = parseInt(imgToLoad[1].substr(3)) - 1;
				changeImage(imgToLoad);
				if(window['ssr']) $('#img-gallery ul a#playstop').click();
				return false;
			})
			
			

			$('#img-gallery ul a#playstop').toggle(
				function(){
					if(gallery.length > 1){
						$(this).toggleClass('stop');
						stopSlideShow();
						return false;
					}
					else{
						$(this).toggleClass('stop');
						startSlideShow();
						return false;
					}
				},
				function(){
					if(gallery.length >1){
						$(this).toggleClass('stop');
						startSlideShow();
						return false;
					}
					else{
						$(this).toggleClass('stop');
						stopSlideShow();
						return false;	
					}
				}
				
			);
			
			if(gallery.length > 1){
				$('#img-gallery ul a#playstop').toggleClass('stop');
				startSlideShow();
			}
			
			function changeImage(n, callback){
			    currentImage = n;
				$('#img-gallery #img-description').fadeOut(speed / 5);
				$('#img-gallery img').fadeOut(speed / 5, function(){
					var originalWidth = $('#img-gallery img').width();
					$('#img-gallery img').attr('src', img[n][0]).attr('alt', img[n][1]);
					$('#img-gallery a.img-hyp').attr('href', hypes[n]);
					var width = $('#img-gallery img').width();
					var height = $('#img-gallery img').height();
					if (width == originalWidth) { fadeInAll(); } else { animate(); }
					function animate(){
						$('#img-gallery ul').fadeOut(speed / 2, function(){
							$('#img-gallery').animate({
								width: width,
								height: height
							}, speed / 2, function(){
								fadeInAll(true)
							})
						})
					}
					function fadeInAll(fromAnimate){
						var localSpeed = speed;
						if (!fromAnimate) 
							localSpeed = speed / 2;
						$('#img-gallery #img-description').html('<p>' + img[n][2] + '</p>');
						$('#img-gallery #img-description').fadeIn();
						$('#img-gallery img').fadeIn(localSpeed / 2);
						$('#img-gallery ul').fadeIn(localSpeed / 2);
						$('#img-gallery ul a:eq(' + (n + 1 - take) + ')').addClass('active');
						if (callback) callback();
						if (styling) styling();
						
					}
					
				})
				$('#img-gallery ul a').removeClass('active');
				
				if (img[n][2] == undefined) {
					$('#img-gallery #img-description').hide();
				}
				else {
					$('#img-gallery #img-description').show();
				}
				
			}
			function startSlideShow(){
			
//				var imgToLoad = $('#img-gallery ul a.active:eq(0)').attr('href');
//				imgToLoad = imgToLoad.split('#');
//				window['ssr'] = true;
//				imgToLoad = parseInt(imgToLoad[1].substr(3));

                // STRART THE IMAGES SLIDE SHOW USING A VARIABLE RATHER THAN ACTIVE CLASS
                
				
				imgToLoad = currentImage;
				
				
				if (imgToLoad == gallery.length) {imgToLoad = 0;}
				
				window['galleryTimeout'] = setTimeout(function(){startSlideShow()}, slideShowSpeed)
				
				changeImage(imgToLoad, function(){
					eval(galleryTimeout);
					
				});
				currentImage++;
			}
			function stopSlideShow(){
				window['ssr'] = false;
				clearTimeout(eval(galleryTimeout));
			}
		}
}