$(document).ready(function()
{
 
     $(".messaging").hide();
     $(".server").hide();
	      $(".security").hide();
     $('#nav-storage').addClass('active');
  
	   		$('#nav-messaging').click(function() {
		     $(this).addClass('active');
		     $('#nav-storage').removeClass('active');
			  $('#nav-server').removeClass('active');
			    $('#nav-security').removeClass('active');
	       $('.messaging').show();
	       $('.server').hide();
	       $('.storage').hide();
		    $('.security').hide();
	       });
	
	      $('#nav-storage').click(function() {
		     $(this).addClass('active');
		     $('#nav-messaging').removeClass('active');
			  $('#nav-server').removeClass('active');
			   $('#nav-security').removeClass('active');
	       $('.messaging').hide();
       $('.server').hide();
	       $('.storage').show();
		    $('.security').hide();
	       });

$('#nav-server').click(function() {
		     $(this).addClass('active');
		     $('#nav-storage').removeClass('active');
			  $('#nav-messaging').removeClass('active');
			   $('#nav-security').removeClass('active');
	       $('.messaging').hide();
	   	       $('.server').show();
	       $('.storage').hide();
		    $('.security').hide();
	   });
	
	$('#nav-security').click(function() {
		     $(this).addClass('active');
		     $('#nav-storage').removeClass('active');
			  $('#nav-messaging').removeClass('active');
			   $('#nav-server').removeClass('active');
	       $('.messaging').hide();
	   	       $('.server').hide();
	       $('.storage').hide();
		    $('.security').show();
	   });
	
		function mycarousel_initCallback(carousel)
		{
		    

		    // Pause autoscrolling if the user moves with the cursor over the clip.
		    carousel.clip.hover(function() {
		        carousel.stopAuto();
		    }, function() {
		        carousel.startAuto();
		    });
		
		     jQuery('.mycarousel-next').bind('click', function() {
			        carousel.next();
			        carousel.startAuto(0);
			        return false;
			    });

			    jQuery('.mycarousel-prev').bind('click', function() {
			        carousel.prev();
			        carousel.startAuto(0);
			        return false;
			    });
		};


		    jQuery('#news').jcarousel({
			   scroll: 1,
		        auto: 2,
		        wrap: 'last',
		        initCallback: mycarousel_initCallback
		    });
	
});