$(document).ready(function(){     
  var categoryIndex = 0;
  var pictureIndex = 0;
      
  $("#extNavGroupContainer").everyTime(1000,function() {
      if(!$(".extNavButton").is(".extNavButtonActiveCollapse")) { 
          if (pictureIndex < 2) {
              pictureIndex++;                        
          }
          else {
              pictureIndex = 0;
              if (categoryIndex < 4 ) {
                  jQuery('.extNavButton').eq(categoryIndex).removeClass("extNavButtonActive");
                  categoryIndex++;
                  jQuery('.extNavButton').eq(categoryIndex).addClass("extNavButtonActive");
              }
              else {
                  jQuery('.extNavButton').eq(categoryIndex).removeClass("extNavButtonActive");
                  categoryIndex = 0;
                  jQuery('.extNavButton').eq(categoryIndex).addClass("extNavButtonActive");
              }
          }    
          var category = jQuery('.extNavButton').eq(categoryIndex);
		  $("#startImage").attr("src", $("#"+category.attr('id')+'_'+pictureIndex).attr("src")); 
      }
  });

  $(".extNavButton").click(function () {
      if($(this).hasClass("extNavButtonActiveCollapse")) {
          var expanded = true;
      }
      $(".extNavText").each(function() {
          $(this).slideUp("slow");
          $(this).parent().children(".extNavButton").removeClass("extNavButtonActiveCollapse");
          $(this).parent().children(".extNavButton").removeClass("extNavButtonActive");
          $(this).parent().removeClass("extNavContentExpanded"); 
          $(this).parent().animate({
              bottom: "32px" 
          }, 500 );
      });
      
      if(expanded != true) {
          $(this).addClass("extNavButtonActiveCollapse");
          //$("#startImage").attr("src", 'img/examples/'+$(this).attr('id')+'_0.jpg');       
          var imageId = $(this).attr('id')+'_0';
          //alert(category);
          $("#startImage").attr("src", $("#"+imageId).attr("src")); 
          
          $(this).parent().children(".extNavText").each(function() {
              $(this).slideToggle("slow");
              $(this).parent().addClass("extNavContentExpanded"); 
              $(this).parent().animate({
                  bottom: "52px" 
              }, 500 );
              $(this).addClass("extNavButtonActiveCollapse");  
          });
      }
  });    
});