var Browser =
{
    //DOM对象处于浏览器页面位置(x,y坐标)
    Position: function(id) 
    {
        var object = document.getElementById(id);
        var x = object.offsetLeft;
        var y = object.offsetTop;
        object = object.offsetParent;
        while (object != null) 
        {
            x += object.offsetLeft;
            y += object.offsetTop;
            object = object.offsetParent;
        }
        this.x = x;
        this.y = y;
    },

    Initial: function() 
    {
        //判断浏览器类型
        if (navigator.userAgent.match("IE") != null) 
        {
            this.name = "IE";
            this.width = top.document.documentElement.offsetWidth;
            this.height = top.document.documentElement.offsetHeight;
        }
        else 
        {
            if (navigator.userAgent.match("Firefox") != null) 
            {
                this.name = "Firefox";
                this.width = top.document.documentElement.scrollWidth;
                this.height = top.document.documentElement.scrollHeight;
            }
        }

        //属性设置
        this.scrollTop = top.document.documentElement.scrollTop;
        this.clientHeight = top.document.documentElement.clientHeight;
    }
}


var DynamicShow = 
{
    Show:function(ShowID)
    {
        var oThis = this;
        var object = document.getElementById(ShowID);
        if(object.style.display=="none")
        {
            object.style.display="block";
        }
        var currentHeight=parseInt(object.style.height);
        if(currentHeight<oThis.height)
        {
            object.style.height=(currentHeight+oThis.increase)+"px";
            window.setTimeout(function(){oThis.Show(ShowID);},oThis.speed);
        }
    },
    
    Hidden:function(ShowID)
    {
        var oThis = this;
        var object = document.getElementById(ShowID);
        var currentHeight=parseInt(object.style.height);
        if(currentHeight<=0)
        {
            object.style.display="none";
        }
        else
        {
            object.style.height=(currentHeight-oThis.increase)+"px";
            window.setTimeout(function(){oThis.Hidden(ShowID);},oThis.speed);
        }     
    },
    
    Initial:function(parentID,ShowID,closeID,x,y)
    {
        var oThis = this;
        this.increase = 5;
        this.speed = 10;
        if(document.getElementById(ShowID).style.display=="none")
        {
            document.getElementById(ShowID).style.display="block";
        }
        this.width = parseInt(document.getElementById(ShowID).offsetWidth);
        this.height = parseInt(document.getElementById(ShowID).offsetHeight);
        document.getElementById(ShowID).style.cssText = "overflow:hidden;height:0px;background:url(images/wowsale_index_70.jpg);display:none;position:absolute;top:"+(y+33)+"px;left:"+(x-50)+"px;z-index:200";
        document.getElementById(parentID).onclick=function()
        {
            oThis.Show(ShowID);
        }
        document.getElementById(closeID).onclick=function()
        {
            oThis.Hidden(ShowID);   
        }
    }
}

window.onload=function()
{
//     MM_preloadImages('images/wowsale2_03.jpg','images/dao_04.jpg','images/dao03.jpg','images/dao04.jpg','images/dao05.jpg','images/dao06.jpg','images/dao07.jpg');
//     MM_preloadImages('/images/warqie_06.gif','/images/warqie_07.gif','/images/warqie_08.gif','/images/warqie_09.gif','/images/warqie_10.gif','/images/warqie_11.gif','/images/warqie_25.jpg','/images/warqie_27.jpg','/images/warqie_29.jpg');
//     MM_preloadImages('images/warqie_06.gif','images/warqie_07.gif','images/warqie_08.gif','images/warqie_09.gif','images/warqie_10.gif','images/warqie_11.gif','images/warqie_25.jpg','images/warqie_27.jpg','images/warqie_29.jpg');
//     MM_preloadImages('images/warqie_06.gif','images/warqie_07.gif','images/warqie_08.gif','images/warqie_09.gif','images/warqie_10.gif','images/warqie_11.gif','images/warqie_25.jpg','images/warqie_27.jpg','images/warqie_29.jpg');
//     MM_preloadImages('/images/warqie_06.gif','/images/warqie_07.gif','/images/warqie_08.gif','/images/warqie_09.gif','/images/warqie_10.gif','/images/warqie_11.gif','/images/warqie_25.jpg','/images/warqie_27.jpg','/images/warqie_29.jpg');
    var b = new Class(Browser,[]);
    b.Position("Onebtn");
    var x = new Class(DynamicShow,["Onebtn","gamelist","twoBtn",b.x,b.y]);
}