/**
 * titleBar
 * 
 * @author wandalong
 * @data 2010-11-16
 * @version 1.0.0
 */
(function($) {
	$.uiwidget = $.uiwidget || {};
	
	$.uiwidget.ImgScoll = function(target, cfg){
		$.extend(this, cfg);
		this.imgScoll = target;
		this.init();
		this.render();
	};
	
	$.uiwidget.ImgScoll.prototype = {
			width:1082,
		  	height:163,
		  	speed:10, //数字越大速度越慢
		  	delay:1000,
		  	direction:"ltr",
		  	showNum:7,
		  	timeout:60,
			url:'',
			data: {"totalCount" : 0, "result" : []},
			cache : false,
			isRender:false,
			init : function() {
				var a = this;
				a.length = a.data.totalCount;
				a.r = a.data.result;
			},
			render : function() {
				var a = this;
				if(a.data.totalCount==0&&(a.url!=null&&a.url!='')){
					a.loadData();
				}
				if(!a.isRender){
					$.uiwidget.isIE = !!window.ActiveXObject;   
					$.uiwidget.isIE6 = $.uiwidget.isIE && !window.XMLHttpRequest;
					$.uiwidget.isIE8 = $.uiwidget.isIE && !!document.documentMode;   
					$.uiwidget.isIE7 = $.uiwidget.isIE && !$.uiwidget.isIE6 && !$.uiwidget.isIE8;  
					var context = new Array();
					var num = 0;
					context[num] = '<div class="imgScoll_mainBody"  ><div id="demo" class="scoll_content"><div id="scoll_content_main" class="scoll_content_main"><div id="scoll_content_items1" class="scoll_content_items1"><ul>';
					for(var i = 0;i<a.length;i++){
						var r = a.r[i];
						var src = r.src||'';
						var describe = r.describe||'';
						var href = r.href||'#';
						context[++num] = '<li>';
						context[++num] = '<a target="_blank" href="'+href+'"><img alt="'+describe+'" src="'+src+'" width="130" height="158"  border="0" ></a>';
						context[++num] = '<p>&nbsp;&nbsp;<a href="'+href+'" target="_blank" title="'+describe+'">'+describe+'</a></p>';
						context[++num] = '</li>';
					}
					context[++num] = '</ul></div><div id="scoll_content_items2" class="scoll_content_items2"></div></div></div></div>';
					a.container = $(context.join(""));
					//alert(context.join(""));
					a.imgScoll.append(a.container);
					a.f = a.container.find(".imgScoll_mainBody");
					a.tab = a.container.find("#demo");
					a.tab1 = a.container.find("#scoll_content_items1");
					a.tab2 = a.container.find("#scoll_content_items2");
					this.bindEvent();
				}
				a.isRender = true;
			},
			bindEvent:function(){
				var a = this;
				a.tab2[0].innerHTML=a.tab1[0].innerHTML; //克隆demo1为demo2
				var marquee = null;
				if(a.direction=='ltr'){
					marquee = function leftToRight(){
						if(a.tab2[0].offsetWidth-a.tab[0].scrollLeft<=0)//当滚动至demo1与demo2交界时
							a.tab[0].scrollLeft-=a.tab1[0].offsetWidth ;//
						else{
							a.tab[0].scrollLeft++;
						}
					};
					
				}else if(a.direction=='rtl'){
					a.tab[0].scrollLeft=a.tab2[0].offsetWidth;
					marquee = function rightToLeft(){
						if(a.tab[0].scrollLeft<=0)
							a.tab[0].scrollLeft+=a.tab2[0].offsetWidth;
						else{
							a.tab[0].scrollLeft--;
						}
					};
				}
				var MyMar=setInterval(marquee,a.speed);
				a.tab[0].onmouseover=function() {clearInterval(MyMar)};//鼠标移上时清除定时器达到滚动停止的目的
				a.tab[0].onmouseout=function() {MyMar=setInterval(marquee,a.speed)};//鼠标移开时重设定时器
			},
			loadData : function() {
				var b = this;
				$.ajax( {
						dataType : "json",
						type : "POST",
						url : b.url,
						cache : b.cache,
						async: false,
						timeout : b.timeout || 6E4,
						contentType : "application/x-www-form-urlencoded; charset=UTF-8",
						success : function(msg) {
							b.data = msg;
							b.init();
							b.render();
						}
				});
			},
			filter:function(){
				
			}
		};
			
	$.fn.imgScoll = function(cfg) {
		return new $.uiwidget.ImgScoll(this, cfg);
	};
	
})(jQuery);