window.addEvent('domready', function() {
	
	var togglerStewCrew = $('nav-the-stew-crew');
	var togglerProducts = $('nav-products');
	var togglerAbout = $('nav-about-us');
	var togglerWhere = $('nav-where-to-purchase');
	var stewCrewSlide = new Fx.Slide('sub-nav-stew-crew-content', {duration: 0}).hide();
	var productsSlide = new Fx.Slide('sub-nav-products-content', {duration: 0}).hide();
	var aboutSlide = new Fx.Slide('sub-nav-about-us-content', {duration: 0}).hide();
	var whereSlide = new Fx.Slide('sub-nav-where-to-purchase-content', {duration: 0}).hide();	
	var stewCrewStyle = new Fx.Style('sub-nav-stew-crew','opacity', {duration:0}).hide();	
	var productsStyle = new Fx.Style('sub-nav-products','opacity', {duration:0}).hide();
	var aboutStyle = new Fx.Style('sub-nav-about-us','opacity', {duration:0}).hide();
	var whereStyle = new Fx.Style('sub-nav-where-to-purchase','opacity', {duration:0}).hide();
	
	togglerStewCrew.addEvents({
		mouseenter: function(e){
			e = new Event(e).stop();
				stewCrewSlide.slideIn();
				   	productsSlide.slideOut();
					productsStyle.start(1, 0);				
		        	aboutSlide.slideOut();
					aboutStyle.start(1, 0);
					whereSlide.slideOut();
					whereStyle.start(1, 0);
				stewCrewStyle.start(0, 1);
				togglerStewCrew.setStyle('background-image', 'url(images/nav.gif)');
				togglerStewCrew.setStyle('background-position', '-611px -48px');
				togglerStewCrew.setStyle('z-index', '200');
	        },
	      	mouseleave: function(e){
	        	stewCrewSlide.slideOut();
				stewCrewStyle.start(1, 0);
				togglerStewCrew.setStyle('background-image', 'url(images/nav.gif)');
				togglerStewCrew.setStyle('background-position', '-611px top');
	        }
	});
	
	togglerProducts.addEvents({
		mouseenter: function(e){
			e = new Event(e).stop();				
		        	stewCrewSlide.slideOut();
					stewCrewStyle.start(1, 0);				
		        	aboutSlide.slideOut();
					aboutStyle.start(1, 0);
					whereSlide.slideOut();
					whereStyle.start(1, 0);
				productsSlide.slideIn();
				productsStyle.start(0, 1);
				togglerProducts.setStyle('background-image', 'url(images/nav.gif)');
				togglerProducts.setStyle('background-position', '-82px -48px');
				togglerProducts.setStyle('z-index', '200');
	        },
	      	mouseleave: function(e){
	        	productsSlide.slideOut();
				productsStyle.start(1, 0);
				togglerProducts.setStyle('background-image', 'url(images/nav.gif)');
				togglerProducts.setStyle('background-position', '-82px top');
	        }
	});
	
	togglerAbout.addEvents({
		mouseenter: function(e){
			e = new Event(e).stop();			
		        	stewCrewSlide.slideOut();
					stewCrewStyle.start(1, 0);
				   	productsSlide.slideOut();
					productsStyle.start(1, 0);
					whereSlide.slideOut();
					whereStyle.start(1, 0);
				aboutSlide.slideIn();
				aboutStyle.start(0, 1);	
				togglerAbout.setStyle('background-image', 'url(images/nav.gif)');
				togglerAbout.setStyle('background-position', '-225px -48px');
				togglerAbout.setStyle('z-index', '200');
	        },
	      	mouseleave: function(e){
	        	aboutSlide.slideOut();
				aboutStyle.start(1, 0);
				togglerAbout.setStyle('background-image', 'url(images/nav.gif)');
				togglerAbout.setStyle('background-position', '-225px top');
	        }
	});
	
	togglerWhere.addEvents({
		mouseenter: function(e){
			e = new Event(e).stop();
					whereStyle.start(0, 1);								
		        	stewCrewSlide.slideOut();
					stewCrewStyle.start(1, 0);
				   	productsSlide.slideOut();
					productsStyle.start(1, 0);				
		        	aboutSlide.slideOut();
					aboutStyle.start(1, 0);
				whereSlide.slideIn();
				togglerWhere.setStyle('background-image', 'url(images/nav.gif)');
				togglerWhere.setStyle('background-position', '-727px -48px');
				togglerWhere.setStyle('z-index', '200');
	        },
	      	mouseleave: function(e){
	        	whereSlide.slideOut();
				whereStyle.start(1, 0);
				togglerWhere.setStyle('background-position', '-727px top');
	        }
	});
});