// Credits: Robert Penners easing equations (http://www.robertpenner.com/easing/).
		// cubic easing in/out - acceleration until halfway, then deceleration
		jQuery.easing['InOutCubic'] = function (p, t, b, c, d) {
			if ((t/=d/2) < 1) return c/2*t*t*t + b;
			return c/2*((t-=2)*t*t + 2) + b;
		};		
		// Credits: Jan Sorgalla jCarousel v0.2.3 (http://sorgalla.com/projects/jcarousel/).
		function extcarousel_initCallback(carousel){
			//set height after load?
			//jQuery('#b2bcarousel').css({height:jQuery('#jcarousel a img').attr('height')});
			jQuery('#b2bcarousel').append('<div id="jcarousel_buttons"><ul><li id="w1"><a href="#"><img id="hpb1" width="26" height="25" alt="" src="1_black_on.png"/><' + '/a><' + '/li><li id="w2"><a href="#"><img id="hpb2" width="26" height="25" alt="" src="2_black_off.png"/><' + '/a><' + '/li><li id="w3"><a href="#"><img id="hpb3" width="26" height="25" alt=""src="3_black_off.png"/><' + '/a><' + '/li><' + '/ul><' + '/div>');
			
			jQuery('#jcarousel_buttons li#w1 a img').attr('alt',jQuery('.jcarousel-item-1').attr('data-spot'));
			jQuery('#jcarousel_buttons li#w1 a').attr('title',jQuery('.jcarousel-item-1').attr('data-spot'));
		    jQuery('#jcarousel_buttons li#w1 a').bind('click', function() {
				carousel.startAuto(0);
		        carousel.scroll(jQuery.jcarousel.intval(1));
		        return false;
		    });
			jQuery('#jcarousel_buttons li#w2 a img').attr('alt',jQuery('.jcarousel-item-2').attr('data-spot'));
			jQuery('#jcarousel_buttons li#w2 a').attr('title',jQuery('.jcarousel-item-2').attr('data-spot'));
		    jQuery('#jcarousel_buttons li#w2 a').bind('click', function() {
				carousel.startAuto(0);
		        carousel.scroll(jQuery.jcarousel.intval(2));
		        return false;
		    });
			jQuery('#jcarousel_buttons li#w3 a img').attr('alt',jQuery('.jcarousel-item-3').attr('data-spot'));
			jQuery('#jcarousel_buttons li#w3 a').attr('title',jQuery('.jcarousel-item-3').attr('data-spot'));
		    jQuery('#jcarousel_buttons li#w3 a').bind('click', function() {
				carousel.startAuto(0);
		        carousel.scroll(jQuery.jcarousel.intval(3));
		        return false;
		    });			
		};
	
		//Hide the buttons before animating heros
		function extcarousel_itemVisibleInCallbackBeforeAnimation(carousel, item, idx, state) {
				jQuery('#jcarousel_buttons').fadeOut('fast', function(){
						jQuery('#jcarousel_buttons li#w1 a').hide();
						jQuery('#jcarousel_buttons li#w2 a').hide();
						jQuery('#jcarousel_buttons li#w3 a').hide();
						});
				
		};

		//Return the buttons after animating heros
		function extcarousel_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state) {			
				var spotcolor = new Array();
				if (spotcolor.length < 3) {
					spotcolor[1] = jQuery('.jcarousel-item-1').attr('data-color');
					spotcolor[2] = jQuery('.jcarousel-item-2').attr('data-color');
					spotcolor[3] = jQuery('.jcarousel-item-3').attr('data-color');
				}
				jQuery('#jcarousel_buttons li#w1 a img').attr("src",'images/1_'+spotcolor[idx]+'_off.png');
				jQuery('#jcarousel_buttons li#w2 a img').attr("src",'images/2_'+spotcolor[idx]+'_off.png');
				jQuery('#jcarousel_buttons li#w3 a img').attr("src",'images/3_'+spotcolor[idx]+'_off.png');
				//replace "off" button with "on" for current item
				jQuery('#jcarousel_buttons li#w'+idx+' a img').attr("src",'images/'+idx+'_'+spotcolor[idx]+'_on.png');

				
				jQuery('#jcarousel_buttons').show();
				jQuery('#jcarousel_buttons li#w1 a').fadeIn('fast', function(){
						jQuery('#jcarousel_buttons li#w2 a').fadeIn('fast', function(){
								jQuery('#jcarousel_buttons li#w3 a').fadeIn('fast');
						});
				});
		};
		
		jQuery(document).ready(function() {
            // init carousel					
		    jQuery('#jcarousel').jcarousel({
						auto: 5,
						wrap: 'both',
						scroll: 1,
						easing: 'InOutCubic',
						animation: 1000,
						size: 3,
						start: 1,  
						buttonNextHTML: null,
						buttonPrevHTML: null,
						initCallback: extcarousel_initCallback,
						itemVisibleInCallback: {onBeforeAnimation: extcarousel_itemVisibleInCallbackBeforeAnimation,
												onAfterAnimation:  extcarousel_itemVisibleInCallbackAfterAnimation}
			});
			
		    //Disable text & element selection
		  	//document.onselectstart = function() {return false;} // ie
		  	//document.onmousedown = function() {return false;} // mozilla - disabled: problematic		
		});