$(function(){
	$(".iban").height($(window).height())
		var banImg   = new Array()

		for (var i = 0; i < $(".iban .img").length; i++) {
			banImg[i] = $(".iban .img").eq(i).find("img").attr("src")
		};
		for (var i = 0; i < $(".iban .img").length; i++) {
			$(".iban .btns").append('<span class="span'+i+'"></span>');
		};
		var size = banImg.length;
		_PreLoadImg([
	        banImg[size-1]
		],function(){
			Banner(0)
			FullBg($(".iban"), $(".iban .img img"));
			function Banner(n){
				$(".iban .btns span").eq(n).addClass("cur").siblings().removeClass("cur")
				$(".iban .img").eq(n).stop().animate({opacity : 1}, 500, "linear").addClass("z2").siblings(".img").stop().animate({opacity : 0}, 500, "linear").removeClass("z2");
				$(".iban .mian .warp").css('display','none');
				$(".iban .btns").css("margin-top",-$(".btns").height()/2);
				$(".iban .mian .warp").eq(n).stop().fadeIn().siblings('.warp').fadeOut();
			}
			var BanNum = 0,
				Ban    = setInterval(function(){
					BanNum ++ ;
					if(BanNum == $(".iban .img").length){
						BanNum = 0
					}
					Banner(BanNum)
				}, 30000)
			$(".iban").hover(function(){
				if(Ban){
					clearInterval(Ban);
				}
			}, function(){
				clearInterval(Ban);
				Ban = setInterval(function(){
					BanNum ++ ;
					if(BanNum == $(".iban .img").length){
						BanNum = 0
					}
					Banner(BanNum)
				}, 30000)
			})
			$('.iban .leftarr').on('click',function(){
				var k=0;
				var _len=$('.iban .img').length;
				for (var i=0;i<_len;i++) {
					if ($('.iban .img').eq(i).hasClass('z2')) {
						k=i;
					}
				}
				if (k==0) {
					Banner(_len-1);
				} else{
					Banner(k-1);
				}
			})
			$('.iban .rightarr').on('click',function(){
				var k=0;
				var _len=$('.iban .img').length;
				for (var i=0;i<_len;i++) {
					if ($('.iban .img').eq(i).hasClass('z2')) {
						k=i;
					}
				}
				if (k==_len-1) {
					Banner(0);
				} else{
					Banner(k+1);
				}
			})

			$(".iban .btns span").mouseover(function(){
				Banner($(this).index())
			})
		})

	$(window).load(function(){
		var count=0;
		for (var i = 0; i < $('.iban .btns span').length; i++) {
			count=count+14+10
		}
		$('.iban .btns').css({'width':count,'margin-left':-count/2});

	})



})