window.addEvent('domready', function() {
	
var box = $('content');
var cBike = $('cruiser-bike');
var mBike = $('mountain-bike');

var mountainFx = new Fx.Style('mountain-bike-content', 'opacity', {duration: 200, wait: false}).set(0);
var cruiserFx = new Fx.Style('cruiser-bike-content', 'opacity', {duration: 200, wait: false}).set(1);

var fx = box.effects({duration: 500, wait: false, transition: Fx.Transitions.Quart.easeOut});

cBike.addEvent('click', function(event) {
	var event = new Event(event);
	event.stop();
	cBike.removeClass('active');
	mBike.addClass('active');
	mountainFx.start(0);
	this.toggleClass('active');
	mBike.toggleClass('active');
	fx.start({'height': 170});
	cruiserFx.start(1);
	
});	

mBike.addEvent('click', function(event) {
  var event = new Event(event);
	event.stop();
	cBike.addClass('active');
	mBike.removeClass('active');
	cruiserFx.start(0);
	this.toggleClass('active');
	cBike.toggleClass('active');
	fx.start({'height': 170});
	mountainFx.start(1);
	
});
	
	
});