// JavaScript Document
this.slideshow = function(obj) {	
		//var obj = $("#slides");
		var s = $("li", obj).length; //Number of li's
		//var w = 170 //set your own width
		var w = obj.width(); //width of #slides div
		var ts = s-1;s
		var t = 0;
		$("#slidecontainer", obj).css("width",s*w);
		$(obj).parent().append("<span class=\"prev\"><a href=\"javascript:void(0);\">Previous</a></span> <span class=\"next\"><a href=\"javascript:void(0);\">Next</a></span>");
		
		$(".prev a", obj.parent()).hide();
		$(".next a", obj.parent()).click(function(){		
			animate("next");
			if (t>=ts) $(this).fadeOut();
			$(".prev a", obj.parent()).fadeIn();
		});
		$(".prev a", obj.parent()).click(function(){		
			animate("prev");
			if (t<=0) $(this).fadeOut();
			$(".next a", obj.parent()).fadeIn();
		});	
		this.animate = function(dir){
			if(dir == "next"){
				t = (t>=ts) ? ts : t+1;	
			} else {
				t = (t<=0) ? 0 : t-1;
			};		
			p = (t*w*-1);	
			$("#slidecontainer",obj).animate(
				{ marginLeft: p }, 
				800
			);	
		};
		animate("prev");
		//$(".prev a", obj.parent()).fadeIn();
};