var isPlaying = true;
$(function() {
    $('#portfolio').before('<div id="pager" class="pager">').cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 5000,
        pager:  '#pager'
    });
    $('#pager').append('<a href="javascript:;" id="playPause" class="play"><img src="images/home/ss_indicator_pause.gif" border="0" valign="middle" /></a>').bind("click",function(){
        if(isPlaying){
            $(this).addClass("pause").removeClass("play");
            $(this).find("img").attr("src","images/home/ss_indicator_play.gif");
            $('#portfolio').cycle("pause");
            isPlaying = false;
        }
        else{
            $(this).addClass("play").removeClass("pause");
            $(this).find("img").attr("src","images/home/ss_indicator_pause.gif");
            $('#portfolio').cycle("resume");
            isPlaying = true;
        }
    });
    $('#pager').append('<div class="clearboth"></div>');
});