$(document).ready(function(){
	var currentPosition = 0;
	var slideWidth = 980;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	// Wrap all .slides with #slideInner div
	// Float left to display horizontally, readjust .slides width
	slides.wrapAll('<div id="slideInner"></div>').css({'float':'left','width':slideWidth});
	// Set #slideInner width equal to total width of all slides
	$('#slideInner').css('width', slideWidth * numberOfSlides);
	// Hide left arrow control on first load
	manageControls(currentPosition);
	// Create event listeners for .controls clicks
	$('.control').bind('click', function(){
		clearInterval(interval);
		// Determine new position
		currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
		// Hide / show controls
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#slideInner').animate({'marginLeft':slideWidth*(-currentPosition)});
		interval = setInterval("playMe()",9000);
	});
	// manageControls: Hides and Shows controls depending on currentPosition
	function manageControls(position){
		// Hide left arrow if position is first slide
		if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
		// Hide right arrow if position is last slide
		if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
	}
	$("#leftControl").hover(function() {
		$(this).css("background","transparent url(themes/Default/slide_button_left_mo.png) no-repeat 0 0");
	},function() {
		$(this).css("background","transparent url(themes/Default/slide_button_left.png) no-repeat 0 0");
	});
	$("#rightControl").hover(function() {
		$(this).css("background","transparent url(themes/Default/slide_button_right_mo.png) no-repeat 0 0");
	},function() {
		$(this).css("background","transparent url(themes/Default/slide_button_right.png) no-repeat 0 0");
	});
	
	playMe = function () {
		if(currentPosition+1==numberOfSlides) {
			currentPosition=0;
		}
		else {
			currentPosition=currentPosition+1
		}
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#slideInner').animate({'marginLeft':slideWidth*(-currentPosition)});
	}
	
	interval = setInterval("playMe()",7000);
});

