var eventMode = 'implicit';
var vars = {};
window.addEvent('domready', function(){
		vars.theMenu = ( document.getElementById('element_366521') ) ? $('element_366521') : $('element_372539');
		vars.theOuter = ( document.getElementById('element_366373') ) ? $('element_366373') : $('element_372533');
		vars.theMenu.coords = vars.theMenu.getCoordinates();
		vars.theMenu.positions = [
			{position: 'absolute', top: vars.theMenu.getStyle('top'), left: vars.theMenu.getStyle('left')},
			{position: 'fixed', top: '20px', left: vars.theMenu.coords.left.toInt()+'px'},
			{position: 'absolute', top: (vars.theOuter.getCoordinates().top.toInt()-vars.theMenu.coords.height.toInt()-vars.theMenu.coords.top.toInt())+'px'}
		];
		vars.theMenu.positions[2].left = vars.theMenu.positions[0].left;
		vars.theSideLinks = vars.theMenu.getElements('a[href*=#]');
		vars.theContainers = $$('div.e-business-website-builder-container');
		vars.theSideLinks.each(function(link){
			var theName = link.getProperty('href').split('#')[1];
			var theAnchor = $$('a[name='+theName+']');
			link.setProperty('id','link_'+theName);
			link.topCoord = link.getCoordinates().top.toInt() - vars.theMenu.topCoord;
			if ( theAnchor.length == 1 ) {
				theAnchor = theAnchor[0];
				theAnchor.addClass('anchor');
				if ( !theAnchor.getProperty('id') || theAnchor.getProperty('id').length == 0 ) {
					theAnchor.setProperty('id',theAnchor.getProperty('name'));
				}
				var theParent = theAnchor.getParent();
				while ( theParent && !theParent.hasClass('e-business-website-builder-container') ) {
					theParent = theParent.getParent();
				}
				link.anchorParent = theParent;
				link.addEvent('click',function(){
					eventMode = 'explicit';
					link.anchorParent.fireEvent('scrollInto');
					(function(){eventMode = 'implicit';}).delay(2000);
				});
			}
		});
		vars.theContainers.each(function(div){
			div.addEvent('scrollInto',function(){
				vars.theContainers.removeClass('active');
				if ( typeof CMS == 'undefined' ) { div.addClass('active'); }
				div.getElements('a.anchor').each(function(anchor){
					var theLink = $('link_'+anchor.getProperty('name'));
					if ( theLink && !theLink.hasClass('active') ) {
						vars.theSideLinks.removeClass('active');
						if ( typeof CMS == 'undefined' ) { theLink.addClass('active'); }
					}
				});
			});
		});
		window.addEvent('scroll', function(){
			var theScroll = window.getSize().scroll;
			var rangeStart = vars.theMenu.coords.top.toInt()-20;
			var rangeEnd = vars.theMenu.positions[2].top.toInt();
			var rangePos = Math.floor((theScroll.y+rangeEnd-rangeStart)/rangeEnd);
			if ( typeof CMS == 'undefined' ) { 
				if ( rangePos > -1 && rangePos < vars.theMenu.positions.length ) {
					vars.theMenu.setStyles(vars.theMenu.positions[rangePos]);
				}
			} else {
				vars.theMenu.setProperty('style','');
			}
			if ( eventMode == 'implicit' ) {
				if ( theScroll.y < vars.theMenu.coords.top.toInt() && vars.theContainers.length > 0 ) {
					vars.theContainers[0].fireEvent('scrollInto');
				} else {
					vars.theContainers.some(function(div){
						div.theTop = div.theTop || div.getCoordinates().top;
						var scrollTop = div.theTop - theScroll.y;
						if ( scrollTop > -30 && scrollTop < 180 ) {
							div.fireEvent('scrollInto');
							return true;
						} else {
							return false;
						}
					});
				}
			}
		}).fireEvent('scroll');
		var theFX = new SmoothScroll();
	}
);