var announcementID = 1;
var timer1;
var announcement_size = $(".announcement").size();
$(document).ready(function() {
    var currentIndex = 0;
    var DEMO;
    var currentID = 0;
    var pictureID = 0;
  if(announcement_size>1)  $("#announcementTitle").html(createLinks());
    changeAnnouncement(1);
});

var changeAnnouncement = function (announcementID) {
    clearTimeout(timer1);
    $("a.jquerybutton").css({"background":"#000000"});
    $('#link' + announcementID).css({"background":"#ff3300"});
    $(".announcement").hide().eq(announcementID - 1).show();
    announcementID++;
    announcementID = announcementID > announcement_size ? 1 : announcementID;
    timer1 = setTimeout('changeAnnouncement(' + (announcementID ) + ')', 3000);
}

var createLinks = function () {
    var linkHTML = "";
    for (var i = 1; i <= announcement_size; i++) {
        linkHTML += ('<a id="link' + i + '"  href="javascript:changeAnnouncement(' + i + ')" class="jquerybutton" style="cursor:hand">' + i + '</a>');
    }
    return linkHTML;
}