var Scroller={
	
	iArray 	: Array,
	uArray 	: Array,
	frameId	: "ScrollerFrame",
	frameObj: "",
	onNum	: 0,
	time	: 5000,
	autoObj : null,
	
	//初始化方法
    init : function(imgArray, urlArray)
	{
		//初始化参数
		this.iArray		= imgArray;
		this.uArray		= urlArray;
		this.frameObj	= jQuery("#" +  this.frameId);
		
		//加载小图片
		this.loadSmallPic();
		//加载大图片
		this.loadBigPic();
		//第一次显示
		this._next();
		//轮播启动
		this._start();
    },
	
	loadBigPic : function()
	{
		jQuery("#" +  this.frameId).append("<div id='ScrollerBigPic'>");

		jQuery.each(this.iArray, function(n,value){
			var oImg	= jQuery("<img src='" + value + "'>");
			var oA		= jQuery("<a href='" + Scroller.uArray[n] + "' target='_blank'></a>");
			var oDiv	= jQuery("<div>");
			oA.append(oImg);
			oDiv.append(oA);
			jQuery("#ScrollerBigPic").append(oDiv);
		});
	},
	
	loadSmallPic : function()
	{
		jQuery("#" +  this.frameId).append("<div id='ScrollerSmallPic'><ul>");
		jQuery.each(this.iArray, function(n,value){
			var oLi		= jQuery("<li>" + (n+1) + "</li>");
			//oLi.append(oImg);

			oLi.mouseover(
				function (){
					Scroller._stop();
					Scroller.onNum = jQuery("#ScrollerSmallPic ul li").index(jQuery(this));
					Scroller._next();
				}
			);
			
			jQuery("#ScrollerSmallPic ul").append(oLi);
		});
	},
	
	_next : function()
	{
		var num = Scroller.onNum;
		jQuery(".ScrollerSmallOn").removeClass("ScrollerSmallOn")
		jQuery("#ScrollerSmallPic ul li").eq(num).addClass("ScrollerSmallOn");
		//jQuery(".ScrollerBigOn").removeClass("ScrollerBigOn");
		//jQuery("#ScrollerBigPic div").eq(num).addClass("ScrollerBigOn");
		jQuery("#ScrollerBigPic div").filter(":visible").fadeOut(200,function(){
			jQuery("#ScrollerBigPic div").eq(num).fadeIn(300);
		});

		Scroller.onNum = ((num+1) < Scroller.iArray.length) ? (num+1) : 0;
	},
	
	_stop : function()
	{
		clearInterval(Scroller.autoObj);
	},
	
	_start : function()
	{
		Scroller.autoObj	= setInterval("Scroller._next()", Scroller.time);
	}
}