		SubmittingForm=function() {
			alert("The form has been validated.");
		}

		$(document).ready(function() {
	        $("#nav-one li").hover(
		        function(){ $("ul", this).fadeIn("show"); }, 
		        function() { } 
	        );
 	        if (document.all) {
		        $("#nav-one li").hoverClass ("sfHover");
	        }
	        	      
            //Get all the LI from the #tabMenu UL
            $('#tabMenu > li').click(function(){
            //perform the actions when it's not selected
            if (!$(this).hasClass('selected')) {    
            //remove the selected class from all LI    
            $('#tabMenu > li').removeClass('selected');
            //Reassign the LI
            $(this).addClass('selected');
            //Hide all the DIV in .box_abas_body
            $('.box_abas_body div').slideUp('1500');
            //Look for the right DIV in box_abas_body according to the Navigation UL index, therefore, the arrangement is very important.
            $('.box_abas_body div:eq(' + $('#tabMenu > li').index(this) + ')').slideDown('1500');
          }
          }).mouseover(function() {
            //Add and remove class, Personally I dont think this is the right way to do it, anyone please suggest    
            $(this).addClass('mouseover');
            $(this).removeClass('mouseout');   
          }).mouseout(function() {
            //Add and remove class
            $(this).addClass('mouseout');
            $(this).removeClass('mouseover');    
          });
			$(".cntTableEstados div table tr:even").addClass("striped");
			$('.mapa a').click(function(){
				if(!$(this).hasClass('tabSelected')){
					$('.mapa a').removeClass('tabSelected');
					$(this).addClass('tabSelected');
					$('.cntTableEstados div').slideUp('2500');
					$('.cntTableEstados div:eq(' + $('.mapa a').index(this) + ')').slideDown('1500');
				}
			})
			$(".cntTableEstados div a").click(function(){
			    $('.cntTableEstados div a').parent('.cntTableEstados div').css('display','none')
			})	
		});
        $.fn.hoverClass = function(c) {
	        return this.each(function(){
		        $(this).hover( 
			        function() { $(this).addClass(c);  },
			        function() { $(this).removeClass(c); }
		        );
	        });
        };	
