//slider 
		/*function mycarousel_initCallback(carousel)
		{
			// Disable autoscrolling if the user clicks the prev or next button.
			carousel.buttonNext.bind('click', function() {
				carousel.startAuto(0);
			});
	
			carousel.buttonPrev.bind('click', function() {
			carousel.startAuto(0);
			});
	
			// Pause autoscrolling if the user moves with the cursor over the clip.
			carousel.clip.hover(function() {
			carousel.stopAuto();
			}, function() {
			carousel.startAuto();
			});
		};*/

		/* adding control with dots and auto scrolling*/
		function mycarousel_initCallback(carousel) {
			 jQuery('.jcarousel-control a').bind('click', function() {
			 	carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
			 	return false;
			 });

			
			 jQuery('.jcarousel-scroll select').bind('change', function() {
				 carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
				 return false;
			 });
			
			 jQuery('#mycarousel-next').bind('click', function() {
				 carousel.next();
				 return false;
			 });
			
			 jQuery('#mycarousel-prev').bind('click', function() {
				 carousel.prev();
				 return false;
			 });


			// Disable autoscrolling if the user clicks the prev or next button.
			carousel.buttonNext.bind('click', function() {
				carousel.startAuto(0);
			});
	
			carousel.buttonPrev.bind('click', function() {
				carousel.startAuto(0);
			});
	
			// Pause autoscrolling if the user moves with the cursor over the clip.
			carousel.clip.hover(function() {
				carousel.stopAuto();
			}, 
			function() {
				carousel.startAuto();
				});
			};
			 
	
		/*$(document).ready(function() {
    		$('#mycarousel').jcarousel({ 
        		scroll:1,
        		//auto:2,
        		wrap:'last',
        		initCallback: mycarousel_initCallback
        			//circular: true	
   			});
		});*/

		$(document).ready(function() {
			$("#mycarousel").jcarousel({
				scroll: 1,
				wrap:'last',
				auto:8,
			    initCallback: mycarousel_initCallback,
			    // This tells jCarousel NOT to autobuild prev/next buttons
			   // buttonNextHTML: null,
			   // buttonPrevHTML: null,
			    itemVisibleInCallback: {
				    onAfterAnimation: function(c, o, i, s) {
				    	--i;
				        $('.jcarousel-control a').removeClass('selected');
				        $('.jcarousel-control a:eq('+i+')').addClass('selected');
				    }
			 	}
			});
		});