Event.observe(window, 'load', loadAccordions, false);
    Event.observe(window, 'load', activateMouseOvers);    
        
    
    function loadAccordions() {
            var topAccordion = new accordion('#top_container', {
                    classNames : {
                            toggle : 'horizontal_accordion_toggle',
                            toggleActive : 'horizontal_accordion_toggle_active',
                            content : 'horizontal_accordion_content'
                    },
                    defaultSize : {
                            width : 347
                    },
                    direction : 'horizontal'
            });		
            // Open first one
            topAccordion.activate($$('#top_container .horizontal_accordion_toggle')[0]);
			document.getElementById('accordion').style.display = '' ;
    }
    
	function activateMouseOvers(){
        Event.observe("btn", 'mouseover', dropDownOn);
        Event.observe("menu", 'mouseover', dropDownOn);
        Event.observe("dropdown", 'mouseout', dropDownOff);
        Event.observe("content", 'mouseover', dropDownOff);                
       }
    
    
    function dropDownOn(){        
        var btn = $('btn');
        var m = $('menu');
        m.style.visibility = 'visible';
        m.style.left = Position.page(btn)[0] - 20 + 'px';
        m.style.top = Position.page(btn)[1] + 8 + 'px';
    }
    function dropDownOff(){
        var btn = $('btn');
        var m = $('menu');
        m.style.visibility = 'hidden';
       }
    /*    
    function dropDown(state){
        var btn = $('btn');
        var m = $('menu');
        if(state == 'on'){
            m.style.visibility = 'visible';
                alert(page(btn));
            alert(l);
            m.style.left = l + 'px';
            m.style.top = h + 'px';            
            }
        if(state == 'off'){
            m.style.visibility = 'hidden';
            }            
    }
*/