$(document).ready(function() {
  if ($('#homepage_images div').length > 1) {
    $('.dumbCrossFade .dumbItem').dumbCrossFade({'slideType':'fade'});
    // $('.dumbCrossFade .dumbItem').dumbCrossFade('stop')

    $('#homepage_images').after('<ul id="latest_news_nav"><li><img src="/images/icons/player-back.png" id="player-previous" alt="Previous"></li><li><img src="/images/icons/player-pause.png" id="player-pause" alt="Pause"></li><li><img src="/images/icons/player-forward.png" alt="previous"></li></ul>');
    $('#latest_news_nav').css({
      position: 'absolute',
      top: '320px',
      left: '600px',
      width: '90px',
      'list-style': 'none',
      'z-index': 1000
    });
    $('#latest_news_nav li').css({
      width: '25px',
      height: '25px',
      float: 'left',
      'margin-right': '5px'
    });
    $('#latest_news_nav li a img').css('border', 'none');
    $('#latest_news_nav').click(function (event) {
      if (event.target instanceof HTMLImageElement) {
        if (event.target.src.match(/forward/)) {
          $('.dumbCrossFade .dumbItem').dumbCrossFade('next');
        } else if (event.target.src.match(/back/)) {
          $('.dumbCrossFade .dumbItem').dumbCrossFade('previous');
        } else if (event.target.src.match(/pause/)) {
          $('.dumbCrossFade .dumbItem').dumbCrossFade('stop');
          $(event.target).replaceWith('<img src="/images/icons/player-play.png" id="player-play" alt="play">');
        } else {
          $('.dumbItem img').show();
          $('.dumbCrossFade .dumbItem').dumbCrossFade('start');
          $(event.target).replaceWith('<img src="/images/icons/player-pause.png" id="player-pause" alt="pause">');
        }
      }
    });
  }
});