//var bw=822;//
var vw=182;//
var sw=195;
var bleft=0;
var vleft=0;
var sleft=0;
var speed=1000;//
var autospeed=3000;//
var fadespeed=1000;//
var timer;
var CURRENT=2;
var count=0;//
function nextad(){
	$('ul.bview li').eq(CURRENT).fadeOut(fadespeed);
	CURRENT=(CURRENT==count)?0:++CURRENT;
	 $('ul.bview li').eq(CURRENT).fadeIn(fadespeed);
	$('.viewbox').animate({left:'-='+vw},speed);
	$('.slidebox').animate({left:'-='+sw},speed,function(){resetad();});
}

function prevad(){
	 $('ul.bview li').eq(CURRENT).fadeOut(fadespeed);
	CURRENT=(CURRENT==0)?count:--CURRENT;
	 $('ul.bview li').eq(CURRENT).fadeIn(fadespeed);
	//$('.bviewbox').animate({left:'+='+bw},speed);
	$('.viewbox').animate({left:'+='+vw},speed);
	$('.slidebox').animate({left:'+='+sw},speed,function(){resetad();});	
}

function resetad(){//重置
	var cleft=$('.slidebox').css('left');
	cleft=cleft.slice(0,-2)*1;
	if(cleft==-57||cleft==(-2*(sleft)+57)){
		//$('.bviewbox').css('left','-'+bleft+'px');
		$('.viewbox').css('left','-'+vleft+'px');
		$('.slidebox').css('left','-'+sleft+'px');
	}
}
$(function(){
	count=$('ul.bview li').length-1;
	$('div.next img,div.prev img').hover(function(){
		$(this).attr('src',$(this).attr('src').replace('-off','-on'));
	},function(){
		$(this).attr('src',$(this).attr('src').replace('-on','-off'));
	});
	$('div.next').click(function(){
		clearInterval(timer);
		nextad();
		timer=setInterval("nextad()",autospeed);
	});	
	$('div.prev').click(function(){
		clearInterval(timer);
		prevad();
		timer=setInterval("nextad()",autospeed);
	});

	//css
	$('ul.view,ul.bview,ul.slide,ul.view li').css({'float':'left'});
	$(',ul.bview li').css({'position':'absolute','display':'none'});
	$(',ul.bview li').eq(CURRENT).css('display','block');
	$('.bviewbox,.viewbox,.slidebox,ul.bview').css('position','relative');
	//$('.bviewbox').css('width',$('ul.bview').width()*$('ul.bview li').length*3+'px');
	$('.viewbox').css('width',$('ul.view').width()*$('ul.view li').length*3+'px');
	$('.slidebox').css('width',$('ul.slide').width()*$('ul.slide li').length*3+'px');
	
	//bleft=bw*(3+$('ul.bview li').length);
	vleft=vw*(2+$('ul.view li').length);
	sleft=sw*$('ul.slide li').length+57;
	//$('.bviewbox').css('left','-'+bleft+'px');
	$('.viewbox').css('left','-'+vleft+'px');
	$('.slidebox').css('left','-'+sleft+'px');
	
	//$('.bviewbox').html($('.bviewbox').html()+$('.bviewbox').html()+$('.bviewbox').html());
	$('.viewbox').html($('.viewbox').html()+$('.viewbox').html()+$('.viewbox').html());
	$('.slidebox').html($('.slidebox').html()+$('.slidebox').html()+$('.slidebox').html());
	
	//$('.shadow img').css({'background-color':'#000','opacity':0.7});
	$('.slide li').css({'background-color':'#000','opacity':0.5});
	$('a.shadow').click(function(){
		clearInterval(timer);
		var cuindex=$(this).offset().left;
		var imgKuview=$('.imgKuview').offset().left;
		var offset=cuindex-imgKuview+353;
		var n=offset/195-2;
		var length=$('a.shadow').length*1;
		var c=$('a.shadow').index($(this));
		$('ul.bview li').eq(CURRENT).fadeOut(fadespeed);
		CURRENT=c%(length/3);
		$('ul.bview li').eq(CURRENT).fadeIn(fadespeed);
		//$('.bviewbox').animate({left:'-='+bw*n},speed);
		$('.viewbox').animate({left:'-='+(vw*n+36)},speed);
		$('.slidebox').animate({left:'-='+(sw*n+36)},speed,function(){
			n=CURRENT-2;
			$('.viewbox').css('left','-'+(vleft+vw*n)+'px');
			$('.slidebox').css('left','-'+(sleft+sw*n)+'px');
		});	
		
		timer=setInterval("nextad()",autospeed);
		return false;
	});
	
	timer=setInterval("nextad()",autospeed);
	
});