//when the dom is ready...
window.addEvent('domready', function() {	
	$$('.navitem').addEvents({
    'mouseover': function(){
       this.set('class','navitem_on');
    },
	'mouseout': function(){
       this.set('class','navitem');
    },
    'click': function(){	 
        	//window.location = this.getProperty('url');		 
    }
	});
	
	$$('.navitem_on').addEvents({
    'click': function(){	 
        //	window.location = this.getProperty('url');		 
    }
	});
	
	
	$$('.subnavitem').addEvents({
    'mouseover': function(){
       this.set('class','subnavitem_on');
    },
	'mouseout': function(){
       this.set('class','subnavitem');
    },
    'click': function(){	 
        	//window.location = this.getProperty('url');		 
    }
	});
	
	
	$$('.subnavitemfilter').addEvents({
    'mouseover': function(){
       this.set('class','subnavitemfilter_on');
    },
	'mouseout': function(){
       this.set('class','subnavitemfilter');
    },
    'click': function(){	 
        	//window.location = this.getProperty('url');		 
    }
	});
	
});