// JavaScript Document



$(document).ready(function() {	
	//var dirImagen = $(this).find('a').attr("href"); //Get Main Image URL
	
	//Click and Hover events for thumbnail list
/*	$(".parteizqcentro ul li:first").addClass('active2'); 
	
	$(".cursos ul li").live('click',function(){ 	
		$(".parteizqcentro ul li").removeClass('active2');	
		$(".cursos ul li").removeClass('active'); //Remove class of 'active' on all lists		
		$(this).addClass('active');  //add class of 'active' on this list only
		return false;
		
	}) /*.hover(function(){
		$(this).addClass('hover');
		}, function() {
		$(this).removeClass('hover');
	});	*/	

	/*$(".parteizqcentro ul li").live('click',function(){ 	
		$(".parteizqcentro ul li").removeClass('active');	
		$(".cursos ul li").removeClass('active'); //Remove class of 'active' on all lists		
		$(this).addClass('active');  //add class of 'active' on this list only
		return false;
		
	})*/
	
	$("#ja").live('click',function(){
		document.getElementById("captcha").src = "securimage/securimage_show.php?" + Math.random(); return false;
	
	})
	
	$("li4").live('click',function(){
		/*$("#cursos").animate({
            width: "toggle",
            opacity: "toggle"
        });*/
			var texto="<div class='divtizq'><form><div class='divflizq'><pre>Nombre: <input type='text' id='nombre'></pre><pre>e-mail: <input type='text' id='email'></pre></div>";	
			texto=texto+'<img class="imcaptcha" id="captcha" src="securimage/securimage_show.php" alt="CAPTCHA Image" />';
			texto=texto+'<div class="divflizq"><p><a id="ja" href="#">[Cambiar Imagen]</a></p>';
			texto=texto+'<pre ><label class="labelerror"><input type="text" id="captcha_code" size="15" maxlength="6" /></label></pre><br><br></div>';
			texto=texto+"<textarea name='peticion' id='areapeticion'></textarea><p><input type='submit' id='submitenv' class='submitlogin2' onclick='enviar(); return false;' value='Enviar'></p></form></div>";
			//$("#infocentro").html(texto);
			$("#infocentro").slideUp(600,function(){$("#infocentro").html(texto);}).slideDown(600);	
		 
	
	
	}) 
	
});





 function li1(){
	var texto="Texto quiénes somos"; 

	//$("#infocentro").slideUp(600,function(){$("#infocentro").html(texto);}).slideDown(600);
	
		if($("#cursos").is (':visible')){$("#cursos").animate({
            width: "toggle",
            opacity: "toggle"
        });
		
		
		$("#infocentro").html(texto);
	}
	else{
		if($("#divenlaces").is (':visible')){
			$("#divenlaces").slideUp(600,function(){$("#infocentro").html(texto).slideDown(600);});
        }	
		else{
			$("#infocentro").slideUp(600,function(){$("#infocentro").html(texto).slideDown(600);});
		}
	}	
	

 
 
 }   

 function li2(){
	var texto="Texto qué hacemos";
	//$("#infocentro").slideUp(600,function(){$("#infocentro").html(texto2);}).slideDown(600);	
		if($("#cursos").is (':visible')){$("#cursos").animate({
            width: "toggle",
            opacity: "toggle"
        });
		
		
		$("#infocentro").html(texto);
	}
	else{
		if($("#divenlaces").is (':visible')){
			$("#divenlaces").slideUp(600,function(){$("#infocentro").html(texto).slideDown(600);});
        }	
		else{
			$("#infocentro").slideUp(600,function(){$("#infocentro").html(texto).slideDown(600);});
		}
	}
 } 
 
 function li3(){
	//var texto="<div class='divtizq'><div class='divflizq'><pre>Nombre: <input type='text' id='nombre'></pre><pre>e-mail: <input type='text' id='email'></pre></div>";	
	var texto="<table class='tcontacto'><tr><td>Nombre: </td><td><input type='text' id='nombre'></td></tr><tr><td>e-mail:</td><td><input type='text' id='email'></td></tr></table>";
	
	texto=texto+'<img class="imcaptcha" id="captcha" src="securimage/securimage_show.php" alt="CAPTCHA Image" />';
	texto=texto+'<div class="divflizq"><p><a id="ja" href="#">[Cambiar Imagen]</a></p>';
	texto=texto+'<p><label class="labelerror"><input type="text" id="captcha_code" size="15" maxlength="6" /></label></p><br><br></div>';
	texto=texto+"<textarea name='peticion' id='areapeticion'></textarea><p><input type='submit' id='submitenv' class='submitlogin2' onclick='enviar(); return false;' value='Enviar'></p></div>";
	//$("#infocentro").html(texto);
	//$("#infocentro").slideUp(600,function(){$("#infocentro").html(texto);}).slideDown(600);	
	if($("#cursos").is (':visible')){$("#cursos").animate({
            width: "toggle",
            opacity: "toggle"
        });
		
		
		$("#infocentro").html(texto);
	}
	else{
		if($("#divenlaces").is (':visible')){
			$("#divenlaces").slideUp(600,function(){$("#infocentro").html(texto).slideDown(600);});
        }	
		else{
			$("#infocentro").slideUp(600,function(){$("#infocentro").html(texto).slideDown(600);});
		}
	}
	
 } 

 function li4(){
	
	var texto="<table class='tcontacto'><tr><td>Tu Nombre: </td><td><input type='text' id='nombre'></td></tr><tr><td>Tu e-mail:</td><td><input type='text' id='email'></td></tr></table>";
	texto+="<table class='tcontacto'><tr><td>Su Nombre: </td><td><input type='text' id='sunombre'></td></tr><tr><td>Su e-mail:</td><td><input type='text' id='suemail'></td></tr></table>";
	texto=texto+'<img class="imcaptcha" id="captcha" src="securimage/securimage_show.php" alt="CAPTCHA Image" />';
	texto=texto+'<div class="divflizq"><p><a id="ja" href="#">[Cambiar Imagen]</a></p>';
	texto=texto+'<pre ><input type="text" id="captcha_code" size="15" maxlength="6" /></pre><br></div>';
	
	texto=texto+"<textarea name='peticion' class='areapequena' id='areapeticion'> He visto esta web y creo que puede interesarte http://www.iclases.com</textarea>";
	texto+="<p><input type='submit' id='submitenv' class='submitlogin2' onclick='recomendar(); return false;' value='Enviar'></p></form></div>";
	
	//$("#infocentro").slideUp(600,function(){$("#infocentro").html(texto);}).slideDown(600);
	
	if($("#cursos").is (':visible')){
		$("#cursos").animate({
            width: "toggle",
            opacity: "toggle"
        });		
		$("#infocentro").html(texto);
	}
	else{
		if($("#divenlaces").is (':visible')){
			$("#divenlaces").slideUp(600,function(){$("#infocentro").html(texto).slideDown(600);});
        }	
		else{
			$("#infocentro").slideUp(600,function(){$("#infocentro").html(texto).slideDown(600);});
		}
	}
		
		
		
		
		
	
 }
 
 
 function muestraenlaces(){
	if($("#cursos").is (':visible')){
		$("#cursos").animate({
            width: "toggle",
            opacity: "toggle"
        });
		
		
		$("#infocentro").slideUp(600,function(){$("#divenlaces").slideDown(600);});
	}
	else{
		$("#infocentro").slideUp(600,function(){$("#divenlaces").slideDown(600);});
	}
 }
 
