/* so now here's all the fancy js nonsense we all have to put up with on a daily basis.
*/

/**
* Handmade slider
* Help from: http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/
**/

jQuery(document).ready(function(){
	var currentPosition = 1;
	var slideWidth = 640;
	var slides = jQuery('.slide');
	var numberOfSlides = slides.length;

	//remove scrollbar in JS
	jQuery('#slider').css('overflow', 'hidden');
	
	// Wrap all .slides with #slideInner div
	slides.wrapAll('<div id="slideInner"></div>')
	
	// Float left to display horizontally, readjust .slides width
	.css({
	'float' : 'left',
	'width' : slideWidth
	});
	
	// Set #slideInner width equal to total width of all slides
	jQuery('#slideInner').css('width', slideWidth * numberOfSlides);
	
	rotator = function(){
		rotate = function(){			
			if(jQuery('#slideInner').hasClass('reset')){
				currentPosition = 1;
				jQuery('#slideInner').animate({
					left: 0
				}, 500);
				jQuery('#slideInner').removeClass('reset');
			}
			else{
				jQuery('#slideInner').animate({
					left: -(slideWidth*currentPosition)
				}, 500 );
				currentPosition++;
			}
			
			if(currentPosition == numberOfSlides){
				jQuery('#slideInner').addClass('reset');
			}
		}
		rotate();
	}
	setInterval('rotator()',5000);
});