//	DSlider jQuery slider.						//
//	Visit Dimics.com for the tutorial about this slider.	//

$(document).ready(function(){
	var slides = $(".slide").length;					//counts the number of slides there are
	var slideWidth = $(".slide").outerWidth();			//gets the width of a slide
	var currentSlide = 1;						//keeps track of the slide thats visible
	var leftMax = slideWidth * -1 * slides + slideWidth;	//gets the maximum ammount of animation (for navigating to last slide)
	
	$("#slides").css({"width" : slides * slideWidth});	//sets the with of the slides div, so you can make as many slides as you want
	
	$("#buttonPrev").click(function(){								//when buttonPrev is clicked start the function
		if (currentSlide == 1)									//when the first slide is selected, we want to animate to the last slide
		{
			$("#slides").animate({left : + leftMax + "px"}, 600);			//animate to the last slide, to the maximum animation
			currentSlide = slides;								//update the currentSlide variable to last slide
		}
		else												//if the current slide is not one we want to go one slide back
		{
			$("#slides").animate({left : "+=" + slideWidth + "px"}, 600);		//animate one time the slideWidth back
			currentSlide = currentSlide - 1;						//update currenSlide variable
		};
	});
	
	$("#buttonNext").click(function(){								//when buttonNext is clicked start the function
		if (currentSlide == slides)								//when the last slide is selected we want to animate to the first slide
		{
			$("#slides").animate({left : "0px"}, 600);					//animate to the minimun left, 0, get back to the start position
			currentSlide = 1;									//set currentSlide variable to 1
		}
		else 												//if the current slide is not the last slide we want to go forward one slide
		{
			$("#slides").animate({left : "-=" + slideWidth + "px"}, 600);		//animate one time the slide forward
			currentSlide = currentSlide + 1;						//update currentslide variable
		};
	});
	
});