$(document).ready(function() {

var nmille = $("#media-image-1000 img").length;
	if (nmille > 1) {
		$('#media-image-1000').cycle({
		    pause: true,
			fx: 'fade',
			pager:  '#media-nav',
			before: function() {
				//$('#caption p').remove();
				//if(this.title != ''){
				//	$('#caption').append('<p>'+this.title+'</p>');
				//}
			}
		});
	} else {
		//$('#caption p').remove();
		//if($('#media-image a:first-child').attr('title') != ''){
			//$('#caption').append('<p>'+$('#media-image a:first-child').attr('title')+'</p>');
		//}
	};


});

function makeScrollable(wrapper, scrollable){
	  // Get jQuery elements
	  var wrapper = $(wrapper), scrollable = $(scrollable);
	
	  // Hide images until they are not loaded
	  scrollable.hide();
	  var loading = $(wrapper).addClass("loading"); //$("<div class='loading'></div>").appendTo(wrapper)
	
	  // Set function that will check if all images are loaded
	  var interval = setInterval(function(){
	    var images = scrollable.find("img");
	    var completed = 0;
	
	    // Counts number of images that are succesfully loaded
	    images.each(function(){
	      if (this.complete) completed++;   
	    });
	
	    if (completed == images.length){
	      clearInterval(interval);
	      // Timeout added to fix problem with Chrome
	      setTimeout(function(){
	
	        $(wrapper).removeClass("loading"); // loading.hide();
	        // Remove scrollbars    
	        wrapper.css({overflow: "hidden"});
	
	        scrollable.slideDown("slow", function(){
	          enable(); 
	        });                 
	      }, 1000); 
	    }
	  }, 100);
	
	  function enable(){
	  
		$("#media-list li a").mouseenter(function(){
			var li = $(this);
			var offset = li.offset();
			var caption = $(this).parent().children("span").html();
			$("#media-tooltip").css("top", offset.top-150);
			$("#media-tooltip").css("z-index", "90");
			$("#media-tooltip p span").html(caption);
			$("#media-tooltip").show();
		}).mouseleave(function(){
			$("#media-tooltip").hide();
		});
	  
	    // height of area at the top at bottom, that don't respond to mousemove
	    var inactiveMargin = 100;         
	    // Cache for performance
	    var wrapperWidth = wrapper.width();
	    var wrapperHeight = wrapper.height();
	    // Using outer height to include padding too
	    var scrollableHeight = scrollable.outerHeight() + 2*inactiveMargin;
	    // Do not cache wrapperOffset, because it can change when user resizes window
	    // We could use onresize event, but it&#39;s just not worth doing that 
	    // var wrapperOffset = wrapper.offset();
	  
	    //When user move mouse over menu          
	    wrapper.mousemove(function(e){
	      var wrapperOffset = wrapper.offset();
	      // Scroll menu
	      var top = (e.pageY -  wrapperOffset.top) * (scrollableHeight - wrapperHeight) / wrapperHeight  - inactiveMargin;
	  
	      if (top < 0){
	        top = 0;
	      }
	  
	      wrapper.scrollTop(top);
	    });       
	  }
}