function acceso(){	
	var nom=$("#loginusu").val();
	var pwd=$("#loginpass").val();
	$("#parteizqcentro").html(" ");
	
	if(nom!="admin"){
		$("#divregistro").load("ajax/login.php", {nombre: nom, pass:pwd }, function(){	

				//$("#infocentro").html("<p>Elige alguna de las opciones</p>");
				$("#infocentro").load("ajax/infocentro.php", {nombre: nom, pass: pwd} );
				$("#parteizqcentro").load("ajax/listaizq.php", {nombre: nom, pass: pwd} );
				//$("#parteizqcentro").html("hola");
				$(".parteizqcentro ul li").removeClass('active2');	
			}
		);
	}
	else{
		$("#divregistro").load("ajax/login.php", {nombre: nom, pass:pwd }, function(){	
				//$("#infocentro").html("<p>Elige alguna de las opciones</p>");
				$("#center").load("ajax/infocentro.php", {nombre: nom, pass: pwd} );
				//$("#parteizqcentro").load("ajax/listaizq.php", {nombre: nom, pass: pwd} );
				//$("#parteizqcentro").html("hola");
				//$(".parteizqcentro ul li").removeClass('active2');	
			}
		);
	}
	
}

function enviar(){
	$("#infocentro").load("ajax/contacto.php",{nombre:$("#nombre").val(),email:$("#email").val(),mensaje:$('#areapeticion').val(),captcha_code:$("#captcha_code").val()});	
}

function recomendar(){
	//$("#cursos").(slideUp());
	$("#infocentro").load("ajax/recomendar.php",{nombre:$("#nombre").val(),email:$("#email").val(),sunombre:$("#sunombre").val(),suemail:$("#suemail").val(),  mensaje:$('#areapeticion').val(),captcha_code:$("#captcha_code").val()});	
}

