window.addEvent('domready', function() {
    //create our Accordion instance
    var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
        opacity: false,
        onActive: function(toggler, element){
            toggler.addClass('active');
        },
        onBackground: function(toggler, element){
            toggler.removeClass('active');
        }
    });
    myAccordion.togglers.each(function(toggler){
    	toggler.addEvent('mouseover',function(){
    		this.fireEvent('click');
    	});
    });
    
    //
    // screeningroom next button's ajax stuff
    //
    if ($('sr_next')) {
        $('sr_next').addEvent('click', function(e) {
            if (e) {
                e.stop(); 
            }
            //$('spot_list').innerHTML = '<p>Updating Spots...</p>'
    
            var l = window.location;
    	    var url = l.protocol + '//' + l.host + '/screeningroom/list/?page=' + ++cur_page;
            
    	    new Request.HTML({
    	        url: url, 
                method: 'get',
    	        update: $('spot_list')
    	    }).send();
    	
            return false;
        });
    }

    //
    // screeningroom prev button's ajax stuff
    //
    if ($('sr_prev')) {
        $('sr_prev').addEvent('click', function(e) {
            if (e) {
                e.stop(); 
            }
            //$('spot_list').innerHTML = '<p>Updating Spots...</p>'
    
            var l = window.location;
            if (cur_page > 0) {
                cur_page--;
            }
    	    var url = l.protocol + '//' + l.host + '/screeningroom/list/?page=' + cur_page ;
             
    	    new Request.HTML({
    	        url: url, 
                method: 'get',
    	        update: $('spot_list')
    	    }).send();
    	
            return false;
        });
    }

    //
    // screeningroom credit's slide fx 
    //
    
    if ($('v_toggle')) {
        var myVerticalSlide = new Fx.Slide('vertical_slide').show();
        $('v_toggle').addEvent('click', function(e){
	    e.stop();
	    myVerticalSlide.toggle();
	});    
    }

});



nav_hover = function() {
    var sfEls = document.getElementById("navigation").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", nav_hover);