Event.observe(document,'dom:loaded',function() {
	$('search_link').observe('click',function(e){
		$('search_link').toggleClassName('active');
		$('search_popup').toggle();
		if($('search_popup').visible())
			$('search_term').focus();
	});
	
	$('cancel_search_button').observe('click',function(){
		$('search_popup').hide();
		$$('.search_link').each(function(el){el.removeClassName('active')});
	});
	/*
	var run_search = function() {
		window.location.href='/?s='+escape($F('search_term'));
	};
    $('search_button').observe('click',run_search);
    
    $('search_term').observe('keyup',function(e) {
        if(e.keyCode == 13)
        	run_search();
    });
    */
	
	$$('.main_menu li ul').each(function(el) {
		el.setOpacity(0.95);
	});
	$$('.main_menu li ul li:last-child a').each(function(el) {
		el.setStyle({'border':'none'});
	});
	$$('.main_menu li:last-child ul').each(function(el) {
		el.setStyle({'right':'0px'});
	});
	
	// highlight the current tab
	var current = $$('.subnav h1')[0].innerHTML;
	$$('.main_menu > li > a').each(function(el){
		if(el.innerHTML == current)
			el.addClassName('active');
	});
	
	menuHover();
});

/*
 * IE6 doesn't recognize :hover on list items, so we have to force a hovering class.
 */
function menuHover() {	
	$$('.main_menu > li').each(function(el) {
		el.observe('mouseover',function(e) {
			el.addClassName('hovering');
		});
		el.observe('mouseout',function(e) {
			el.removeClassName('hovering');
		});
	});
}