function mycarousel_initCallback(carousel) {
    jQuery('#slider-numbers a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
		$(this).addClass('slider-active').siblings().removeClass('slider-active');
        return false;
    });
};

$(function(){

	jQuery("#slider").jcarousel({
	        scroll: 1,
		    auto:15,
	        initCallback: mycarousel_initCallback,
	        buttonNextHTML: null,
	        buttonPrevHTML: null,
			itemVisibleInCallback: {
				 
			  onBeforeAnimation: function(a,b,c){
				 
				  var colors = new Array();
					
				  colors[1] = '#607F7B';
				  colors[2] = '#81B27A';
				  colors[3] = '#BCCC5F';
				 
				
				  jQuery('#slider-numbers a').removeClass('slider-active');
				  jQuery('#number_'+b.id.replace('slide_','')).addClass('slider-active');
				  /*
				  $('#color').animate({backgroundColor:colors[b.id.replace('slide_','')]},500);
				*/
			
			  }
			
			}
	    });

});

	$(document).ready(function() {
		jQuery.each(jQuery('#products-menu li'), function(index, value) {
				jQuery('#'+this.id+'').bind('click',function(){
					jQuery('#products-menu li').removeClass('products-menu-selected');
					jQuery(this).addClass('products-menu-selected');
					var toShow = this.id;
					jQuery('.front-products').fadeOut(function(){
						jQuery('#front_'+toShow).fadeIn();
					});	
				});
		});
	});