// JavaScript Document



//处理导航栏所有的onmouse事件
window.onload = function (){
	
		 //导航事件
         var element_navAbout =  document.getElementById("navAbout");
		 var element_navWay =  document.getElementById("navWay");
		 var element_navServer =  document.getElementById("navServer");
		 var element_navCase =  document.getElementById("navCase");
		 var element_navHome =  document.getElementById("navHome");
		 
		 if(element_navAbout.addEventListener)
		 {  // firefox  , w3c
              element_navAbout.addEventListener("mousemove",function() {tab(0);} ,false);
    		  element_navAbout.addEventListener("mouseout",tabover,false);
         } 
		 else 
		 {   // ie 
				element_navAbout.attachEvent("onmousemove",function() {tab(0);});
				element_navAbout.attachEvent("onmouseout",tabover);
         }
		 
		 if(element_navWay.addEventListener)
		 {  // firefox  , w3c
			  element_navWay.addEventListener("mousemove",function() {tab(1);} ,false);
    		  element_navWay.addEventListener("mouseout",tabover,false);
         } 
		 else 
		 {   // ie 
				element_navWay.attachEvent("onmousemove",function() {tab(1);});
				element_navWay.attachEvent("onmouseout",tabover);
         }
		 
		 if(element_navServer.addEventListener)
		 {  // firefox  , w3c
			  element_navServer.addEventListener("mousemove",function() {tab(2);} ,false);
    		  element_navServer.addEventListener("mouseout",tabover,false);
         } 
		 else 
		 {   // ie 
				element_navServer.attachEvent("onmousemove",function() {tab(2);});
				element_navServer.attachEvent("onmouseout",tabover);
         }
		 
		 
		 if(element_navCase.addEventListener)
		 {  // firefox  , w3c
			  element_navCase.addEventListener("mousemove",function() {tab(3);} ,false);
    		  element_navCase.addEventListener("mouseout",tabover,false);
         } 
		 else 
		 {   // ie 
				element_navCase.attachEvent("onmousemove",function() {tab(3);});
				element_navCase.attachEvent("onmouseout",tabover);
         }
		 
		 if(element_navHome.addEventListener)
		 {  // firefox  , w3c
			  element_navHome.addEventListener("mousemove",function() {tab(4);} ,false);
    		  element_navHome.addEventListener("mouseout",tabover,false);
         } 
		 else 
		 {   // ie 
				element_navHome.attachEvent("onmousemove",function() {tab(4);});
				element_navHome.attachEvent("onmouseout",tabover);
         }
		 
		 //定义Case页面的返回列表

		 var element_returnList =document.getElementById("returnList"); 
		 
		 if (element_returnList!=null)
		 {
			 if(element_returnList.addEventListener)
			 {  // firefox  , w3c
				  element_returnList.addEventListener("mouseover",function() {MM_swapImage('btn_back','','images/btn_back_over.gif',1);} ,false);
				  element_returnList.addEventListener("mouseout",MM_swapImgRestore,false);
			 } 
			 else 
			 {   // ie 
					element_returnList.attachEvent("onmouseover",function() {MM_swapImage('btn_back','','images/btn_back_over.gif',1);});
					element_returnList.attachEvent("onmouseout",MM_swapImgRestore);
			 }
		 
		 }
		 
		 //
		
}


function tab(n){
	  
   for (i=0;i<5;i++)
   {
    	document.getElementById("tab"+i).style.display="none";
   }
    	document.getElementById("tab"+n).style.display="block";
	
		document.getElementById("NavLine").className="NavBottomLine_gray"; 

}
  
function tabover(){
	
   for (i=0;i<5;i++)
   {
	   document.getElementById("tab"+i).style.display="none";
		
	   document.getElementById("NavLine").className="NavBottomLine_blue"; 
   }
 

}


/////////////////////////////////////////////////////////////////////////////////////////////////////////////

//导航条定位

 $(function(){                     
    //绑定  
	//alert("test");
	//window.location.reload();
	
	$("#NavigationCen").smartFloat();  
  });      


