window.addEvent('domready', function(){

	


	var mySlide1 = new Fx.Slide('submenu1');
	if ((Common!="product_folder") && (Common!="product_detail")) { 
		mySlide1.hide(); 
	}
	var mySlide2 = new Fx.Slide('submenu2');
	if ((Common!="blocconotte") && (Common!="product_folder") && (Common!="product_detail")) { 
		mySlide2.hide(); 
	}
	var mySlide3 = new Fx.Slide('submenu3');
	if (Common!="guide") { 
		mySlide3.hide(); 
	}
	var mySlide4 = new Fx.Slide('submenu4');
	if (Common!="hoover") { 
		mySlide4.hide(); 
	}
	
	var mySlide5 = new Fx.Slide('submenu5');
	if (Common!="pressroom") { 
		mySlide5.hide(); 
	}
	
	
	var mySlide6 = new Fx.Slide('submenu6');
	if (Common!="support") { 
		mySlide6.hide(); 
	}

	$('menu1').addEvent('click', function(e){

		e = new Event(e);
		mySlide5.slideOut();
		mySlide4.slideOut();
		mySlide3.slideOut();
		mySlide2.slideOut();
		mySlide6.slideOut();
		mySlide1.slideIn();
		e.stop();
	});

	$('menu2').addEvent('click', function(e){

		e = new Event(e);
		mySlide5.slideOut();
		mySlide4.slideOut();
		mySlide3.slideOut();
		mySlide1.slideOut();
		mySlide6.slideOut();
		mySlide2.slideIn();
		e.stop();
	});

	$('menu3').addEvent('click', function(e){

		e = new Event(e);
		mySlide5.slideOut();
		mySlide4.slideOut();
		mySlide2.slideOut();
		mySlide1.slideOut();
		mySlide6.slideOut();
		mySlide3.slideIn();
		e.stop();
	});

	$('menu4').addEvent('click', function(e){

		e = new Event(e);
		mySlide5.slideOut();
		mySlide3.slideOut();
		mySlide2.slideOut();
		mySlide1.slideOut();
		mySlide6.slideOut();
		mySlide4.slideIn();
		e.stop();
	});
	
	$('menu5').addEvent('click', function(e){

		e = new Event(e);
		mySlide3.slideOut();
		mySlide2.slideOut();
		mySlide1.slideOut();
		mySlide4.slideOut();
		mySlide6.slideOut();
		mySlide5.slideIn();

		e.stop();
	});
	
	$('menu6').addEvent('click', function(e){

		e = new Event(e);
		mySlide3.slideOut();
		mySlide2.slideOut();
		mySlide1.slideOut();
		mySlide4.slideOut();
		mySlide5.slideOut();
		mySlide6.slideIn();
		e.stop();
	});
	

	
	
	
	var fx = new Fx.Morph($('topslide'), {duration:3000,transition: Fx.Transitions.Elastic.easeOut, wait:false});


	// Create variables (in this case two arrays) representing our bubbles and pages

	var myBubbles = $$('.to');
	var myPages = $$('.topbutton');
	// Set bubbles opacity to zero so they're hidden initially and toggle visibility on for their container	
	myBubbles.setStyle('opacity', 0);
	myBubbles.setStyle('height', 0);
	myBubbles.setStyle('display', 'none');

	
	
	// Add our events to the pages
	
	
		$('smiddle').addEvents({
			'mouseover': function() {

					myBubbles.setStyle('opacity', 0);
					myBubbles.setStyle('height', 0);
					myBubbles.setStyle('display', 'none');
					
				}
		
		
		});
	
	
		myPages.each(function(el, i) {
		el.set('morph', {link : 'cancel'});



		el.addEvents({
			'mouseover': function() {
			

					myBubbles.each(function (bub) { 
					bub.morph({
						'opacity' : 0,
						'height' : '0',
						'display' : 'none'
					});
					
				});

			
				myBubbles[i].morph({
					'opacity' : 1,
					'display' : 'block',
					'height' : '73px'
				});		
			}	
		});


	});


	
	
	

});