/**
 * slides plugin for jQuery
 * v1.0
 * play slides within the selected nodes.
 *
 * By lijiang 
 *
 * As featured on phonetell.com
 * Please use as you wish at your own risk.
 */

/**
 * Usage:
 *
 * From JavaScript, use:
 *     $(<#div>).slidePlay()
 *     where:
 *       <div> is the DOM node selector, e.g. "p"
 */

(function($) {
	$.fn.slidePlay = function(){
		this.each(function(){
			var element = this;
			var len = $("#"+ element.id + " #slides div").length;
			var x = 0;
			$( "#"+ element.id +" #total").text(len);
			$("#slides div:eq(0)").addClass("current");
			$("#slides div").each(function() {
				$(this).attr('rel', x);
				x++
			});

			$("#slides div").click(function() {
				var current = $("#slides .current");
				var next = parseFloat(current.attr('rel'))+1;
				if(next==len) {
					next = 0;
				}
				$("#num").text(parseFloat(next)+1);
				current.removeClass('current');
				$("#slides div").each(function() {
					if($(this).attr('rel')==next) {
						$(this).addClass('current');
					}
				});									

			});
			$("#"+ element.id +" #slide_next").click(function() {
				var current = $("#slides .current");
				var next = parseFloat(current.attr('rel'))+1;
				if(next==len) {
					next = 0;
				}
				$("#num").text(parseFloat(next)+1);
				current.removeClass('current');
				$("#slides div").each(function() {
					if($(this).attr('rel')==next) {
						$(this).addClass('current');
					}
				});									
			});
			$("#"+ element.id +" #slide_prev").click(function() {
				var current = $("#slides .current");
				var prev = parseFloat(current.attr('rel'))-1;
				if(prev<0) {
					return false
				}
				$("#num").text(parseFloat(prev)+1);
				current.removeClass('current');
				$("#slides div").each(function() {
					if($(this).attr('rel')==prev) {
						$(this).addClass('current');
					}
				});									
			});					
			});	
		}
})(jQuery)