//智能工具栏定位
$.fn.smartFloat = function() {
	
    var position = function(element) {
        var top = element.position().top, pos = element.css("position");
        $(window).scroll(function() {
            var scrolls = $(this).scrollTop();
            if (scrolls > top) {
                if (window.XMLHttpRequest) {
                    element.css({
                        position: "fixed",
                        top: 0
                    });
                } else {
                    element.css({
                        top: scrolls
                    });
                }
        	    }else {
                element.css({
                    position: "absolute",
                    top: top
                });
            }
        });
    };
    return $(this).each(function() {
        position($(this));
    });
};

/////////////////////////////////////////////////////////////////////////////////////////////////////////////


//点击替换RightImg
function rightImg(n)
{
	var imgList = ["images/r_yanjiu.png","images/r_chuangxin.png","images/r_zhanlue.png"];
    
	$("#rightimglist img").attr("src",imgList[n-1]);
	
	for (o=1;o<4;o++)
	{
		if (o!=n)
		{
			document.getElementById("rightImg"+o).className="leftmenu16";
		}
		else
		{
			document.getElementById("rightImg"+o).className="leftmenu16_B";
			//$("#rightImg"+n).attr("class","leftmenu16_B");
		}
	}
	
}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////


//点击替换RightImg
function rightCase(n)
{
	
	for (o=1;o<6;o++)
	{
		if (o!=n)
		{
			document.getElementById("rightCase"+o).className="rightmenu16";
		}
		else
		{
			document.getElementById("rightCase"+o).className="rightmenu16_B";
			//$("#rightImg"+n).attr("class","leftmenu16_B");
		}
	}
	
}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////








//定义背景数组
var imgBG = ['images/MID_BG.jpg','images/Pingan_BG.jpg','images/Jiangsu_BG.jpg'];
//定义banner数组
var imgNameArr = ["images/banner_MID.jpg","images/banner_PA.jpg","images/banner_YD.jpg"];
//定义小图数组
var imgArr = ["images/GG_MID.jpg","images/GG_PA.jpg","images/GG_YD.jpg"];


var UrlArr = ["cases/4/38.html","cases/5/31.html","cases/3/22.html"];


//默认小图索列
var iCount = 3;

var kk;//定义定时器

//移动函数
function move(to){

	if(to=="left"){
	
		if (iCount<imgArr.length){
			iCount++;
			$("#b1 img").attr("src",imgArr[iCount-3]);
			$("#b2 img").attr("src",imgArr[iCount-2]);
			$("#b3 img").attr("src",imgArr[iCount-1]);
		}
		
	}else{
		if (iCount>3){
			iCount--;
			$("#b1 img").attr("src",imgArr[iCount-3]);
			$("#b2 img").attr("src",imgArr[iCount-2]);
			$("#b3 img").attr("src",imgArr[iCount-1]);
		}
	}
}

