$(document).ready(function() {
	
	var toLoad = 0;
			
	$(".cargar").click((function(){
		toLoad = $(this).attr('id');
		$('#wraper').append('<span id="load">LOADING...</span>');
		$('#load').fadeIn('fast',loadContent);
		$('.actual').removeClass('actual');
		$(this).addClass("actual");
	}));
	
	function loadContent() {
		$('#contenido').load("contenido.php?i="+toLoad, loadSuccess);
	}
	
	function loadSuccess() {
		//$("#contenido").fadeOut(1);
		$('#contenido').fadeIn('slow',hideLoader);  
	}
	
	function hideLoader() {  
		$('#load').fadeOut('normal');
	}
	
	$(".cita").click((function(){
		//$("#contenido").fadeOut('fast');
		$('#wraper').append('<span id="load">LOADING...</span>');
		$('#load').fadeIn('fast');
		$('.actual').removeClass('actual');
		$(this).addClass("actual");
		//$("#whileLoad").fadeIn('fast');
		$('#contenido').load("cita.php", loadSuccess);
	}));
	
	$(".maps").click((function(){
		//$("#contenido").fadeOut('fast');
		$('#wraper').append('<span id="load">LOADING...</span>');
		$('#load').fadeIn('fast');
		$('.actual').removeClass('actual');
		$(this).addClass("actual");
		//$("#whileLoad").fadeIn('fast');
		$('#contenido').load("maps.php", loadSuccess);
	}));
	
	$(".prueba").click((function(){
		//$("#contenido").fadeOut('fast');
		$('#wraper').append('<span id="load">LOADING...</span>');
		$('#load').fadeIn('fast');
		$('.actual').removeClass('actual');
		$(this).addClass("actual");
		//$("#whileLoad").fadeIn('fast');
		$('#contenido').load("prueba.php", loadSuccess);
	}));
	
	$(".seminuevo").click((function(){
		//$("#contenido").fadeOut('fast');
		$('#wraper').append('<span id="load">LOADING...</span>');
		$('#load').fadeIn('fast');
		$('.actual').removeClass('actual');
		$(this).addClass("actual");
		//$("#whileLoad").fadeIn('fast');
		$('#contenido').load("seminuevo.php", loadSuccess);
	}));
	
});