var timeoutHandle;
    function addCount()
    {
       
        document.getElementById("topSmallLink").style.display ="none";
        if(time>0)
        {
            time--;
            h = h+15;
        }
        else
        {
            return;
        }
        if(h>198)  //高度
        {
            return;
        }
        document.getElementById("topLink").style.display = "";
        document.getElementById("topLink").style.height = h+"px";
        setTimeout("addCount()",30); 
    }
    
    function fitScreen()
    {
        if(screen.width==1024)
        {
            document.getElementById("topSmallLink").style.left ="10px";
        }
        else if(screen.width==1440)
        {
            document.getElementById("topSmallLink").style.left ="227px";
        }
        else
        {
            document.getElementById("topSmallLink").style.left ="142px";
        }
    }
    
    function initialTopBanner()
    {
        fitScreen();
        document.getElementById("topSmallLink").onmouseover=draw;
        document.getElementById("topLink").onmouseleave = retracting;
        document.getElementById("topSmallLink").onmouseleave=out;
        document.getElementById("topSmallLink").onclick = directTo;
        document.getElementById("topLink").onclick = directTo;
    }

//    function passage()
//    {
//        clearTimeout(timeoutHandle);
//        timeoutHandle=setTimeout("addCount()",2000);
//    }
    
    function out()
    {
        clearTimeout(timeoutHandle);
        //timeoutHandle=setTimeout("addCount()",2000);
    }
    
    
    function draw()
    {
         time = 500;
         h = 0;
         clearTimeout(timeoutHandle);
         timeoutHandle=setTimeout("addCount()",1000);
    }
    
    function retracting()
    {
       T = 260;
       N = 198; //高度
       setTimeout("noneAds()",1000); 
    }
  
    
    function noneAds()
    {
        
        if(T>0)
        {
            T--;
            N = N-15;
        }
        else
        {
            return;
        }
        if(N<0)
        {
            document.getElementById("topLink").style.display = "none";
            document.getElementById("topSmallLink").style.display ="";
            return;
        }
        
        document.getElementById("topLink").style.height = N+"px";
        setTimeout("noneAds()",30); 
    }
    
    function directTo()
    {
        window.open("http://www.cc-all.com/website/SalesPromotion.aspx?htm=CanonICM2011Spring.htm","_blank");
    }