ActiveMenuButton = function(id, w, h, s, d, t, l, a) {
    this.id = id;
    this.element = document.getElementById(id);
    this.div = document.getElementById(id + '_div');
    this.width = w;
    this.height = h;
    this.interval = null;
    this.display = false;
    this.step = 1;
    this.steps = s;
    this.delay = d;
    this.Top = t;
    this.Left = l;
    this.GrowLeft;
    this.GrowTop;
    this.Direction = a;
    this.divPos;
};
ActiveMenuButton.prototype.Toggle = function() {
    var pos = this.GetPosition(this.element);
    if (!this.display) {
        this.GrowLeft = this.width / this.steps;
        this.GrowTop = this.height / this.steps;
        this.step = 1;
        this.div.style.left = (pos.x + this.Left) + 'px';
        this.div.style.top = (pos.y + this.Top) + 'px';
        this.divPos = { x: (pos.x + this.Left), y: (pos.y + this.Top) };
        this.interval = setInterval(this.id + '.Animate("' + this.id + '");', this.delay);
    } else {
        this.div.style.display = 'none';
        this.display = false;
    };
};
ActiveMenuButton.prototype.Animate = function(id) {
    var obj = window[id];
    switch (obj.step) {
        case obj.steps:
            obj.display = true;
            obj.div.style.width = parseInt(obj.GrowLeft * obj.step) + 'px';
            obj.div.style.height = parseInt(obj.GrowTop * obj.step) + 'px';
            clearInterval(obj.interval);
            break;
        case 1:
            obj.div.style.display = '';
            obj.div.style.width = parseInt(obj.GrowLeft) + 'px';
            obj.div.style.height = parseInt(obj.GrowTop) + 'px';
            obj.step += 1;
            break;
        default:
            obj.div.style.width = parseInt(obj.GrowLeft * obj.step) + 'px';
            obj.div.style.height = parseInt(obj.GrowTop * obj.step) + 'px';
            obj.step += 1;
            break;
    };
    switch (obj.Direction) {
        case 1:
            obj.div.style.left = (obj.divPos.x - parseInt(obj.div.style.width)) + 'px';
            break;
        case 2:
            obj.div.style.top = (obj.divPos.y - parseInt(obj.div.style.height)) + 'px';
            break;
        case 3:
            obj.div.style.top = (obj.divPos.y - parseInt(obj.div.style.height)) + 'px';
            obj.div.style.left = (obj.divPos.x - parseInt(obj.div.style.width)) + 'px';
            break;
    };
};
ActiveMenuButton.prototype.GetPosition = function(obj) {
    var left = 0, top = 0;
    left = ActiveMenuButton.prototype.findPosX(obj)
    top = ActiveMenuButton.prototype.findPosY(obj)
    return { x: left, y: top };
};
ActiveMenuButton.prototype.findPosX = function(obj) {
    var curleft = 0;
    if (obj.offsetParent)
        while (1) {
        curleft += obj.offsetLeft;
        if (!obj.offsetParent)
            break;
        obj = obj.offsetParent;
    }
    else if (obj.x)
        curleft += obj.x;
    return curleft;
};
ActiveMenuButton.prototype.findPosY = function(obj) {
    var curtop = 0;
    if (obj.offsetParent)
        while (1) {
        curtop += obj.offsetTop;
        if (!obj.offsetParent)
            break;
        obj = obj.offsetParent;
    }
    else if (obj.y)
        curtop += obj.y;
    return curtop;
};