// CAROUSEL
$(document).ready(function ()
{
  $('div#carousel_images').css('visibility', 'visible');

  var bc = $('#controls_buttons');

  function changeButton()
  {
    var id = $(this).attr('id');

    id = id.split('_');

    $('.carouselbutton').attr('src', '/images/button-nav-carousel-inactive.gif');
    $('#button_'+id[1]).attr('src', '/images/button-nav-carousel-active.gif');
  }

  var $container = $('#carousel_images').cycle({
    fx:     'scrollHorz',
    speed:   1000,
    timeout: 4000,
    prev: '#prev',
    next: '#next',
    before: changeButton
  });

  $container.children().each(function(i)
  {
    $('<input class="carouselbutton" type="image" src="/images/button-nav-carousel-inactive.gif" id="button_'+(i)+'" />')
    .appendTo(bc)
    .click(function()
    {
      $container.cycle(i);
      return false;
    });
  });

  $('#button_0').attr('src', '/images/button-nav-carousel-active.gif');
});