function getElementsByClassName(node, classname){
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for(var i=0,j=els.length; i<j; i++)
        if(re.test(els[i].className))a.push(els[i]);
    return a;
}

function $(element){
    return document.getElementById(element);
}

function getNextSibling(element, tagName) {
  tagName = tagName.toUpperCase()
  element = element.nextSibling
  while (element) {
    if (element.nodeName.toUpperCase() == tagName) {
      return element
    }
    element = element.nextSibling
  }
}



/////////////////////////////////////////////////////////////////////////////////////////

var selectedElement = '';
var selectedDiv = '';

function horMenuOverInit(tableElement){
    var menuItems = getElementsByClassName(tableElement,'horMenuMainTd');
    var c = menuItems.length;
    
    for(var i=0; i < c; i++){
        menuItems[i].onmouseover = function(){
            this.className = 'horMenuMainTdOver';
            this.firstChild.style.color = '#e1e3c9';
        }        
        menuItems[i].onmouseout = function(){
            this.className = 'horMenuMainTd';
            this.firstChild.style.color = 'White';
        }
    }
}

function vMenuInit(tableElement){
    var menuItemsL1 = getElementsByClassName(tableElement,'level1');
    var menuItemsL1Sel = getElementsByClassName(tableElement,'level1sel');
    var c1 = menuItemsL1.length;
    var c1sel = menuItemsL1Sel.length;
    for(var h=0; h<c1sel; h++){
        menuItemsL1.push(menuItemsL1Sel[h]);
        c1++;
        }
        
    for(var i = 0; i < c1; i++){
        menuItemsL1[i].onclick = function(){
            var l1IdNumber = this.id.split('_')[1];
            var l2Div = $('vMenuL2Div_'+l1IdNumber);
            if(l2Div.style.display=='none'){
                l2Div.style.display = 'block';
                this.className='level1sel';
                
                var level1s = getElementsByClassName(tableElement,'level1sel');
                for(var j=0; j<level1s.length; j++){
                    if(level1s[j]!=this){
                       level1s[j].className = 'level1';
                       var l2OtherDiv = $('vMenuL2Div_'+level1s[j].id.split('_')[1]);
                       l2OtherDiv.style.display='none';
                    }
                }
            }
            else{
                l2Div.style.display = 'none';
                this.className='level1';
            }
        }        
    }
 
    var menuItemsL2 = getElementsByClassName(tableElement,'level2');
    var menuItemsL2Selected = getElementsByClassName(tableElement,'level2sel');
    var c2 = menuItemsL2.length;
    if(menuItemsL2Selected.length!=0){
        for(var q=0; q<menuItemsL2Selected.length; q++){
            menuItemsL2.push(menuItemsL2Selected[q]);
            c2++;
        }
    }
    
    for(var j = 0; j < c2; j++){
        menuItemsL2[j].onclick = function(){
            var l2IdNumber = this.id.split('_')[1];
            var l3Div = $('vMenuL3Div_'+l2IdNumber);
            
            if((selectedElement!='')&&(selectedElement!=this)){
                selectedElement.className='level2';
                selectedElement.parentNode.parentNode.getElementsByTagName('img')[0].src='images/arrow.gif';
                selectedElement.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.className='';
                selectedDiv.style.display = 'none';
            }
 
             
//            if(l3Div.style.display=='none'){
//                l3Div.style.display = 'block';
//                this.className='level2sel';
//                this.parentNode.parentNode.getElementsByTagName('img')[0].src='images/arrow_sel.gif';
//                this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.className='level3TBody';
//                selectedDiv = l3Div;
//                selectedElement = this;
//            }
//            else{
//                l3Div.style.display = 'none';
//                this.className='level2';
//                this.parentNode.parentNode.getElementsByTagName('img')[0].src='images/arrow.gif';
//                this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.className='';
//                selectedDiv = '';
//                selectedElement = '';
//            }
        }        
    }
}