(function($) {  
		
    $(document).ready(function(){
        JD.homeHeadlineWidget.init();
    });

    var JD = window.JD || {};

    JD.homeHeadlineWidget = {
        listing: null,

        init: function(){
            JD.homeHeadlineWidget.listing = $('#HeadlineWidget ul.StoriesListing');

            if (JD.homeHeadlineWidget.listing.length == 0) return;
			
            var listingLength = JD.homeHeadlineWidget.listing.children('li').length;
            $('#HeadlineWidget div.HeadlineNav span').text('1 / ' + listingLength.toString());

            cycle_param = {
                fx: 'fade',
                timeout: 5000,
                speed: 600,
                next: '#HeadlineWidget div.HeadlineNav a.HeadlineNavNext',
                prev: '#HeadlineWidget div.HeadlineNav a.HeadlineNavPrev',
                after: JD.homeHeadlineWidget.onStoryTransition

            };
			
            if($('#HeadlineWidget ul.StoriesListing').hasClass('random')) {
                cycle_param.startingSlide = Math.floor(Math.random()*listingLength);
            }

            JD.homeHeadlineWidget.listing.cycle(cycle_param);

            $('#HeadlineWidget div.HeadlineNav a.HeadlineNavPause').click(JD.homeHeadlineWidget.onPause);
        },

        onPause: function(event) 
        {
            var btn = $(this);

            if (btn.hasClass('HeadlineNavPause')) 
            {
                btn.removeClass('HeadlineNavPause');
                btn.addClass('HeadlineNavPlay');
                JD.homeHeadlineWidget.listing.cycle('pause');
            }
            else 
            {
                btn.removeClass('HeadlineNavPlay');
                btn.addClass('HeadlineNavPause');
                JD.homeHeadlineWidget.listing.cycle('resume');
            }

            event.preventDefault();
        },

        onStoryTransition: function(currSlideElement, nextSlideElement, options, forwardFlag) 
        {
            $('#HeadlineWidget div.HeadlineNav span').text((options.currSlide + 1).toString() + ' / ' + JD.homeHeadlineWidget.listing.children('li').length.toString());
			var v = $(nextSlideElement).find(".HeadlineText").wrap("<div></div>");
            $(".HeadlineText_info .HeadlineText2").html(v.html());
        }
    };


	
	
})(jQuery);