window.addEvent('domready', function() {
	var intro_panel = new Fx.Slide('intro_panel', {mode: 'horizontal'});
	var hats_panel = new Fx.Slide('hats_panel', {mode: 'horizontal'});
	var shirts_panel = new Fx.Slide('shirts_panel', {mode: 'horizontal'});
	var skirts_panel = new Fx.Slide('skirts_panel', {mode: 'horizontal'});
	var color_panel = new Fx.Slide('color_panel', {mode: 'horizontal'});
	
	$('intro_slidein').addEvent('click', function(e){
		e.stop();
		hats_panel.hide();
		shirts_panel.hide();
		skirts_panel.hide();
		color_panel.hide();
		
		intro_panel.slideIn();
	});

	$('hats_slidein').addEvent('click', function(e){
		e.stop();
		intro_panel.hide();
		shirts_panel.hide();
		skirts_panel.hide();
		color_panel.hide();
		
		hats_panel.slideIn();
	});
	
	
	$('shirts_slidein').addEvent('click', function(e){
		e.stop();
		intro_panel.hide();
		hats_panel.hide();
		skirts_panel.hide();
		color_panel.hide();
		
		shirts_panel.slideIn();
	});

	$('skirts_slidein').addEvent('click', function(e){
		e.stop();
		intro_panel.hide();
		hats_panel.hide();
		shirts_panel.hide();
		color_panel.hide();
		
		skirts_panel.slideIn();
	});
	$('color_slidein').addEvent('click', function(e){
		e.stop();
		intro_panel.hide();
		hats_panel.hide();
		shirts_panel.hide();
		skirts_panel.hide();
		
		color_panel.slideIn();
	});
	
	hats_panel.hide();
	shirts_panel.hide();
	skirts_panel.hide();
	color_panel.hide();
});