/* global variables */
	var numberOfImages = 0;
	var currentImage = 1;
	var currentMargin = 0;
	var originalSlideAmount = 691; //px
	var currentSlideAmount = 0;
	var currentSlideNumber = 0;
	var prevSlideNumber = 0;
	var sliderWidth = 0;	
	
	/*
	
		name: doSlide()
		params: NONE
		scope: public
		return: NULL
		desc: performs the actual slide animation
		
	*/
	$.fn.doSlide = function() {

		// slide to the right
		// my taking off the slide amount from the margin
		if ( currentSlideNumber > prevSlideNumber ) {
			
			currentMargin = currentMargin - ( ( currentSlideNumber * originalSlideAmount ) -( originalSlideAmount * prevSlideNumber )  );
			
		} else if ( currentSlideNumber < prevSlideNumber ) {
			
			currentMargin = currentMargin + ( ( originalSlideAmount * prevSlideNumber ) - ( currentSlideNumber * originalSlideAmount ) );
			
		}


		
		$("#slider").animate ({

			marginLeft: currentMargin + "px"

		}, 1000);
		
		// Set prev slide number
		prevSlideNumber = currentSlideNumber;
	

	}
	
	$.fn.slideReset = function() {
		
		currentMargin = ( currentMargin + sliderWidth ) - ( originalSlideAmount + 50 );
		
		$("#slider").animate ({
			marginLeft: currentMargin + "px"
        }, 1000, 'easeOutElastic' );

		prevSlideNumber =0;
		currentSlideNumber = 0;
		
	}
		
	/* document ready state */
	$(document).ready ( function() {
				
		
		// count the number of slides we are using
		$("#slider").find ( "SLIDER_ITEM" ).each ( function(i) {
															
			numberOfImages++;
			
		});
		
			//alert ("Number Of Images: " + numberOfImages );
		
		// Work out the full slider width
		// which would be: the slide amount * the number of images + 50
		sliderWidth = ( originalSlideAmount * numberOfImages ) + 50;
					
		// Set slider width
		$("#slider").css ({width:sliderWidth + "px"});

		// Check for a slide link to be clicked
		$("#SLIDER_LINKS a").click ( function() {
											  
			// get the link ID 
			var linkID = $(this).attr ( 'id' );
			
			// split the id to get slide number
			var slideNumberArray = linkID.split ( '_' );
				currentSlideNumber = slideNumberArray[1];
				
			
			// Run the slide
			$.fn.doSlide();
			
			
		});
		
		// chec for prev and next
		$("#PREVIOUS_LINK").click ( function() {

			if ( currentSlideNumber > 0 ) {
				
				currentSlideNumber = currentSlideNumber - 1;
				
				$.fn.doSlide();

			}
			
			
		});
		
		$("#NEXT_LINK").click ( function() {

			if ( currentSlideNumber < ( numberOfImages - 1 ) ) {
				
				currentSlideNumber++;
			
				$.fn.doSlide();
				
			} else {
				
				$.fn.slideReset();
				
			}
			
		});
		
	});