function muestraclases(){
	//$("#cursos").slideDown(600);
	if($("#cursos").is (':visible')){		
		$("#cursos").load("ajax/anadecategorias.php");
	
	}
	else{
		$("#cursos").animate({
            width: "toggle",
            opacity: "toggle"
        });
		$("#cursos").load("ajax/anadecategorias.php");
		if($("#divenlaces").is (':visible')){
			$("#divenlaces").slideUp(600,function(){$("#infocentro").html("Elige una categoría").slideDown(600);});
        }	
		else{
			//$("#infocentro").slideUp(600,function(){$("#infocentro").html("Elige una categoría").slideDown(600);});
			$("#infocentro").html("Elige una categoría");
		}
	}	
}
 
function volver(){
	var texto='<form class="formregistro" action=""><p class="plogin">Usuario:    <input type="text" value="" id="loginusu"></p>';
	texto=texto+'<p class="plogin">Contraseña: <input type="password" value="" id="loginpass"></p>';
	texto=texto+'<p class="plogin"><input type="submit" class="submitlogin" value="Entrar" onclick="acceso(); return false;"><a href="altacampus.php" class="alogin">Date de alta aquí</a>'
	texto=texto+'</p>	</form>';
	$("#divregistro").html(texto);

}


function dibujacurso(idcurso){	
	$("#infocentro").slideUp(600,function(){$("#infocentro").load("ajax/dibujacurso.php", {curso: idcurso})}).slideDown(600);	
	//$("#infocentro").animate({width:'toggle'},400,function(){$("#infocentro").load("ajax/dibujacurso.php", {curso: idcurso})}).animate({width:'toggle'},400);	
}

function dibujaclases(idcategoria){
	$("#cursos").load("ajax/dibujaclases.php", {categoria: idcategoria});	
	//$("#infocentro").slideUp(600,function(){$("#infocentro").html("Elige una clase").slideDown(600);});
	$("#infocentro").html("Elige una clase");
}



function cerrar_sesion(){
	$("#divregistro").load("ajax/cerrarsesion.php");
	
}

function bonos(){
	if($("#cursos").is (':visible')){$("#cursos").animate({
            width: "toggle",
            opacity: "toggle"
        });		
	
		$("#infocentro").load("ajax/bonos.php");
	}
	else{
		if($("#divenlaces").is (':visible')){
			$("#divenlaces").slideUp(600,function(){$("#infocentro").load("ajax/bonos.php").slideDown(600);});
        }	
		else{
			$("#infocentro").slideUp(600,function(){$("#infocentro").load("ajax/bonos.php").slideDown(600);});
		}
	}
		
		//$("#infocentro").slideUp(600,function(){$("#infocentro").load("ajax/bonos.php")}).slideDown(600);
	

		
}

function matriculadas(){
	if($("#cursos").is (':visible')){$("#cursos").animate({
            width: "toggle",
            opacity: "toggle"
        });		
		
		$("#infocentro").load("ajax/matriculadas.php");
	}
	else{
		if($("#divenlaces").is (':visible')){
			$("#divenlaces").slideUp(600,function(){$("#infocentro").load("ajax/matriculadas.php").slideDown(600);});
        }	
		else{
			$("#infocentro").slideUp(600,function(){$("#infocentro").load("ajax/matriculadas.php").slideDown(600);});
		}
	}
	
}

function pideclase(){
	var texto="<table class='tcontacto'><tr><td>Tu Nombre: </td><td><input type='text' id='nombre'></td></tr><tr><td>Tu e-mail:</td><td><input type='text' id='email'></td></tr>";
	texto+="<tr><td>Tu propuesta:</td></tr></table>";
	
	texto=texto+"<textarea name='peticion' class='areapequena' id='areapeticion'> Escribe tu propuesta</textarea>";
	texto+="<p><input type='submit' id='submitenv' class='submitlogin2' onclick='pedirclase(); return false;' value='Enviar'></p></form></div>";
	
	//$("#infocentro").slideUp(600,function(){$("#infocentro").html(texto);}).slideDown(600);
	
	if($("#cursos").is (':visible')){$("#cursos").animate({
            width: "toggle",
            opacity: "toggle"
        });
		
		
		$("#infocentro").html(texto);
	}
	else{
		if($("#divenlaces").is (':visible')){
			$("#divenlaces").slideUp(600,function(){$("#infocentro").html(texto).slideDown(600);});
        }	
		else{
			$("#infocentro").slideUp(600,function(){$("#infocentro").html(texto);}).slideDown(600);
		}
	}
	
}

function pedirclase(){
	//$("#cursos").(slideUp());
	$("#infocentro").load("ajax/pedirclase.php",{nombre:$("#nombre").val(),email:$("#email").val(), mensaje:$('#areapeticion').val()});	
}


function factura(){

	var data = { 'numalumnos[]' : []};

		$("input:checked").each(function() {
		   data['numalumnos[]'].push($(this).val());
		});


	$("#center").load("ajax/factura.php",{valores: data});
}


