jQuery.extend( jQuery.easing,{
	easeInBounce: function (x, t, b, c, d) {
		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
	},
	easeOutBounce: function (x, t, b, c, d) {
		if ((t/=d) < (1/2.75)) {
			return c*(7.5625*t*t) + b;
		} else if (t < (2/2.75)) {
			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
		} else if (t < (2.5/2.75)) {
			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
		} else {
			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
		}
	},
	easeInOutBounce: function (x, t, b, c, d) {
		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
	},
	easeInCirc: function (x, t, b, c, d) {
		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
	},
	easeOutCirc: function (x, t, b, c, d) {
		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
	},
	easeInOutCirc: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
	}
});
var cdc={};
cdc.va={};
cdc.fu={}
cdc.va.bg_height=0;
cdc.va.bg_width=0;
cdc.va.ml=0;
cdc.va.b_w=0;
cdc.va.b_h=0;
cdc.va.ls=null;
cdc.va.nav=null;
cdc.va.nav2=null;
cdc.va.navw=[];
cdc.va.slide_now=0;
cdc.va.slide_len=0;
$(function(){
	//背景图片初始化重置	
	cdc.fu.resizeBg($("#img2>img,#bg>img"),1);
	cdc.va.slide_len=$("#img2 li").length;
	setTimeout("cdc.fu.autoSlide()",10000);
	//根据图片数量重置按钮数量
	var fragment=document.createDocumentFragment();
	//var obj=$('#pic_btn li:first-child')[0];
	var u=document.createElement('ul')
	for( var i=0,len=$('#img2 li').length;i<len;i++){
		var l=document.createElement('li'),
			b=document.createElement('button');
		if(i<9){
			c=document.createTextNode('0'+(i+1));
		}else{
			c=document.createTextNode((i+1));
		}
		b.appendChild(c);
		l.appendChild(b);
		u.appendChild(l);		
	}
	$('#pic_btn').children().remove();
	$('#pic_btn').append($(u).html());
	$('#pic_btn li:first-child').addClass('btn_now');
});
$(window).resize(function(){
	cdc.fu.resizeBg($("#img2>img,#bg>img"),1);
});
//目前背景图片须长宽比一致，比例一致即可 不固定特定比例
cdc.fu.resizeBg=function($obj,kind){
	kind=kind || 0;
	var flag=$obj.width()/$obj.height();
	cdc.va.b_w=$(window).width();
	cdc.va.b_h=$(window).height();
	
}
function init(){		
	var windowW=$(window).width();
	var windowH = $(window).height();
	//$('.wrapper').width(windowW);
	$('#bg img').width(windowW)
	$('#bg img').height(windowW*633/1440)
	$('#bg img').css('marginTop',-windowW*633/2880)

	if(windowH>(600))

	{ $()
		$('.wrapper').height(windowH);
		}

	else{
		$('.wrapper').height(600);
	}
}							
init();
$(window).resize(init);
cdc.fu.slide=function(inde){
	//cdc.fu.resizeBg($('#img2>img'),1);
	inde=inde==undefined?-1:inde;
	if(inde != -1){
		cdc.va.slide_now=inde;
	}else{
		cdc.va.slide_now=++cdc.va.slide_now%cdc.va.slide_len;
	}
	$("#bg>img").css("opacity","1");
	$("#img2>img").attr("src",$("#img2 li").eq(cdc.va.slide_now).children("img").attr("src"));
	if($("#bg>img").is(":animated")){
		$("#bg>img").stop(true,true);
	}
	$("#bg>img").animate({"opacity":"0"},1000,function(){
		$("#bg>img").attr("src",$("#img2>img").attr("src"));				
	});
	$('#pic_btn li').eq(cdc.va.slide_now).addClass('btn_now').siblings().removeClass('btn_now');
}
cdc.fu.autoSlide=function(){
	cdc.fu.slide();
	setTimeout("cdc.fu.autoSlide()",6000);
}
//点击切换背景图片
$('#pic_btn li').live('click',function(){
	cdc.fu.slide($(this).index());
});
//导航点击切换
$(".fnav li").hover(function(){
							 $('.leftOut').css('zIndex','13')
							 $(this).children('p').children('a').eq(0).stop(false,true).animate({'marginTop':'-38px'},400,'easeInOutCirc')	;
		                    $(this).children('ul').stop(false,true).animate( {top:'2px'}, {queue:false,duration:300 })
							.fadeIn(300);							
							},function(){
							 $('.leftOut').css('zIndex','11')
							 $(this).children('p').children('a').eq(0).stop(false,true).animate({'marginTop':'0px'},400,'easeInOutCirc')	;
		                    //$(this).children('ul').slideUp();	
							$(this).children('ul').stop(false,true).animate( {top:'-20px'}, {queue:false,duration:300 })
							.fadeOut(300);
								})

$('.left').css('opacity','0.8')
$('#a0').css('opacity','0.2')
$('#a1').css('opacity','0.1')
$('#a2').css('opacity','0.1')
$('#a3').css('opacity','0.15')
$('#a4').css('opacity','0.18')
//登陆切换
<!--[if !IE]>window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", init, false);<![endif]-->