$(document).ready(function() {

    $('#focalPaging').before("<a href='#' class='focalPause'>pause</a>");

    $('#focalFrames').cycle({
        fx: 'fade',
        timeout: 5000,
        pager: '#focalPaging',
        pagerAnchorBuilder: function(idx, slide) {
            // return selector string for existing anchor 
            return '#focalPaging li:eq(' + idx + ') a';
        }
    });

    $(".focalPause").live("click", function() {
        $(this).removeClass("focalPause").addClass("focalPlay").text("play");
        $('#focalFrames').cycle('pause');
        return false;
    }
	);

    $(".focalPlay").live("click", function() {
        $(this).removeClass("focalPlay").addClass("focalPause").text("pause");
        $('#focalFrames').cycle('resume');
        return false;
    }
	);

});