window.onload=function(){
var element = $('productes');
var submenu = $('submenu');
	Event.observe(element, 'mouseover', function(event){
		$('submenu').show();
	});
	Event.observe(element, 'mouseout', function(event){
		$('productes').removeClassName('active');
		$('submenu').hide();
	});
	Event.observe(submenu, 'mouseover', function(event){
		$('productes').addClassName('active');
		$('submenu').show();
	});
	Event.observe(submenu, 'mouseout', function(event){
		$('productes').removeClassName('active');
		$('submenu').hide();
	});
}
function menu()
{
var element = $('productes');
var submenu = $('submenu');
	Event.observe(element, 'mouseover', function(event){
		$('submenu').show();
	});
	Event.observe(element, 'mouseout', function(event){
		$('productes').removeClassName('active');
		$('submenu').hide();
	});
	Event.observe(submenu, 'mouseover', function(event){
		$('productes').addClassName('active');
		$('submenu').show();
	});
	Event.observe(submenu, 'mouseout', function(event){
		$('productes').removeClassName('active');
		$('submenu').hide();
	});
}