jQuery(document).ready(function() {
    jQuery('#dspot-carousel').jcarousel({
        initCallback: dsCarousel_initCallback,
        // Configuration goes here
    	wrap: 'circular',
        auto: 5,
    	scroll: 1,
    	visible: 3,
    	start: Math.floor(Math.random()*9),
    	animation: 'slow',
        // DO NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
    
    $('#dspot-carousel-wrap').removeClass('hidden');
});

function dsCarousel_initCallback(carousel) {
    //jQuery('#carousel-nav a.paging').bind('click', function() {
    //   var page = jQuery.jcarousel.intval(jQuery(this).attr('rel'));
    //    carousel.scroll(page);
    //    return false;
    //});
 
    $('#carousel-nav a.paging.next').bind('click', function() {
        carousel.next();
        return false;
    });
 
    $('#carousel-nav a.paging.prev').bind('click', function() {
        carousel.prev();
        return false;
    });

    $('.story-b').click(function() {
    	window.location = $(this).attr( 'rel' );
    }).hover(function () {
	    		$(this).css('cursor', 'pointer');
    		}, function() {
    			$(this).css('cursor', 'default');
    });
    
    $('#carousel-nav .item').hover(
		function() {
	        // hover in
	        if ($(this).children().hasClass('prev')) {
	            $('#carousel-nav a.paging.next').removeClass('active');
	            $('#carousel-nav a.paging.prev').addClass('active');
	        }
	        if ($(this).children().hasClass('next')) {
	            $('#carousel-nav a.paging.prev').removeClass('active');
	            $('#carousel-nav a.paging.next').addClass('active');
	        }
	    },
	    function() {
	        // hover out
            $('#carousel-nav a.paging').removeClass('active');
            $('#carousel-nav a.paging.default').addClass('active');
	    }
	);
};