/* Jay Lee */

(function($){
	$.fn.tabSlider = function(options){
		var defaults = {
			width: 600,
			height: 400,
			speed: 1000
		}
		var options = $.extend(defaults, options); 
		return this.each(function(){
			var obj = $(this);
			var n = $("li", obj).length;
			setCss(obj, n);
			$("li:first", obj).addClass("activetab");
			$("li", obj).click(function(){
				$(this).parent("ul").find("li").removeClass("activetab");
				$(this).addClass("activetab");
				qIndex = $('li', obj).index($(this));
				animate(qIndex);
			});
		});
		function setCss(obj, n){
			$(obj).css({
				width: options.width+"px",
				height: options.height+"px",
				display: "block",
				overflow: "hidden"
			});
			$("#tabslidercontent > div").css({
				width: options.width+"px",
				height: options.height+"px",
				display: "block",
				"float": "left",
				clear: "none"
			});
			$("li", obj).css({
				"float": "left",
				clear: "none",
				cursor: "pointer"
			});
			$("#tabslidercontent").css({
				width: options.width*n+"px",
				clear: "both",
				"float": "left"
			});
		};
		function animate(dir){
			var marginleft = options.width*dir*-1 
			$("#tabslidercontent").animate({
				marginLeft: marginleft
			}, options.speed);
			console.log(dir);
		}
	};
})(jQuery);