$(function(){
		//点击图片变大
	 var imgBoxMod=$(".espcms_book img");
     imgPop(imgBoxMod);
	 //$(".espcms_book img").click(function(){  
//            var _this = $(this);//将当前的pimg元素作为_this传入函数  
//            imgShow("#outerdiv", "#innerdiv", "#bigimg", this);  
//        });
	// 导航
	$(".nav li").hover(function() {
		$(this).find('.nav_son').show('slow');
		
	}, function() {
		$(this).find('.nav_son').hide('slow');
	});
	$(".nav_son").hover(function() {
		$(this).siblings('a').addClass('nava');
	}, function() {
		 $(this).siblings('a').removeClass('nava');
	});
	// 设计赏析
	$(".sjsxdiv li").hover(function() {
		//alert($(this).find("div.hov"));
		 $(this).find(".hov").stop(true, false).animate({top:'0px'},500);
		 $(this).find(".pre").css({
		 	background: 'none',
		 	'margin-top': '-30px',
		 	'z-index':20
		 });
	}, function() {
		$(this).find(".hov").stop(true, false).animate({top:'230px'},500);
		 $(this).find(".pre").css({
		 	'background-image': 'url(/public/index/images/sjsx_a_bg.png)',
		 	'margin-top': '0px',
		 	'z-index':1
		 });
	});

	// 计数器
	var curindex = 0;
	var winodw,ullength;
	//var ullength = $(".sjsxdiv").find('.atlas ul li').length;
	//设计赏析弹出窗
	$(".sj_ul1").children('li').click(function(event) {
		var ind  = $(this).index();
		ullength=$(this).find(".sj_ul2 li").length;
		winodw=$(this).find(".windowbox");
		winodw1=$(this).find(".alimg");
		winodw.removeClass('none');
		winodw1.removeClass('none');
		$(this).find(".total_number").text(ullength);;

	});
	// 弹出窗关闭
	$(".close").click(function(event) {
		event.stopPropagation();
		$('.windowbox').addClass('none');
		$('.alimg').addClass('none');
	});
	$('.windowbox').click(function(event) {
		event.stopPropagation();
		$('.windowbox').addClass('none');
		$('.alimg').addClass('none');
	});
	$('.alertRight').click(function(event) {
		event.stopPropagation();
		var length = $(this).siblings(".sj_ul2").find('li').length;
		curindex++;
		if(curindex>=length){
			curindex = 0;
		}
		var number=curindex + 1;
		$('.sj_ul2').stop(true,false).animate({left: -730*curindex}, 300);
		$(this).siblings(".alertTit").find(".alert_number").text(number);
		$(this).siblings(".alertTit").find(".total_number").text(length);

	});
	$('.alertLeft').click(function(event) {
		event.stopPropagation();
		var length = $(this).siblings(".sj_ul2").find('li').length;
		if(curindex<=0){
			curindex = length;
		}
		curindex--;
		var number=curindex + 1;
		$('.sj_ul2').stop(true,false).animate({left: -730*curindex}, 300);
		$(this).siblings(".alertTit").find(".alert_number").text(number);
		$(this).siblings(".alertTit").find(".total_number").text(length);
	});
	//导航固定JS
//	$(window).scroll(function(){ 
//	var scrollTops=$(window).scrollTop();
//	if(scrollTops>=30){
//		$('.s_header_nav').css({'position':'fixed'});    //定位部分
//		$('.s_header_nav').css({'left':0});    //定位部分
//		$('.s_header_nav').css({'top':0});    //定位部分
//		$('.s_header_nav').css({'margin-top':0});    //定位部分
//		}else{
//		$('.s_header_nav').css({'position':'relative'}); 
//		$('.s_header_nav').css({'left':0});    //定位部分
//		$('.s_header_nav').css({'top':0});    //定位部分
//		$('.s_header_nav').css({'margin-top':'0px'});    //定位部分
//		$("body").css({'padding-top':'0px'}); 		
//			}
//	});
})

