// JavaScript Document

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

	var focusbox = function(box_slug){
		// Returns an event function activating the appropriate box.
		return function(e){
			if(e){
				e.preventDefault();
				e.stopPropagation();
			}
			$('box-portable').fade('out');
			$('box-3wheel').fade('out');
			$('box-4wheel').fade('out');
			$('box-luxury').fade('out');
			$('box-powerchairs').fade('out');

			$('link-portable').set('class', 'inactive')
			$('link-3wheel').set('class', 'inactive')
			$('link-4wheel').set('class', 'inactive')
			$('link-luxury').set('class', 'inactive')
			$('link-powerchairs').set('class', 'inactive')

			$('box-' + box_slug).fade('in');
			$('link-' + box_slug).set('class', 'active')
		}
	}

	$('link-portable').addEvent('click', focusbox('portable'));
	$('link-3wheel').addEvent('click', focusbox('3wheel'));
	$('link-4wheel').addEvent('click', focusbox('4wheel'));
	$('link-luxury').addEvent('click', focusbox('luxury'));
	$('link-powerchairs').addEvent('click', focusbox('powerchairs'));

	/*
	$('link-3wheel').addEvent('click', function(e){
		e.preventDefault();
		e.stopPropagation();
		$('box-portable').fade('out');
		$('box-3wheel').fade('in');
		$('box-4wheel').fade('out');
		$('box-luxury').fade('out');
		$('box-powerchairs').fade('out');
	});
	
	$('link-4wheel').addEvent('click', function(e){
		e.preventDefault();
		e.stopPropagation();
		$('box-portable').fade('out');
		$('box-3wheel').fade('out');
		$('box-4wheel').fade('in');
		$('box-luxury').fade('out');
		$('box-powerchairs').fade('out');
	});
	
	$('link-luxury').addEvent('click', function(e){
		e.preventDefault();
		e.stopPropagation();
		$('box-portable').fade('out');
		$('box-3wheel').fade('out');
		$('box-4wheel').fade('out');
		$('box-luxury').fade('in');
		$('box-powerchairs').fade('out');
	});
	
	$('link-powerchairs').addEvent('click', function(e){
		e.preventDefault();
		e.stopPropagation();
		$('box-portable').fade('out');
		$('box-3wheel').fade('out');
		$('box-4wheel').fade('out');
		$('box-luxury').fade('out');
		$('box-powerchairs').fade('in');
	});*/
			
});