window.addEvent('domready', function() {
	
	$('navigation').set('html', '<img id="menu-aboutus" src="images/btn_aboutus-inactive.png" class="navigation-link-inactive" alt="Om Oss"/><img id="menu-services" src="images/btn_services-active.png" class="navigation-link-active" alt="Våra Tjänster"/><img id="menu-contact" src="images/btn_contact-active.png" class="navigation-link-active" alt="Kontakta Oss"/><img id="menu-findus" src="images/btn_findus-active.png" class="navigation-link-active" alt="Hitta Oss"/>');
	
	var container = $('main_container');
		
	var elementClicked = function(event) {
		if (event.target.hasClass('navigation-link-active')) {
			
			elId = event.target.getProperty('id').substr(5);
			
			var inactive = $$('.navigation-link-inactive');
			
			inactive.each(function(element) {
				var src = 'images/btn_' + element.getProperty('id').substr(5) + '-active.png';
				element.addClass('navigation-link-active');
				element.removeClass('navigation-link-inactive');
				element.setProperty('src', src);
			});
			
			event.target.setProperty('src', 'images/btn_' + elId  + '-inactive.png');
			event.target.removeClass('navigation-link-active');
			event.target.addClass('navigation-link-inactive');
			
			$('loader').setStyle('visibility', 'visible');
	
			container.get('tween').start('opacity', 0).chain(function() {
				var url = 'includes/' + elId + '.html';
				new Request.HTML({
					method: 'get',
					noCache: true,
					update: container,
					url: url,
					onSuccess: function() {
						container.tween('opacity', 1);
						$('loader').setStyle('visibility', 'hidden');
					}
				}).send();
			});
		}
	};

	$('menu-aboutus').addEvent('click', elementClicked);
	$('menu-services').addEvent('click', elementClicked);
	$('menu-contact').addEvent('click', elementClicked);
	$('menu-findus').addEvent('click', elementClicked);
		
});

window.addEvent('load', function() {
	new Asset.images(['images/btn_aboutus-active.png', 'images/btn_services-inactive.png', 'images/btn_contact-inactive.png', 'images/btn_findus-inactive.png', 'images/main-ourservices.jpg', 'images/office.jpg', 'images/contacts/carl.jpg', 'images/contacts/christian.jpg', 'images/contacts/magnus.jpg', 'images/contacts/maria.png', 'images/contacts/mats.jpg']);
});