// CODE FOR ROTATOR
$(function() {

    $('#headline-rotation').cycle({
		fx: 'fade',
		speed:  'slow',
		timeout: 4000,
		prev:    '#prev',
        next:    '#next',
        pager:   '#nav',
		pause: 1,
		pagerAnchorBuilder: pagerFactory
	});
    
//	function(idx, slide) {
//			var src = $('.thumb',slide).attr('src');
//			return '<a href="#"><img class="img-thumb" src="' + src + '" width="100" height="50" /></a>';
//		}
	
	function pagerFactory(idx, slide) {        
        return '<div class="navbutton" style="float:left;"><a href="#">'+(idx+1)+'</a></div>';
    };
	
});


// TOGGLE PAUSE AND SHOW RESUME BUTTON
$(function() {
    // run the code in the markup!
    $('#pausebutton_img').click(function() { 
    $('#headline-rotation').cycle('pause'); 
		document.getElementById('pausebuttontray').style.display='none';
		document.getElementById('playbuttontray').style.display='block';		
	});

});


// TOGGLE RESUME AND SHOW PAUSE BUTTON
$(function() {
	$('#playbutton_img').click(function() { 
    $('#headline-rotation').cycle('resume',true); 
		document.getElementById('pausebuttontray').style.display='block';
		document.getElementById('playbuttontray').style.display='none';				
	
	});
});