/* Toggle Play Pause links */
function togglePlay(element1,element2){
     var a;
     var b;
     a = document.getElementById(element1);
     b = document.getElementById(element2);

     a.style.display = 'inline';
     b.style.display = 'none';
};

jQuery(document).ready(function() {

    $('.newsSlider .stgslide').cycle({
        fx: 'fade',
	timeout: 0,
	speed: 700,
        prev:    '.prev',
        next:    '.next',
        before: onBefore,
        pause:           0,     // true to enable "pause on hover" 
        pauseOnPagerHover: 1,   // true to pause when hovering over pager link 
        pager: '#chained .items',
//        pager: '#scroller'
//        pager: '.stgbtnwrpr .stgbtngrp',
//        pagerAnchorBuilder: function(idx, slide) {
//            idxNUM = idx + 1;
//            return '<div class="stgbtnoff">' + idxNUM + '</div>';
//        }
        pagerAnchorBuilder: function(idx, slide) { 
            idxnum = $('.stgslidethumb', slide).html();
            return idxnum; 
        } 
    });

	$('.newsSlider .stgbtngrp .stgbtnoff').click(function(){
		$('.newsSlider .stgslide').cycle('pause');
	});
	$('#pauseButton').click(function(){
		$('.newsSlider .stgslide').cycle('pause');
	});
        $('#playButton').click(function() { 
                  $('.newsSlider .stgslide').cycle('resume'); 
        });

//	$('.scroller').scrollable({size:4});
//        $('#chained').scrollable({size:4, speed:700}).circular().autoscroll({
//	        steps: 1,
//	        interval: 3000		
//        });	
        $('#chained').scrollable({size:4, clickable:true, speed:700}).circular();	
        $(".tooltipLink").tooltip({effect: 'fade', relative: true, offset: [80, 80], delay: 100});

});

$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
    $(pager).find('div').removeClass('stgbtnon')
        .filter('div:eq(' + currSlideIndex + ')').addClass('stgbtnon');
};


function onBefore() {
	$('.stghrimg').html($('.stgslideheading', this).html());
	$('.stghrtxt').html($('.stgslidecontent', this).html());
	$('.stgcredit').html($('.stgslidecredit', this).html());
}