$(document).ready(function(){
	var opts ={
	slides: ".quote",
	prev: ".prev",
	next: ".next",
	slidesContainer: "#slidesContainer",
	wrapper: "#slidesWrapper",
	wrapperWidth: "299px"
	}
	var curr = 0;
	var maxi = $(opts.slides).length;
	$('<div id="controls"><p class="prev">prev</p><p class="next">next</p></div>').insertBefore(opts.wrapper);
	$('<div id="indicator">'+ (curr+1) + ' of ' + maxi + '</div>').insertAfter("#controls");
	var addinc = function (curr) {
	curr > maxi ? curr = 0 : curr;
	$("#indicator").html((curr+1) + ' of ' + maxi);
	}
	var subtractinc = function (curr) {
	curr < 0 ? curr = maxi - 1 : curr;
	$("#indicator").html((curr+1) + ' of ' + maxi);
	}
	$(opts.next).click(function(){ 
			if (curr < maxi - 1) {
			curr++;
			addinc(curr);
			$(opts.slidesContainer).animate({
			marginLeft: "-=" + $(opts.slides).width()
			});
		}
		else {
			$(opts.slidesContainer).animate({
			marginLeft: "+=" + ((maxi - 1) * $(opts.slides).width())
			}, 1500);
			addinc(curr = maxi+1);
			curr = 0;
		}//alert("curr: " + curr);
	});	
	$(opts.prev).click(function(){
		if (curr > 0) {
			curr--;
			$(opts.slidesContainer).animate({
			marginLeft: "+=" + $(opts.slides).width()
			});
			subtractinc(curr);
		}
		else {
			$(opts.slidesContainer).animate({
			marginLeft: "-=" + ((maxi - 1) * $(opts.slides).width())
			}, 1500);
			subtractinc(curr = (-1));
			curr = maxi - 1;
		}	 
	});
	$(opts.slidesContainer).css({
		'width': '9999' + "em"
	});	
	$(opts.slides).css({
		'float'	 : 'left'
	});	
	$(opts.wrapper).css({
		'overflow': 'hidden'
	});
});