(function($){
	$.fn.AdRotation=function(jsonArgs){
		var curAd = 0;
		var speed = 3000; //auto play speed
		var moveSpeed = 1000;
		var adWidth = 350;
		var _this = this
		var playTime;
		var moreImgUrl = "images/banna/more.jpg";
		var moreImgAlt = "More"
		var	imgList = $("<div id=\"imgList\">");	//big img
		var thumbList = $("<ul>");	//small img
		var mashLayer = $("<div id=\"bannaMash\">").css("opacity","0.5");
		var moreLink = "http://www.ctfinfo.com/news/list.asp?class1id=24"
		initialize();
		function initialize(){
			var adCount = jsonArgs.length > 3 ? 3 : jsonArgs.length;
			for(var i=0; i<adCount; i++){
				imgList.append("<a href=\"" + jsonArgs[i].url + "\" title=\"" + jsonArgs[i].alt + "\" target=\"_blank\"><img src=\"" + jsonArgs[i].source + "\" /></a>");
				thumbList.append("<li><a href=\"javascript:void(0);\" title=\"" + jsonArgs[i].alt + "\"><img src=\"" + jsonArgs[i].thumb + "\" /></a></li>");
			}
			imgList.width(adCount * adWidth);
			thumbList.append("<li><a href=\"" + moreLink + "\" title=\"" + moreImgAlt + "\" target=\"_blank\"><img src=\"" + moreImgUrl + "\" /></a></li>");
			thumbList.find("a").slice(0,jsonArgs.length)
				.bind("click",function(event){ResetSelector(event);})
				.bind("focus",function(){$(this).blur();});
				
			$(_this).html("");
			$(_this).append(imgList);
			$(_this).append(mashLayer);
			$(_this).append(thumbList);
			
			thumbList.find("img").eq(0).attr("class","over");
			playTime = setTimeout(play,speed);
		}
		function play(){
			curAd = (curAd - adWidth) % imgList.width();
			var ind = (-curAd) / adWidth;
			thumbList.find("img").attr("class","");
			thumbList.find("img").eq(ind).attr("class","over");
			
			imgList.animate({
				marginLeft:curAd
			},moveSpeed,function(){
				playTime = setTimeout(play,speed);
			})
		}

		function ResetSelector(evt){
			var ind = thumbList.find("img").index(evt.target);
			if(ind < (jsonArgs.length)){
				imgList.stop();
				clearTimeout(playTime);
				curAd = -(adWidth * ind);
				thumbList.find("img").attr("class","");
				thumbList.find("img").eq(ind).attr("class","over");
				imgList.animate({
					marginLeft:curAd
				},moveSpeed,function(){
					playTime = setTimeout(play,speed);
				})
			}
		}
	}
})(jQuery)