function accordion(cat_id) {
	        var idx;
   	        //var cat_id = '<%= Request.QueryString["categori_id"] %>' ;
	        var subs = $$("div.subcategory");
	        var toggler;
	        var togglerid;
	        var found = false;
	        if (cat_id) {	
	            // locate selected toggler element
                for(i=0; i<subs.length; i++)
                {
                    var pid = subs[i].id.split(".");
                    if ( pid[0].substr(1) == cat_id) 
                    {
                        togglerid = 'mnu'+pid[1];
                        toggler = $(togglerid);
                        idx = i;
                        found = true;
                        break;
                    }
                }		          
            }

            var _togglers = $$('div.toggler');
            var _sliders = $$('div.slider');
	        var section = -1;
	        if (found) {				
		        // we locate the section id by searching _togglers 
		        for(i=0; i< _togglers.length; i++) {
			        if (_togglers[i].id == toggler.id) {
				        section = i;
				        break;
			        }
		        }
		        //_sliders[section].style.backgroundColor = "whitesmoke"; //'#EDEDE2';
	        }
        	
	        if (found) {
                subs[idx].parentNode.style.fontWeight = "bold";
                //toggler.style.backgroundColor = "#C1C1BA";
                //toggler.style.color = "#44443D";
                toggler.style.fontWeight = "bold";
                
            }
                
            var _accordion = new MultipleOpenAccordion(_togglers, _sliders, {
                    openAll:false, 
                    allowMultipleOpen:false, 
                    firstElementsOpen:[section],
                    onActive : function(myToggler) {
                        myToggler.style.backgroundColor = "#ffe5b1"; //"#E3E3DC";
                        effect1 = myToggler.effect('margin-left', {duration: 700,transition: Fx.Transitions.Bounce.easeOut, wait: false}).start('20','0');                        
                        //effect1 = myToggler.effect('margin-left', {duration: 600,transition: Fx.Transitions.Sine.easeInOut, wait: false}).start('18','0');                        
                    },
                    onBackground : function(myToggler) {
                        myToggler.style.backgroundColor = "transparent";
                    }
            });                  
    }
    
    function hover() {
        $$('div.navrow').each(function(el){
            //var prevBackground;
            el.addEvent('mouseenter', function() {
                //prevBackground = el.getStyle('background');
                el.setStyle('background','#d8f1ff');
                //effect = el.effect('margin-left', {duration: 500,transition: Fx.Transitions.Bounce.easeOut, wait: false}).start('30','0');
            })
            
            el.addEvent('mouseleave', function() { el.setStyle('background', 'transparent'); })  
         });                
    }