function SlidingMenu_GetSelectedItem() {
    var objSlidingMenu = document.getElementById('SlidingMenu');
    var ItemID = 'SlidingItem' + document.getElementById('ctl00_hi_Cats').value;
    var Items = objSlidingMenu.getElementsByTagName('A');
    var SelectedItem = null;
    for (var i=0; i<Items.length; i++) {
        if (Items[i].id == ItemID) {
            SelectedItem = Items[i];
            break;
        }
    }
    return (SelectedItem)? SelectedItem: SlidingMenu.GetFirstItem();
}
function SlidingMenu_GetFirstItem() {
    var objSlidingMenu = document.getElementById('SlidingMenu');
    var FirstItem = objSlidingMenu.getElementsByTagName('A')[0];
    return (FirstItem)? FirstItem: null;
}
function SlidingMenu_GetParentItem(Item) {
    Item = Item.parentNode.parentNode;
    if (Item.parentNode.nodeName != 'DIV') return Item.parentNode.firstChild;
    else return null;
}
function SlidingMenu_ExpandItem(Item) {
    var Node = Item.parentNode.getElementsByTagName('UL')[0];
    var ChildNodes = Node.childNodes;
    for (var i=0; i<ChildNodes.length; i++) {
        if (ChildNodes[i].nodeName != 'LI') continue;
        if (ChildNodes[i].getElementsByTagName('UL').length > 0) ChildNodes[i].firstChild.style.backgroundImage = 'url(/Manager/Image/Arrow03.gif)';
        ChildNodes[i].style.display = 'block';
    }
}
function SlidingMenu_SelectItem(Item) {
    var ParentItem;
    Item.className = 'SelectedItem';
    Item.parentNode.style.display = 'block';
    if (Item.parentNode.getElementsByTagName('UL').length > 0) {
        SlidingMenu.ExpandItem(Item);
    } else {
        ParentItem = SlidingMenu.GetParentItem(Item);
        if (ParentItem) {
            SlidingMenu.ExpandItem(ParentItem);
        }
    }
    ParentItem = SlidingMenu.GetParentItem(Item);
    while (ParentItem) {
        ParentItem.className = 'ParentItem';
        ParentItem.parentNode.style.display = 'block';
        ParentItem = SlidingMenu.GetParentItem(ParentItem);
    }
}
function SlidingMenu_IsExpanded(Item) {
    var ChildNodes = Item.parentNode.getElementsByTagName('UL')[0].childNodes;
    for (var i=0; i<ChildNodes.length; i++) {
        if (ChildNodes[i].nodeName != 'LI') continue;
        if (ChildNodes[i].style.display == '' || ChildNodes[i].className.indexOf('ParentItem') > -1) return false
    }
    return true
}
function SlidingMenu_Clear() {
    var objSlidingMenu = document.getElementById('SlidingMenu');
    var Items = objSlidingMenu.getElementsByTagName('A');
    for (var i=0; i<Items.length; i++) {
        Items[i].className = '';
        Items[i].style.backgroundImage = 'none';
        Items[i].parentNode.style.display = '';
    }
}
function SlidingMenu_Initialize() {
    var objSlidingMenu = document.getElementById('SlidingMenu');
    if (objSlidingMenu) {
       var Items = objSlidingMenu.getElementsByTagName('A');
        for (var i=0; i<Items.length; i++) {
            if (Items[i].parentNode.getElementsByTagName('UL').length > 0) Items[i].removeAttribute('id');
        }
        var SelectedItem = SlidingMenu.GetSelectedItem();
        if (SelectedItem) {
            SlidingMenu.SelectItem(SelectedItem);
            CatMenu_Selected = null;
            for (var i=0; i<Items.length; i++) {
                Items[i].setAttribute('hideFocus', 'true');
                Items[i].setAttribute('unselectable', 'on');
                Items[i].onmouseover = function() {
                    if (this.className != 'SelectedItem') this.className += 'HoveredItem';
                }
                Items[i].onmouseout = function() {
                    this.className = this.className.replace('HoveredItem', '');
                }
                Items[i].onfocus = function() {
                    if (this.className != 'SelectedItem') this.className = 'ActivedItem' + this.className;
                }
                Items[i].onblur = function() {
                    this.className = this.className.replace('ActivedItem', '');
                }
                Items[i].onclick = function() {
                    if (this.className != 'SelectedItem') {
                        if (this.parentNode.getElementsByTagName('UL').length > 0) {
                            if (this.className.indexOf('ParentItem') != -1) {
                                if (SlidingMenu.IsExpanded(this)) {
                                    SlidingMenu.Clear();
                                    SlidingMenu.SelectItem(this);
                                } else {
                                    SlidingMenu.Slid(this, -1);
                                }
                            } else {
                                SlidingMenu.Slid(this, 1);
                            }
                        } else {
                            return true;
                            //document.location = '/Products.aspx?cat=' + this.id.replace('SlidingItem', '');
                            //SlidingMenu.Clear();
                            //SlidingMenu.SelectItem(this);
                            //document.getElementById('hi_Cats').value = this.id.replace('SlidingItem', '');
                            //FieldValidation('["hi_Cats", 0]');
                        }
                    }
                    return false;
                }
            }
        }
    }
}
function Motion(Pos, Step) {
    var DivIn = document.getElementById('SlidingMenu').firstChild;
    var Left = DivIn.style.marginLeft.replace('px', '');
    if (parseInt(Left) == Pos) {
        var UL2 = document.getElementById('SlidingMenuUL2');
        DivIn.removeChild(UL2);
        DivIn.style.marginLeft = '0px';
        return
    } else {
        DivIn.style.marginLeft = (parseInt(Left) + Step) + 'px';
    }
    setTimeout('Motion(' + Pos +', ' + Step + ')', 15);
}
function SlidingMenu_Slid(Item, Status) {
    var DivIn = document.getElementById('SlidingMenu').firstChild;
    var UL1 = DivIn.getElementsByTagName('UL')[0];
    var UL2 = UL1.cloneNode(true);
    UL2.id = 'SlidingMenuUL2';
    SlidingMenu.Clear();
    SlidingMenu.SelectItem(Item);
    if (Status == 1) {
        DivIn.insertBefore(UL2, null);
        DivIn.style.marginLeft = '-175px';
        Motion(0, 25);
    } else {
        DivIn.insertBefore(UL2, UL1);
        Motion(-175, -25);
    }
}

var SlidingMenu = new Object();
SlidingMenu.InitMenu = SlidingMenu_Initialize;
SlidingMenu.GetSelectedItem = SlidingMenu_GetSelectedItem;
SlidingMenu.GetFirstItem = SlidingMenu_GetFirstItem;
SlidingMenu.SelectItem = SlidingMenu_SelectItem;
SlidingMenu.GetParentItem = SlidingMenu_GetParentItem;
SlidingMenu.ExpandItem = SlidingMenu_ExpandItem;
SlidingMenu.IsExpanded = SlidingMenu_IsExpanded;
SlidingMenu.Clear = SlidingMenu_Clear;
SlidingMenu.Slid = SlidingMenu_Slid;