window.addEvent('domready', function() {
		var mainNavToggle = $('mainSectionHeading');
		var mainNav = $('mainSection');
		var sectionHolder = $('sectionHolder');

		if ($defined(sectionHolder) && bInitJSMenu) {
			/* if javascript is on add this class */
			sectionHolder.toggleClass('withJS');
			mainNav.set('styles',
				{
					'margin-bottom' : '0'
				}
			);
			
			/*Set up slide fx on mainNav*/
			var mainNavSlide = new Fx.Slide(mainNav, {
				duration: 750,
				transition: Fx.Transitions.Pow.easeOut,
				onStart: function(){
					/*Toggle the status of the button when the animation start*/
					mainNavToggle.toggleClass('collapse');
					mainNav.toggleClass('overlay');
				}
			});

			/*Hide it by default*/
			mainNavSlide.hide();

			/*Add click event to toggle button*/
			mainNavToggle.addEvents({
				'click': function(e){
					e.stop();
					/*Toggle the status of the menu */
					mainNavSlide.toggle();
				}
			});
		}
	}
);