(function($,window){
	$.fn.focusbanner = function(options){
		return this.each(function(){
			var o = $.extend({},$.fn.focusbanner.options, options || {}), loopBody = $(o.loopBody), loops = loopBody.children();
			if(loops.length <= 1) return;
			var dissolve = $(o.dissolve.selector), 
				disChilds, 
				disCurClass = o.dissolve.curClass, 
				control = $(o.control.selector), 
				conChilds, 
				conCurClass = o.control.curClass,
				botton = $(o.botton.selector), 
				btnChilds, 
				btnCurClass = o.botton.curClass,
				contentDiv = o.contentDiv,
				isLoop = true,
				timer = null,
				cTimer = null,
				curClass = o.curClass,
				cell = 0,
				timeDo = new Date().getTime(),
				start = function() {
					clearTimeout(timer);
					timer = setTimeout(autoPlay,o.gap);
					isLoop = true;
				},
				stop = function() {
					clearTimeout(timer);
					isLoop = false;
				},
				autoPlay = function() {
					jump('+');
				},
				jump = function(type,idx) {
					var c = loops,cur,next;
					if(idx === undefined) {	
						cur = c.filter('.' + curClass);
						if(type === '+') {
							next = cur.next();
							if(!next.length) next = c.eq(0);
						}else {
							next = cur.prev();
							if(!next.length) next = c.eq(-1);
						}
						idx = next.index();
					}
					move(type,idx);
					controlMove(type,idx);
				},
				move = function(type,idx) {
					var i = 0,
					len = moves.length;
					do{
						moves[i++](type,idx);
					} while(i < len);
				},
				controlMove = function(type,idx) {
					conChilds.eq(idx).addClass(conCurClass).siblings('.' + conCurClass).removeClass(conCurClass);
				},
				loopMove = function(type,idx) {
					var currentLoop = loops.filter('.' + curClass),
					nextLoop = loops.eq(idx),
					left;
					var $img = $('.autoBannerWidth img').first();
					//var imgW = $img.width(); 
					var imgW = 1000; 
					if(type === '+') {
						if(idx==0){
						currentLoop.css('left',imgW+cell);	
						nextLoop.css('left',cell);
						}else{						
						nextLoop.css('left',cell);
						}
						left = '-' + cell+ 'px';
						$(contentDiv).stop().css({left: 3600});
					}else{
						
						loopBody.css('left',-imgW);
						currentLoop.css('left',imgW);
						nextLoop.css('left',0);
						left = 0;
						$(contentDiv).stop().css({left: -3600});
					}
					nextLoop.addClass(curClass);
					timeDo = new Date().getTime();
					loopBody.animate({ left: left },o.speed,'easeOutCirc',function(){
						
						$(this).css('left',0);
						currentLoop.removeClass(curClass);
						nextLoop.css('left',0);
						if(isLoop) start();
						clearTimeout(cTimer);
						cTimer = setTimeout(function() {
							$(contentDiv).animate({ left: 0 },o.speed,'easeOutCirc');
						}, o.speed);
					});
				},
				//banner FadeIn 2013-3-13
				loopFade = function(type,idx) {
					var currentLoop = loops.filter('.' + curClass),
					nextLoop = loops.eq(idx),
					left;
					if(type === '+') {
						left = '-' + cell+ 'px';
						$(contentDiv).stop().css({left: 3600});
					}else{
						left = 0;
						$(contentDiv).stop().css({left: -3600});
					}
						currentLoop.removeClass(curClass);
						nextLoop.css("display","none");
						nextLoop.fadeIn("normal");
						nextLoop.addClass(curClass);
						timeDo = new Date().getTime();
						
						if(isLoop) start();
						clearTimeout(cTimer);
						cTimer = setTimeout(function() {
							$(contentDiv).animate({ left: 0 },o.speed,'easeOutCirc');
						}, o.speed);
					
				},
				//end  Fadeout 2013-3-13
				dissolveMove = function(type,idx){
					var currentDis = disChilds.filter('.' + disCurClass),
					nextDis = disChilds.eq(idx);
					currentDis.animate({ opacity: 0},0,'linear',function(){
						$(this).removeClass(disCurClass);
					});
					nextDis.animate({ opacity: 1},0,'linear',function(){
						$(this).addClass(disCurClass);
					});
				},
				bottonMove = function(type, idx){
					var currentDis = btnChilds.filter('.' + btnCurClass),
					nextDis = btnChilds.eq(idx);
					currentDis.animate({ opacity: 0},0,'linear',function(){
						$(this).removeClass(btnCurClass);
					});
					nextDis.animate({ opacity: 1},0,'linear',function(){
						$(this).addClass(btnCurClass);
					});
				},
				resize = function(){
					var lb = loopBody;
					cell = lb.parent().width();;
					loops.width(cell);
					lb.width(cell * 2);
					
				},
				canMove = function(){
					var now = new Date().getTime();
					if((now - timeDo) < o.speed) return false;
					timeDo = now;
					return true;
				},
				bindConEvent = function(e){
					clearTimeout(timer);
					var t = $(e.target).closest(conChilds[0].tagName,this),
					nextIdx,curIdx,type;
					if(t.length && !t.is('.' + conCurClass) && canMove()){
						nextIdx = t.index();
						curIdx = t.siblings('.' + conCurClass).index();
						type = nextIdx > curIdx ? '+' : '-';
						isLoop = false;
						jump(type,nextIdx);
						
					}
				},	
				moves = [loopMove],	
				setMoves = function(){
					if(control.length){
						conChilds = control.children();
						control.bind('click',bindConEvent);
						moves.push(controlMove);
					}
					if(dissolve.length){
						disChilds = dissolve.children();
						moves.push(dissolveMove);
					}
					if(botton.length){
						btnChilds = botton.children();
						moves.push(bottonMove);
					}
				}();
				resize();
				$(window).resize(resize);
				start();
				$(this).hover(stop,start);
				if(o.prev){
					$(o.prev).live('click',function(){
						clearTimeout(timer);
						if(canMove()){
							jump('-');
						}
						return false;
					});
				}
				if(o.next){
					$(o.next).live('click',function(){
						clearTimeout(timer);
						if(canMove()){
							jump('+');
						}
						return false;
					});
				}
				


			
				
				
				
				
		});
	};
	
	$.fn.focusbanner.options = {
		loopBody: '',					// 焦点图的主体（selector）
		curClass: 'current',			// 焦点图当前选中的样式
		speed: 500,						// 焦点图切换的速度（单位：ms）
		gap: 5000,						// 焦点图切换的间隔（单位：ms）
		next: '',						// 下一张焦点图按钮，可选（selector）
		prev: '',						// 上一张焦点图按钮，可选（selector）
		dissolve: {						// 双焦点图切换，其中一张略小的图一般会带上溶解效果，可选。（注：为了兼容低配置机型，溶解效果目前取消了，只做了简单的切换。）
			curClass: 'current',
			selector: ''
		},
		control: {						// 焦点图带有下标的切换，可选
			curClass: 'current',
			selector: ''
		},
		botton: {						// 焦点图带有按钮切换
			curClass: 'focus-btns',
			selector: ''
		},
		contentDiv: 'content'
	};
})(jQuery,window);
(function($){
	$(window).load(function(){
		
		$(".focus").hover(function(){
		$('.focus-page-btn').show();
	},function(){
		$('.focus-page-btn').hide();
	})
		$('.f-content').show();
		$('.focus').show();
		autoBannerWidth();
		
		$('#banner_img').find('li').eq(0).css
		$('#banner_img').find('li').eq(0).addClass('on');
		$('#banner_content').find('li').eq(0).addClass('on');
		$('#banner_btn').find('a').eq(0).addClass('on');
		$('#banner_num').find('a').eq(0).addClass('on');
		
		$('.focus').focusbanner({
			loopBody: '.f-img-list',
			dissolve: {
				selector: '.d-img-list',
				curClass: 'on'
			},
			curClass: 'on',
			speed: 500,
			gap: 5000,
			next: '.focus-btn-next',
			prev: '.focus-btn-prev',
			contentDiv: '.f-content',
			control: {						// 焦点图带有下标的切换，可选
			curClass: 'on',
			selector: '.focus-num'
		},
			botton: {
				selector: '.focus-btns',
				curClass: 'on'
			}
		});
	});
})(jQuery);


autoBannerWidth = function(){

    var winW = $(window).width();
    if (winW < 980) 
        winW = 980;
    
    $('.autoBannerWidth').each(function(){
        $(this).width(winW);
        
        var $img = $('img', this).first();
		
        var imgW = $img.width() || 1920;
        var left = (winW - imgW) / 2;
		if(imgW >= winW){
        $img.css({ "left": left + "px", "position": "relative" });
		}
        if ($.browser.msie && parseInt($.browser.version) == 6) {
            $(this).css({
                'overflow': 'hidden',
                'position': 'relative'
            }).width(winW);
            
        }
        
    });
}

$(window).resize(autoBannerWidth);