//onload时，图片轮播，每4秒中更换一次
$(function test(){

	var _playList = [
		fn1 = function() {
			$("#headerIndex").delay(3000).fadeOut(500, function() {
			
				$("#headerBG").css('backgroundImage', 'url('+imgBG[1]+')');
				//$("#headerimg").attr("src", imgNameArr[1])		
				//$("#headerIndex").fadeIn(1000, _play);
				$(this).css('backgroundImage', 'url('+imgNameArr[1]+')').fadeIn(1000, _play);
				$("#GGBorder").animate({left:"205px"},1000);
				
				$("#indexa").attr("href",UrlArr[1]);
				
			});
	
		},
		
		fn2 =function() {
			$("#headerIndex").delay(3000).fadeOut(500, function() {
				$("#headerBG").css('backgroundImage', 'url('+imgBG[2]+')');
				$(this).css('backgroundImage', 'url('+imgNameArr[2]+')').fadeIn(1000, _play);
				
				$("#GGBorder").animate({left:"410px"},1000);
				
				$("#indexa").attr("href",UrlArr[2]);
				
			});
		},
		
		fn3 = function() {
			$("#headerIndex").delay(3000).fadeOut(500, function() {		
				$("#headerBG").css('backgroundImage', 'url('+imgBG[0]+')');
				$(this).css('backgroundImage', 'url('+imgNameArr[0]+')').fadeIn(1000, _play);
				
				$("#GGBorder").animate({left:"0px"},1000);
				
				$("#indexa").attr("href",UrlArr[0]);
			});


		},
	];

	var _play = function() {
		
		$(document).dequeue('playList');

	}
	$(document).queue('playList', _playList);
	
	_play();
	
	
	//定时器，每15秒触发一次（3个时间）。
	 kk=setInterval(function testTime() {var _play = function() {
		$(document).dequeue('playList');
	}
	$(document).queue('playList', _playList);
	
	_play();},16500);
	

})
//////////////////////////////////////////////////////////////////////////////////////////////////


	
//点击小图，同时更换大图banner的样式及背景图片
$(document).ready(function(){

  $("#b1").click(function(){
						 
		$("#headerIndex").stop(true,true);
		
		clearInterval(kk);
		
		$("#headerIndex").fadeOut(100, function() {
			$("#headerBG").css('backgroundImage', 'url('+imgBG[iCount-3]+')');
			$(this).css('backgroundImage', 'url('+imgNameArr[iCount-3]+')').fadeIn(1000);
			$("#GGBorder").animate({left:"0px"});
			$("#indexa").attr("href",UrlArr[iCount-3]);
			


		});
  });

  $("#b2").click(function(){
		
		$("#headerIndex").stop(true,true);
		clearInterval(kk);
		
		$("#headerIndex").fadeOut(100, function() {
			$("#headerBG").css('backgroundImage', 'url('+imgBG[iCount-2]+')');
			$(this).css('backgroundImage', 'url('+imgNameArr[iCount-2]+')').fadeIn(1000);
			$("#GGBorder").animate({left:"205px"});
			$("#indexa").attr("href",UrlArr[iCount-2]);
			
		});
  });
  
  $("#b3").click(function(){
						  
		$("#headerIndex").stop(true,true);
		clearInterval(kk);
		
		$("#headerIndex").fadeOut(100, function() {
			$("#headerBG").css('backgroundImage', 'url('+imgBG[iCount-1]+')');
			$(this).css('backgroundImage', 'url('+imgNameArr[iCount-1]+')').fadeIn(1000);
			$("#GGBorder").animate({left:"410px"});
			$("#indexa").attr("href",UrlArr[iCount-1]);
			
		});
  });
});
////////////////////////////////////////////////////////////////////////

function changeArea(t){
	
	if (t==1)
	{
		document.getElementById('sh').className="diqu2";
		document.getElementById('bj').className="diqu";
		document.getElementById('gz').className="diqu";
		document.getElementById('AreaAddress').innerHTML='上海市凯旋路166号凯旋坊7栋1楼A2座';
		document.getElementById('AreaZipCode').innerHTML='邮编： 200050';
		document.getElementById('AreaTelephone').innerHTML='电话： 021-52733736';
		
		document.getElementById('ditu_sh').style.display="block";
		document.getElementById('ditu_bj').style.display="none";
		document.getElementById('ditu_gz').style.display="none";
		
	}
	
	else if (t==2)
	{
		document.getElementById('bj').className="diqu2";
		document.getElementById('sh').className="diqu";
		document.getElementById('gz').className="diqu";
		document.getElementById('AreaAddress').innerHTML='北京市西城区冰窖口胡同1号院';
		document.getElementById('AreaZipCode').innerHTML='邮编： 100088';
		document.getElementById('AreaTelephone').innerHTML='电话： 010-82279886';
		
		document.getElementById('ditu_sh').style.display="none";
		document.getElementById('ditu_bj').style.display="block";
		document.getElementById('ditu_gz').style.display="none";
	}
	else if (t==3)
	{
		document.getElementById('gz').className="diqu2";
		document.getElementById('sh').className="diqu";
		document.getElementById('bj').className="diqu";
		document.getElementById('AreaAddress').innerHTML='广州市天河区珠江新城华强路3号富力盈丰大厦2624';
		document.getElementById('AreaZipCode').innerHTML='邮编：510623';
		document.getElementById('AreaTelephone').innerHTML='电话： 020-38063667';
		
		document.getElementById('ditu_sh').style.display="none";
		document.getElementById('ditu_bj').style.display="none";
		document.getElementById('ditu_gz').style.display="block";
		
	}


}


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

