<!--
var switch1=true;//首页banner图片动画开关
var switch2=true;//首页客户图片动画开关
var current = 0; //当前第表面层序号("bg0")
var num = -1; //用来记录触发事件的对象序号
var i=0;//代表当前表面层的CSS序号
var timeID=0;
var css=new Array("bg1_1","bg1_2","bg1_3");//用于首页
var css2=new Array("bg4_1","bg4_2","bg4_3");//用于公司客户页
var title = document.title.substring(0,4);

//---------2010.05.13用于首页客户图片滚动效果------------
function slipUp() {
    if(switch2)
    {
        var top = $("#client").css("top");
        $("#client").animate({ top: "-72px" }, 1000, trOperate);
    }
}
function trOperate() {
    $("#client").stop();
    $("#client>tbody>tr:eq(0)").clone().appendTo("#client");
    $("#client>tbody>tr:eq(8)").find("img").mouseover(function() { $(this).css("border-color", "orange"); });
    $("#client>tbody>tr:eq(8)").find("img").mouseout(function() { $(this).css("border-color", "white"); });
    $("#client").css("top", "0px");
    $("#client>tbody>tr:eq(0)").remove();
}
//---------------------
function scroll(topdiv,index)//用于首页
{
   if(switch1)
   {
        if (navigator.userAgent.indexOf("MSIE 6") > 0)//是IE6.0
        { 
            if($("#tb_bg").attr("class")=="table1")//注意，默认的第一轮是table1,第二轮会变成bg1_1
            {
               $("#tb_bg").attr("class",css[1]); 
               i++;  
            }
            else if($("#tb_bg").attr("class")=="bg1_3")
            {
               $("#tb_bg").attr("class",css[0]);
               i=0;      
            }
            else 
            {
               $("#tb_bg").attr("class",css[++i]);
            }
            var cssname=$("#tb_bg").attr("class");
            if(cssname=="bg1_3")
            {
              $("#project").attr("href","PortfolioDetail.aspx?PortfolioId=20");
              $("#img1").css("border-color","#ffffff");    
              $("#img2").css("border-color","#ffffff");    
              $("#img3").css("border-color","#ff6600");  
            }
            else if(cssname=="bg1_2")
            {
              $("#project").attr("href","PortfolioDetail.aspx?PortfolioId=43");
              $("#img1").css("border-color","#ffffff");    
              $("#img2").css("border-color","#ff6600");    
              $("#img3").css("border-color","#ffffff");  
            }
            else if(cssname=="bg1_1")
            {
              $("#project").attr("href","PortfolioDetail.aspx?PortfolioId=1");
              $("#img1").css("border-color","#ff6600");    
              $("#img2").css("border-color","#ffffff");    
              $("#img3").css("border-color","#ffffff");  
            }
        }
        else{
        
            //指示图片边框颜色改变 
            $("#img"+(i+1)).css("border-color","#ff6600");
            if(i==0)
            {
              $("#img3").css("border-color","#ffffff");
            }
            else
            {
              $("#img"+i).css("border-color","#ffffff");        
            }
            var zindex1 = $("#bg" + topdiv).css("z-index"); //当前表面层的z-index
            var zindex2 = $("#bg" + Math.abs(topdiv - 1)).css("z-index"); //当前下面层的z-index
            $("#bg" + Math.abs(topdiv - 1)).attr("class", css[i]); //将下面层CSS换为要显示的样式            
            $("#bg" + topdiv).animate({ opacity: 0 }, 500); //将表面层渐隐,同时下面层显示
            $("#bg" + topdiv).queue(function() {
                    //更换两个层的z-index
                    $("#bg" + topdiv).css("z-index", zindex2);
                    $("#bg" + Math.abs(current - 1)).css("z-index", zindex1);
                    $("#bg" + topdiv).css({ opacity: 1 }, 0); //把更换后的当前下面层显示
                    current = Math.abs(topdiv - 1); //记录当前表面层序号
                    $(this).dequeue();
            });
            i++;
            if(i==1)
            {
              $("#project").attr("href","PortfolioDetail.aspx?PortfolioId=20");
            }
            if(i==2)
            {
              $("#project").attr("href","PortfolioDetail.aspx?PortfolioId=43");
            }
            if(i==3)
            {
               i=0;
               $("#project").attr("href","PortfolioDetail.aspx?PortfolioId=1");
            }
        }
    }
}
//------------开始首页动画方法------------------
function startAnimate()
{
    scroll(current,i);
    slipUp();
}

