var Navigation = Class.create({

	initialize: function(){
	
		$$('#sidebar ul li').each(function(elm){
			elm.observe('click',this.go_to_page.bindAsEventListener(this));
			elm.observe('mouseover',this.highlight_link.bindAsEventListener(this));
			elm.observe('mouseout',this.un_highlight_link.bindAsEventListener(this));
		}.bind(this));
	
	},
	
	go_to_page: function(e) {
	
		var element = Event.element(e);
		var link = element.href ? element.href : element.firstDescendant().href;
		document.location = link;
	
	},
	
	highlight_link: function(e) {
	
		var element = Event.element(e);
		if( element.tagName != 'LI' ) element = element.parentNode;
		element.addClassName('over');
		
	},
	
	un_highlight_link: function(e) {
	
		var element = Event.element(e);
		if( element.tagName != 'LI' ) element = element.parentNode;
		element.removeClassName('over');
		
	}
	

});

document.observe('dom:loaded',function(){ new Navigation(); });