var hoverLight = 'yellow';
    var hoverDark = '#717276';
    var $container = $('#contTab');
rollover = {
    init: function() {			
//      $container.hide().css('overflow','hidden');
			$container.css('overflow','hidden');
			$('#contTab div').css('display','none');
//      $('#contTab div').hide().css('display','none');
//      $('#navTab ul li').hide();      
      $('#navTab ul li:first').css('background-color',hoverLight).addClass('active');
//      $container.show();
      $('#contTab div:first').stop().fadeIn(1500);
    },
    actionClick: function() {
      
        $('#navTab ul li').each(function(){
																				 	
          $(this).stop().fadeIn(2000).click(function(event){
            var isTitle = $(this).attr("title");

            $('#contTab div').hide();
            $('#navTab ul li').css('background-color',hoverDark).removeClass('active');
            $(this).addClass('active').css('background-color',hoverLight);
            $('.'+isTitle).stop().fadeIn(1500);
            return false;

          },function() {
              return false;
            });
        }).hover(function(){
            if(!$(this).hasClass('active')) {
              $(this).css('background-color',hoverLight);
              return false;
            }
          },function(){
            if(!$(this).hasClass('active')) {
              $(this).css('background-color',hoverDark);
              return false;
            }
            return false;
      });
    }
}    
$(document).ready(function() {
   rollover.init();
	 rollover.actionClick();
});