Event.observe(window, 'load', function() {
			
/* top colors */
Event.observe('blk_top_sm', 'click', function(event) {
Event.stop(event);
$('top_color').select( 'img', '[style=""]').invoke('hide');
$('blk_top').show();
}, false);

Event.observe('silver_top_sm', 'click', function(event) {
Event.stop(event);
$('top_color').select( 'img', '[style=""]').invoke('hide');
$('silver_top').show();
}, false);

Event.observe('blue_top_sm', 'click', function(event) {
Event.stop(event);
$('top_color').select( 'img', '[style=""]').invoke('hide');
$('blue_top').show();
}, false);

Event.observe('red_top_sm', 'click', function(event) {
Event.stop(event);
$('top_color').select( 'img', '[style=""]').invoke('hide');
$('red_top').show();
}, false);

Event.observe('purple_top_sm', 'click', function(event) {
Event.stop(event);
$('top_color').select( 'img', '[style=""]').invoke('hide');
$('purple_top').show();
}, false);

/*end top*/


/* bottom colors */
Event.observe('blk_btm_sm', 'click', function(event) {
Event.stop(event);
$('bottom_color').select( 'img', '[style=""]').invoke('hide');
$('blk_btm').show();
}, false);

Event.observe('silver_btm_sm', 'click', function(event) {
Event.stop(event);
$('bottom_color').select( 'img', '[style=""]').invoke('hide');
$('silver_btm').show();
}, false);

Event.observe('blue_btm_sm', 'click', function(event) {
Event.stop(event);
$('bottom_color').select( 'img', '[style=""]').invoke('hide');
$('blue_btm').show();
}, false);

Event.observe('red_btm_sm', 'click', function(event) {
Event.stop(event);
$('bottom_color').select( 'img', '[style=""]').invoke('hide');
$('red_btm').show();
}, false);

Event.observe('purple_btm_sm', 'click', function(event) {
Event.stop(event);
$('bottom_color').select( 'img', '[style=""]').invoke('hide');
$('purple_btm').show();
}, false);

/*end bottom*/
});	//end the whole show


 Event.observe(window, 'load', function() {
 
 Event.observe('black_btn', 'click', function(event) {
Event.stop(event);
$('tp_color').select( 'img', '[style=""]').invoke('hide');
$('black').show();
}, false);
			
Event.observe('silver_btn', 'click', function(event) {
Event.stop(event);
$('tp_color').select( 'img', '[style=""]').invoke('hide');
$('silver').show();
}, false);

Event.observe('red_btn', 'click', function(event) {
Event.stop(event);
$('tp_color').select( 'img', '[style=""]').invoke('hide');
$('red').show();
}, false);

Event.observe('blue_btn', 'click', function(event) {
Event.stop(event);
$('tp_color').select( 'img', '[style=""]').invoke('hide');
$('blue').show();
}, false);

Event.observe('purple_btn', 'click', function(event) {
Event.stop(event);
$('tp_color').select( 'img', '[style=""]').invoke('hide');
$('purple').show();
}, false);


});	//end the whole show
 
 
  Event.observe(window, 'load', function() {
 
 Event.observe('black_btn_btm', 'click', function(event) {
Event.stop(event);
$('tp_color_btm').select( 'img', '[style=""]').invoke('hide');
$('black_btm').show();
}, false);
			
Event.observe('silver_btn_btm', 'click', function(event) {
Event.stop(event);
$('tp_color_btm').select( 'img', '[style=""]').invoke('hide');
$('silver_btm').show();
}, false);

Event.observe('red_btn_btm', 'click', function(event) {
Event.stop(event);
$('tp_color_btm').select( 'img', '[style=""]').invoke('hide');
$('red_btm').show();
}, false);

Event.observe('blue_btn_btm', 'click', function(event) {
Event.stop(event);
$('tp_color_btm').select( 'img', '[style=""]').invoke('hide');
$('blue_btm').show();
}, false);

Event.observe('purple_btn_btm', 'click', function(event) {
Event.stop(event);
$('tp_color_btm').select( 'img', '[style=""]').invoke('hide');
$('purple_btm').show();
}, false);


});	//end the whole show