function initializeMenuGroup( group, formid ) {
    var selector = "." + group ;
    
    var ie = true ;

    var sheets = document.styleSheets ;
    for( var sheetIndex = 0; sheetIndex < sheets.length ; sheetIndex++ ) {
        var sheet = sheets[ sheetIndex ] ;
    
        var rules ;
        
        if( sheet.rules ) {
            rules = sheet.rules ;
        }
        else {
            rules = sheet.cssRules ;
            ie = false ;
        }

        for( var ruleIndex = 0; ruleIndex < rules.length ; ruleIndex++ ) {

            var rule = rules[ ruleIndex ] ;
            //alert( 'Stylesheet ' + sheetIndex + ', rule ' + ruleIndex + ': selectorText = ' + rule.selectorText ) ;
            
            if( rule.selectorText == selector ) {
                return ;
            }
        }
    }
    
    var sheet = sheets[0];
    var currentDisplay = document.getElementById( formid ).value ;
    
    if( ie ) {
        sheet.addRule( selector, "display:" + currentDisplay ) ;
    }
    else {
        sheet.insertRule( selector + " { display:" + currentDisplay + ";width:188px; }", sheet.cssRules.length ) ;
    }
}

function toggleMenuGroup( element, group, formid ) {
    var selector = "." + group ;

    var sheets = document.styleSheets ;
    for( var sheetIndex = 0; sheetIndex < sheets.length ; sheetIndex++ ) {
        var sheet = sheets[ sheetIndex ] ;
    
        var rules ;
        
        if( sheet.rules ) {
            rules = sheet.rules ;
        }
        else {
            rules = sheet.cssRules ;
        }
        
        for( var ruleIndex = 0; ruleIndex < rules.length ; ruleIndex++ ) {

            var rule = rules[ ruleIndex ] ;
            //alert( 'Stylesheet ' + sheetIndex + ', rule ' + ruleIndex + ': selectorText = ' + rule.selectorText ) ;
            
            if( rule.selectorText == selector ) {
                var currentDisplay = rule.style.display ;
                var newDisplay = currentDisplay != 'none' ? 'none' : 'block' ;
                rule.style.display = newDisplay ;
                document.getElementById( formid ).value = newDisplay ;
                
                var cursor = element.style.cursor ;
                if( newDisplay == 'none' ) {
                    //Replace zoomOut with zoomIn
                    cursor = cursor.replace( /zoomOut/i, "zoomIn" ) ;
                }
                else {
                    //Replace zoomIn with zoomOut
                    cursor = cursor.replace( /zoomIn/i, "zoomOut" ) ;
                }
                element.style.cursor = cursor ;
            }
        }
    }
}