$(document).ready(function() {
		 $("#IconList").before('<div id="nav">').cycle({
		  speed:  800,
		  pause:         1,
		   pager:  '#nav' ,
			fx:     'scrollUp'
	});
	
				$("#nav").mouseenter(function() {
				    $('#IconList').cycle('pause');
				});
				$("#nav").mouseleave(function() {
				    $('#IconList').cycle('resume');
				});

});

 	$(document).ready(function() {
  		  $("#tabs li a").removeClass('current').eq(0).addClass('current');
		  $("#output").cycle({
		 timeout: 0, 
 		  speed:   "fast", 
			fx:     'scrollLeft'
	});
	

			
			$("#tabs li").mouseenter(function() {
				    nr=$("#tabs li").index( this) ;
	   				$("#tabs li a").removeClass('current').eq(nr).addClass('current');
					$('#output').cycle(nr);
				});
		});