var pictures = new Array();
var pictureIndex = 0;
var PICTURE_TIMER = 5000;

$(document).ready(function() {
  $(".menu-bar").buttonset();
  $(".button").button();
  $(".mission").css({ opacity: 0.75 });
  $(".hidden").hide();

  loadPictures();
  startPictureCarouselTimer();
  setupMenuDropDown();
  setupExpandedViews();
});

function setupExpandedViews(){
  $('.expander').click(function(){
    var expander = $('#' + this.id);
    expander.toggleClass('ui-icon-circle-triangle-e');
    expander.toggleClass('ui-icon-circle-triangle-s');
    if(expander.hasClass('ui-icon-circle-triangle-s')){
      $('#expander_' + this.id).show();
    }else{
      $('#expander_' + this.id).hide();
    }
  });
}

function setupMenuDropDown() {
  $('#training_options').hide();
  $('#training_classes').hide();

  $('#training').mouseover(function() {
    $('#training_options').show();
    $('#training_classes').hide();
  });

  $('#classes').mouseover(function() {
    $('#training_classes').show();
    $('#training_options').hide();
  });

  $('#menu-wrapper').hover(
    function() {
    },
    function() {
      $('#training_options').hide();
      $('#training_classes').hide();
    }
  );

  $('#trainers').hover(function() {
    $('#training_options').hide();
    $('#training_classes').hide();
  });

  $('#media').hover(function() {
    $('#training_options').hide();
    $('#training_classes').hide();
  });

  $('#about').hover(function() {
    $('#training_options').hide();
    $('#training_classes').hide();
  });
}

function loadPictures() {
  $("#carousel_images").find("img").each(function(index) {
    pictures[index] = $(this).attr("src");
  });
}

function startPictureCarouselTimer() {
  setTimeout('nextPicture()', PICTURE_TIMER);
}

function nextPicture() {

  $('#carousel #image_div').effect('fade', null, 500, function() {
    var nextImage = pictures[nextPictureIndex()];

    $('#carousel #image_div img').attr("src", nextImage);
    $('#carousel #image_div').fadeIn(500);

    pictureIndex = nextPictureIndex();
    startPictureCarouselTimer();
  });
}

function nextPictureIndex() {
  return (pictureIndex + 1) % pictures.length;
}