$(function(){
	$.fn.slider = function(option){
		var defaults = {
					clsName:option.clsName
				};
		if(defaults.clsName){
			clsName=defaults.clsName;
		}else{
			clsName="slideBox";
		}
		var obj = $(this);
		var wrap = $(obj+":first",obj);
		var contList = wrap.children().addClass(clsName);
		var num = contList.length;
		var boxWidth = contList.width();
		var boxHeight = contList.height();
		var boxWidthMar = contList.outerWidth(true);
		var spd = 4000;
		var mv = 0;
		obj.after("<ul id='slideBtn'></ul>");

		for(b=1; b<=num; b++){
			$("#slideBtn").append("<li id='btn0"+b+"'><a href='javascript:void(0);' rel='"+b+"'><img src='images/slide-btn.gif' alt='' width='9' height='18' /></a></li>");
		}
		$(this).css({"width":boxWidth, "height":boxHeight, "position":"relative"});
		wrap.css({"width":boxWidthMar*num, "position":"relative"})
		$("#btn01 a img").addClass("on");
		$(".img02", obj).css({"opacity": 0.5, "filter":"alpha(opacity=50"});
		$(".img03", obj).css({"opacity": 0.5, "filter":"alpha(opacity=50"});

		timeID = setInterval(anima,spd);
		function anima(){
			$("#btn0"+(mv+1)+" a img").addClass("on");
			$(".img0"+(mv+1), obj).css({"opacity": 1, "filter":"alpha(opacity=100)"});
			for(i=1; i<=num; i++){
				if(i != (mv+1)){
					$("#btn0"+i+" a img").removeClass("on");
					$(".img0"+i, obj).css({"opacity": 0.5, "filter":"alpha(opacity=50)"});
				}
			}
			wrap.animate({ right : boxWidthMar*mv });
			mv++;
			if(mv > (num-1)){
				mv = 0;
			}
		}

		for(c=1; c<=num; c++){
			$("#btn0"+c).click(function(){
				mv=0;
				clearInterval(timeID);
				var btnNum = ($("a", $(this)).attr("rel"));
				wrap.animate({right : boxWidthMar*(btnNum-1)});
				$("#btn0"+btnNum+" a img").addClass("on");
				$(".img0"+btnNum, obj).css({"opacity": 1, "filter":"alpha(opacity=100)"});
				for(i=1; i<=num; i++){
					if(i != btnNum){
						$("#btn0"+i+" a img").removeClass("on");
					$(".img0"+i, obj).css({"opacity": 0.5, "filter":"alpha(opacity=50)"});
					}
				}
				mv=(btnNum-1);
				timeID = setInterval(anima,spd);
			});
		}
	}
});