//------------用于公司客户页---------------------
function scroll2(topdiv,index)
{
    if (navigator.userAgent.indexOf("MSIE 6") > 0)//是IE6.0
    { 
        if($("#tb_bg").attr("class")=="table1" )//注意，默认的第一轮是table1,第二轮会变成bg4_1
        {
           i++;
           $("#tb_bg").attr("class",css2[index+1]);
        }
        else
        {
           if(index==3)           
           {   
              i=0;
           }
           $("#tb_bg").attr("class",css2[i]);
        }
        i++;
        if(i==3)
        {
           i=0;
        }
    }
    else
    {
        var zindex1 = $("#bg" + topdiv).css("z-index"); //当前表面层的z-index
        var zindex2 = $("#bg" + Math.abs(topdiv - 1)).css("z-index"); //当前下面层的z-index
        //alert(zindex1+""+zindex2);
        $("#bg" + Math.abs(topdiv - 1)).attr("class", css2[index]); //将下面层CSS换为要显示的样式            
        $("#bg" + topdiv).animate({ opacity: 0 }, 500); //将表面层渐隐,同时下面层显示
        //alert($("#bg0").attr("class"));
        //alert($("#bg1").attr("class"));
        
        $("#bg" + topdiv).queue(function() {
                //更换两个层的z-index
                $("#bg" + topdiv).css("z-index", zindex2);
                $("#bg" + Math.abs(current - 1)).css("z-index", zindex1);
                $("#bg" + topdiv).css({ opacity: 1 }, 0); //把更换后的当前下面层显示
                //alert(topdiv);
                current = Math.abs(topdiv - 1); //记录当前表面层序号
                $(this).dequeue();
        });
        i++;
        if(i==3)
        {
           i=0;
        }
    
    }
}
$(function() {

    $("#div_Client").mouseover(function() { switch2=false;});
    $("#div_Client").mouseout(function() { switch2=true; });  
    
    
    if(title=="北京数字");
    {
    $("#bg0").attr("class", "bg1_1");
    $("#bg1").attr("class", "bg1_2");
    }
    if(title=="公司客户")
    {
    $("#bg0").attr("class", "bg4_1");
    $("#bg1").attr("class", "bg4_2");
    }
    /*-------------------*/
    var def = "31px"; //滑块初始位置
    var className = "bg1_1";
    switch (title) {
        case '北京数字': def = "31px"; className = "bg1_1"; break;
        case '服务项目': def = "130px"; className = "bg2"; break;
        case '成功案例': def = "230px"; className = "bg3"; break;
        case '公司客户': def = "330px"; className = "bg4"; break;
        case '关于我们': def = "430px"; className = "bg5"; break;
        case '获得荣誉': def = "430px"; className = "bg5"; break;
        case '诚聘英才': def = "530px"; className = "bg5"; break;
        case '联系我们': def = "530px"; className = "bg6"; break;
        default: def = "30px";
    }
    $("#cursor").css("left", def); //初始位置
    if(title!='北京数字'&title!='公司客户')
    {
        $("#tb_bg").attr("class", className); //初始位置
    }
    $(".menu").mouseover(function() {
        $("#cursor").stop();
        var wid = $(this).attr("id");
        $("#cursor").animate({ left: wid }, 200);
    });
    $("#tr_con").mouseover(function() {
        $("#cursor").stop();
        $("#cursor").animate({ left: def }, 200);
    });
    /*--------此方法用于首页----------*/
    $(".box").mouseover(function() {
        //clearInterval(timeID);
        switch1=false;
        $("#bg0").stop();//结束上次动画，防止出现动画排队延时现象 --20100514注
        $("#bg1").stop();// --20100514注
        var id = $(this).attr("id");
        num = id.substring(3, 4); //得到触发事件的当前对象序号
        //指示图片边框颜色改变 
       //$("#img"+num).css("border-color","#ff6600");
       if(num==1)
       {   
        $("#project").attr("href","PortfolioDetail.aspx?PortfolioId=20"); 
        $("#img1").css("border-color","#ff6600");
        $("#img2").css("border-color","#ffffff");    
        $("#img3").css("border-color","#ffffff");    
       }
       if(num==2)
       {
        $("#project").attr("href","PortfolioDetail.aspx?PortfolioId=43"); 
        $("#img1").css("border-color","#ffffff"); 
        $("#img2").css("border-color","#ff6600");   
        $("#img3").css("border-color","#ffffff");        
       }
       if(num==3)
       {
        $("#project").attr("href","PortfolioDetail.aspx?PortfolioId=1"); 
        $("#img1").css("border-color","#ffffff");    
        $("#img2").css("border-color","#ffffff");
        $("#img3").css("border-color","#ff6600");    
       }
        //alert(num);
        i=num-1;//把当前
        if (navigator.userAgent.indexOf("MSIE 6") > 0)//是IE6.0
        {
            if ($("#tb_bg").attr("class") != ("bg1_" + num)) {
                $("#tb_bg").attr("class", "bg1_" + num);
            }
        }
        else {
            var zindex1 = $("#bg" + current).css("z-index"); //当前表面层的z-index
            var zindex2 = $("#bg" + Math.abs(current - 1)).css("z-index"); //当前下面层的z-index
            //alert(num);
            $("#bg" + Math.abs(current - 1)).attr("class", "bg1_" + num); //将下面层CSS换为要显示的样式            
            $("#bg" + current).animate({ opacity: 0 }, 500); //将表面层渐隐,同时下面层显示
            $("#bg" + current).queue(function() {
                //更换两个层的z-index
                $("#bg" + current).css("z-index", zindex2);
                $("#bg" + Math.abs(current - 1)).css("z-index", zindex1);
                $("#bg" + current).css({ opacity: 1 }, 0); //把更换后的当前下面层显示
                current = Math.abs(current - 1); //记录当前表面层序号
                $(this).dequeue();
            })
            
        }
    });
    $(".box").mouseout(function() {
        //timeID=setInterval("scroll(current,i);",3000);
        switch1=true;
    });
    /*---------此方法用于公司客户----------*/
    $("#Navigation1_img_Next").mouseover(function() {
       var url=$(this).attr("src");
       //alert(url);
       if(url.indexOf(".gif"))
       {
          url=url.replace(".gif","_h.gif");  
          $(this).attr("src",url);
       }
    });
    $("#Navigation1_img_Next").mouseout(function() {
       var url=$(this).attr("src");
       if(url.indexOf("_h.gif"))
       {
          url=url.replace("_h.gif",".gif");  
          $(this).attr("src",url);
       }
    });
    $("#Navigation1_img_Previous").mouseover(function() {
       var url=$(this).attr("src");
       if(url.indexOf(".gif"))
       {
          url=url.replace(".gif","_h.gif");  
          $(this).attr("src",url);
       }
    });
    $("#Navigation1_img_Previous").mouseout(function() {
       var url=$(this).attr("src");
       if(url.indexOf("_h.gif"))
       {
          url=url.replace("_h.gif",".gif");  
          $(this).attr("src",url);
       }
    });
    $("#Navigation1_img_Next").click(function() {
        clearInterval(timeID);
        $("#bg0").stop();//结束上次动画，防止出现动画排队延时现象
        $("#bg1").stop();
        if (navigator.userAgent.indexOf("MSIE 6") > 0)//是IE6.0
        {
            var n=$("#tb_bg").attr("class").substring(4,5);
            if(n==3)
            {
                n=1;
            }
            else if( n=='e')
            {
                n=2;
            }
            else
            {
                n++;                
            }
            i=n;
            $("#tb_bg").attr("class", "bg4_" + n);
            timeID=setInterval("scroll2(current,i);",10000);
        }
        else {
            var cssid=$("#bg" + current).attr("class").substring(4,5);//当前表面层的css的id
            i=parseInt(cssid);
            if(cssid=="3")
            {
              cssid="1";
            }
            else
            {
               cssid=parseInt(cssid);
               cssid++;
            }
            //alert(cssid);
            var zindex1 = $("#bg" + current).css("z-index"); //当前表面层的z-index
            var zindex2 = $("#bg" + Math.abs(current - 1)).css("z-index"); //当前下面层的z-index
            $("#bg" + Math.abs(current - 1)).attr("class", "bg4_" + cssid); //将下面层CSS换为要显示的样式            
            $("#bg" + current).animate({ opacity: 0 }, 500); //将表面层渐隐,同时下面层显示
            $("#bg" + current).queue(function() {
                //更换两个层的z-index
                $("#bg" + current).css("z-index", zindex2);
                $("#bg" + Math.abs(current - 1)).css("z-index", zindex1);
                $("#bg" + current).css({ opacity: 1 }, 0); //把更换后的当前下面层显示
                current = Math.abs(current - 1); //记录当前表面层序号
                $(this).dequeue();
            })
            
            if(i==3)
            {
                i=1;
            }
            timeID=setInterval("scroll2(current,i);",10000);
        }
    });  
    $("#Navigation1_img_Previous").click(function() {
        clearInterval(timeID);
        $("#bg0").stop();//结束上次动画，防止出现动画排队延时现象
        $("#bg1").stop();  
         if (navigator.userAgent.indexOf("MSIE 6") > 0)//是IE6.0
        {            
            var n=$("#tb_bg").attr("class").substring(4,5);
            if(n==1 || n=='e')
            {
                n=3;
            }
            else
            {
                n--;                
            }
            i=n;
            $("#tb_bg").attr("class", "bg4_" + n);
            timeID=setInterval("scroll2(current,i);",10000);
        }
        else {
            var cssid=$("#bg" + current).attr("class").substring(4,5);//当前表面层的css的id
            if(cssid=="1")
            {
               cssid=3;
            }
            else
            {
               cssid=parseInt(cssid);
               cssid--;
             }
            i=parseInt(cssid);
            //alert(cssid);
            var zindex1 = $("#bg" + current).css("z-index"); //当前表面层的z-index
            var zindex2 = $("#bg" + Math.abs(current - 1)).css("z-index"); //当前下面层的z-index
            $("#bg" + Math.abs(current - 1)).attr("class", "bg4_" + i); //将下面层CSS换为要显示的样式            
            $("#bg" + current).animate({ opacity: 0 }, 500); //将表面层渐隐,同时下面层显示
            $("#bg" + current).queue(function() {
                //更换两个层的z-index
                $("#bg" + current).css("z-index", zindex2);
                $("#bg" + Math.abs(current - 1)).css("z-index", zindex1);
                $("#bg" + current).css({ opacity: 1 }, 0); //把更换后的当前下面层显示
                current = Math.abs(current - 1); //记录当前表面层序号
                $(this).dequeue();
            })
            if(i==3)
            {
               i=0;
            }
            timeID=setInterval("scroll2(current,i);",10000);
        }
    });
    /*-----------------------*/
    if(title=="北京数字")
    {
        timeID=setInterval("startAnimate();",3000);//用于网站首页
    }
    else if(title=="公司客户")
    {
        timeID=setInterval("scroll2(current,i);",10000);//用于公司客户页
    }
});
    
//-->