function imgShow(outerdiv, innerdiv, bigimg, _this){  
    var src = _this.attr("src");//获取当前点击的pimg元素中的src属性  
    $(bigimg).attr("src", src);//设置#bigimg元素的src属性  
  
        /*获取当前点击图片的真实大小，并显示弹出层及大图*/  
    $("<img/>").attr("src", src).load(function(){  
        var windowW = $(window).width();//获取当前窗口宽度  
        var windowH = $(window).height();//获取当前窗口高度  
        var realWidth = $(_this).width;//获取图片真实宽度  
		alert(realWidth);
        var realHeight = this.height;//获取图片真实高度  
        var imgWidth, imgHeight;  
        var scale = 0.8;//缩放尺寸，当图片真实宽度和高度大于窗口宽度和高度时进行缩放  
          
        if(realHeight>windowH*scale) {//判断图片高度  
            imgHeight = windowH*scale;//如大于窗口高度，图片高度进行缩放  
            imgWidth = imgHeight/realHeight*realWidth;//等比例缩放宽度  
            if(imgWidth>windowW*scale) {//如宽度扔大于窗口宽度  
                imgWidth = windowW*scale;//再对宽度进行缩放  
            }  
        } else if(realWidth>windowW*scale) {//如图片高度合适，判断图片宽度  
            imgWidth = windowW*scale;//如大于窗口宽度，图片宽度进行缩放  
                        imgHeight = imgWidth/realWidth*realHeight;//等比例缩放高度  
        } else {//如果图片真实高度和宽度都符合要求，高宽不变  
            imgWidth = realWidth;  
            imgHeight = realHeight;  
        }  
                $(bigimg).css("width",imgWidth);//以最终的宽度对图片缩放  
          
        var w = (windowW-imgWidth)/2;//计算图片与窗口左边距  
        var h = (windowH-imgHeight)/2;//计算图片与窗口上边距  
        $(innerdiv).css({"top":h, "left":w});//设置#innerdiv的top和left属性  
        $(outerdiv).fadeIn("fast");//淡入显示#outerdiv及.pimg  
    });  
      
    $(outerdiv).click(function(){//再次点击淡出消失弹出层  
        $(this).fadeOut("fast");  
    });  
}  
function imgPop(imgBoxMod){
        imgBoxMod.each(function(){
        //超过最大尺寸时自动缩放内容页图片尺寸
        var ctnImgWidth=$(this).width();
        if(ctnImgWidth>618){
                $(this).width(618);
            }
        //点击图片弹出层放大图片效果
        $(this).click( function(){
            $("#append_parent").html('<div id="imgzoom"><div id="imgzoom_zoomlayer" class="zoominner"><p><span class="y"><a title="在新窗口打开" target="_blank" class="imglink" id="imgzoom_imglink" href="">在新窗口打开</a><a title="关闭" class="imgclose">关闭</a></span></p><div id="imgzoom_img" class="hm"><img src="" id="imgzoom_zoom" style="cursor:pointer"></div></div></div><div id="imgzoom_cover"></div>'); //生成HTML代码
            var domHeight =$(document).height(); //文档区域高度
            $("#imgzoom_cover").css({"display":"block","height":domHeight});
            var imgLink=$(this).attr("src");
			var realWidth;//获取图片真实宽度  
            var realHeight;//获取图片真实高度  
			getImageWidth(imgLink,function(w,h){
		    realWidth=w;
			realHeight=h;
	});
            $("#imgzoom_img #imgzoom_zoom").attr("src",imgLink);
			
            $("#imgzoom").css("display","block");
			var windowW = $(window).width();//获取当前窗口宽度  
            var windowH = $(window).height();//获取当前窗口高度
			 
        var imgWidth, imgHeight;  
        var scale = 0.8;//缩放尺寸，当图片真实宽度和高度大于窗口宽度和高度时进行缩放  
          
        if(realHeight>windowH*scale) {//判断图片高度  
            imgHeight = windowH*scale;//如大于窗口高度，图片高度进行缩放  
            imgWidth = imgHeight/realHeight*realWidth;//等比例缩放宽度  
            if(imgWidth>windowW*scale) {//如宽度扔大于窗口宽度  
                imgWidth = windowW*scale;//再对宽度进行缩放  
            }  
        } else if(realWidth>windowW*scale) {//如图片高度合适，判断图片宽度  
            imgWidth = windowW*scale;//如大于窗口宽度，图片宽度进行缩放  
                        imgHeight = imgWidth/realWidth*realHeight;//等比例缩放高度  
        } else {//如果图片真实高度和宽度都符合要求，高宽不变  
            imgWidth = realWidth;  
            imgHeight = realHeight;  
        }  
                $('#imgzoom_img #imgzoom_zoom').css("width",imgWidth);//以最终的宽度对图片缩放  
          
            imgboxPlace();
            })
    })
            //关闭按钮
    $("#append_parent .imgclose").live('click',function(){
        $("#imgzoom").css("display","none");
        $("#imgzoom_cover").css("display","none");
    })
	$('#append_parent').live('click',function(){
        $("#imgzoom").css("display","none");
        $("#imgzoom_cover").css("display","none");
    })
        //新窗口打开图片
    $("#imgzoom_imglink").live('click',function(){
        var imgLink=$("#imgzoom_zoom").attr("src");
        $("#imgzoom_imglink").attr("href",imgLink);
    })
    //弹出窗口位置
    function imgboxPlace(){
        var cwinwidth=$("#imgzoom").width();
        var cwinheight=$("#imgzoom").height();
        var browserwidth =$(window).width();//窗口可视区域宽度
        var browserheight =$(window).height(); //窗口可视区域高度
        var scrollLeft=$(window).scrollLeft(); //滚动条的当前左边界值
        var scrollTop=$(window).scrollTop(); //滚动条的当前上边界值
        var imgload_left=scrollLeft+(browserwidth-cwinwidth)/2;
        var imgload_top=scrollTop+(browserheight-cwinheight)/2;
        $("#imgzoom").css({"left":imgload_left,"top":imgload_top});
        }
    }
//获取真实图片大小
function getImageWidth(url,callback){
	var img = new Image();
	img.src = url;
	
	// 如果图片被缓存，则直接返回缓存数据
	if(img.complete){
	    callback(img.width, img.height);
	}else{
            // 完全加载完毕的事件
	    img.onload = function(){
		callback(img.width, img.height);
	    }
        }
	
}