$(document).ready(function(){
 // $("#showcase-filetitle > div:not(:first), #showcase-subtitle > div:not(:first)").hide();
 
     var carouselItems = $("#mycarousel li").size();
    var carouselCounter = 1;
    
    $().everyTime(8000, 2, function() {
	  $("#mycarousel li.active").fadeOut(500).removeClass("active");
      //$("#mycarousel li.active").hide().removeClass("active");
      $("#mycarousel a.active").removeClass("active");
    
      if (carouselCounter == carouselItems) {
        carouselCounter = 1;
      } else {
        carouselCounter = carouselCounter + 1;
      }
      
      $("#mycarousel li.item" + carouselCounter).fadeIn(500).addClass("active");
			//$("#mycarousel li.item" + carouselCounter).show().addClass("active");
      $("#mycarousel a.item" + carouselCounter).addClass("active");
    });
    
    var clickedElementClassName = null;
    
    $("#mycarousel .jcarousel-control a").click(function() {
      $().stopTime(2);
      
      $("#mycarousel li:visible:not(.active)").hide();
      
      clickedElementClassName = this.className.replace(' active', '');
      correspondingElement = $("#mycarousel li." + clickedElementClassName);
      
      if (!correspondingElement.is(":visible")) {
        $("#mycarousel li.active").fadeOut(500).removeClass("active");
				//$("#mycarousel li.active").hide().removeClass("active");
        $("#mycarousel a.active").removeClass("active");
        
        $("#mycarousel li." + clickedElementClassName).fadeIn(500).addClass("active");
				//$("#mycarousel li." + clickedElementClassName).show().addClass("active");
        $("#mycarousel a." + clickedElementClassName).addClass("active");
      }
      
      carouselCounter = clickedElementClassName.replace('item', '') * 1;
      
      $().everyTime(8000, 2, function() {
				$("#mycarousel li.active").fadeOut(500).removeClass("active");
        //$("#mycarousel li.active").hide().removeClass("active");
        $("#mycarousel a.active").removeClass("active");
      
        if (carouselCounter == carouselItems) {
          carouselCounter = 1;
        } else {
          carouselCounter = carouselCounter + 1;
        }
        
  			$("#mycarousel li.item" + carouselCounter).fadeIn(500).addClass("active");
        //$("#mycarousel li.item" + carouselCounter).show().addClass("active");
        $("#mycarousel a.item" + carouselCounter).addClass("active");
      });
      
      return false;
    });


 
});