window.addEvent('domready', function() {
	
	$('slide-img-1').set('tween', {duration: 500}); 
	$('slide-img-2').set('tween', {duration: 500}); 
	$('slide-img-3').set('tween', {duration: 500}); 
	
	function fadeIn(element,button){
		$('button-1').removeClass("active");
		$('button-2').removeClass("active");
		$('button-3').removeClass("active");
		$('slide-img-1').fade('hide');
		$('slide-img-2').fade('hide');
		$('slide-img-3').fade('hide');
		button.addClass("active");
		element.fade(1);
	}
	
	$('button-1').addEvent('click', function(e) {
		e.stop();
		fadeIn($('slide-img-1'), $('button-1'));
	});
	
	$('button-2').addEvent('click', function(e) {
		e.stop();
		fadeIn($('slide-img-2'), $('button-2'));
	});
	
	$('button-3').addEvent('click', function(e) {
		e.stop();
		fadeIn($('slide-img-3'), $('button-3'));
	});

	$('button-1').addClass("active");
	$('slide-img-2').fade('hide');
	$('slide-img-3').fade('hide');
	

});