// JavaScript Document

$(window).load(function() {

	$('#slider').nivoSlider({

		effect:'fade',

		slices:15,

		animSpeed:500,

		pauseTime:3000,

		directionNav:true,

		directionNavHide:true,

		controlNav:true,

		beforeChange: function(){},

		afterChange: function(){}

	});

});

$(document).ready(function(){

	$('#contacto').live('mouseover',function(){

		$(this).css("cursor","pointer");

	});	

					

	$('#enviar_mail').live('click', function(){

		var str = $('#form_mail').serialize();	

	$.ajax({

			type: "POST",

			url: "envia_mail.php",

			data: str,		

			success: function(msg){

			result = msg;

				$("#resultado_mensaje").html(result);

			}

		});

	});

	

	$('#contacto').live('click',function(){

		var w = $(document).width(); 

		var h = $(document).height(); 

		//Centra el popup    

		w = (w/2) - (600/2); 

		h = (h/2); 

		$("#cargando").css("display", "inline");

		$.ajax({

			type: "POST",

			url: "mail_box.php",

			success: function(msg){

			result = msg;

				$("#cargando").css("display", "none");

				$("#body_box").html(result);

			}

		});		

		$("#main_box").css("left",w + "px"); 

		$("#main_box").css("top",h + "px");

		$("#main_box").css("visibility","visible");

		$("#main_box").fadeIn('medium');

		  //Función para cerrar el popup 

		  

		$("#cerrar_box").click(function (){ 

			$("#main_box").hide('medium');

			$('#mask').hide(); 			 

		});	   

		

		$('#cerrar_box').live('mouseover',function(){

			$(this).css("cursor","pointer");

		});

		 $('#mask').click(function () {  

			 $(this).hide();  

			 $('#main_box').hide();  

		 }); 		

		

	});

//

//$('#archivos').parent().css('background','#BDCFE6')

$('div.image_imagen img').parent().css('cursor','pointer');	

$('div.odd').live('mouseover',function(){

	$(this).css('background','#BDCFE6');

});

$('div.even').live('mouseover',function(){

	$(this).css('background','#BDCFE6');

});



/*

si fuera 3199298

Richard Ardila



*/

$('div.odd').live('mouseout',function(){

	$(this).css('background','#DBE5F1');

});

$('div.even').live('mouseout',function(){

	$(this).css('background','#FFF');

});

$('div.image_imagen img').live('click',function(){

	   //Conseguir valores de la img 

   var imagen = $(this).attr("src");

   //Darle el alto y ancho 

   $("#pop").html("<img src='"+imagen+"'>")

   var img_w = $("#pop img").width() + 10; 
   var img_h = $("#pop img").height() + 28; 

   $("#pop").css('width', img_w + 'px'); 
   $("#pop").css('height', img_h + 'px'); 
    
    //Consigue valores de la ventana del navegador 
	var w = $(document).width(); 
	var h = $(document).height(); 
	
   $("#mask").css('width', w + 'px'); 
   $("#mask").css('height', h + 'px'); 
   
   	$("#mask").css("left",0 + "px"); 
	$("#mask").css("top",0 + "px");   
	//Centra el popup TERMINAAAAAAAAAAAAAAARRRRRRRRRRRRRRR   

   	w = (w/2) - (img_h/2); 
   	$("#pop").css("left",w + "px"); 
	$("#pop").css("top","0px");
	$("#mask").fadeIn('medium'); 	
	$("#pop").fadeIn('medium'); 
		$('#mask').animate({
			opacity: 0.65,
		}, 500, function() {
		// Animation complete.
	  });
});

   

$("#pop").click(function (){ 

      $("#mask").fadeOut('medium');	   

      $(this).fadeOut('medium');

});	

	

$("#pop").hover(function (){ 

      $(this).css('cursor','pointer');

});	

$("#formulariologinform").submit(function(){
		var str = $(this).serialize();
		   $.ajax({
				type: "POST",
				url: "validar_usuario.php",
				data: str,
				success: function(msg){
					result = msg;
					if(result == "error"){
						$("#cargar_sesion").html('<form id="formulariologinform"><div class="mensaje_simple_negro">Iniciar sesion</div><div>Nombre de Usuario:</div><input type="text" class="gris" value="username" id="username" name="username" onFocus="Seleccionar(\'username\')" onblur="Reset(\'username\')"/><div>contase&ntilde;a:</div><input type="text" class="gris" value="password" id="password" name="password" onFocus="Seleccionarpass(\'password\')" onblur="Reset_password(\'password\')"/><div id="mensaje_login" class="mensaje_simple"></div><input type="submit" value="Ingresar" name="submit" class="boton"/><input  name="reset" type="reset" value="Clean" class="boton" /></form>');
					$("#cargar_sesion").html("error");
					}else{
//						window.location.href='blog/blog.php';
							$("#cargar_sesion").html(result);
							window.location.reload();
					}

				}
			});
		return false;
	});

});


   

function abrir_carpeta(id){

	$.ajax({

		type: "POST",

		url: "explorar.php",

		data: 'id='+id,

		success: function(msg){

		result = msg;

			$("#cargar_carpeta").html(result);

		}

	});

}

function abrir_carpeta2(id){

	$.ajax({

		type: "POST",

		url: "explorar2.php",

		data: 'id='+id,

		success: function(msg){

		result = msg;

			$("#cargar_carpeta").html(result);

		}

	});

}

function abrir_pagina(id){

	$("#cargando_pagina").css("display", "inline");

		$.ajax({

			type: "POST",

			url: id,

			success: function(msg){

			result = msg;

				$("#cargando_pagina").css("display", "none");

				$("#cargar_pagina").html(result);

			}

		});

}

function ver_archivo(id){

	window.open(id);

}



function Seleccionar(id) {

var valor = document.getElementById(id).value;

	if(valor == "username"){

		var elemento = document.getElementById(id);

		elemento.className = "negro";

		document.getElementById(id).value = "";

	}else{

		elemento.className = "negro";

	}

}

// cambia la clase del texto de gris a Negro y cambia el tipo de texto de Text a Password

function Seleccionarpass(id) {

var valor = document.getElementById(id).value;

	if(valor == "password"){

		var elemento = document.getElementById(id);

		elemento.className = "negro";

		document.getElementById(id).value = "";

		document.getElementById(id).type = "password";

	}else{

		elemento.className = "negro";

	}

}

// Esta funcion verifica el valor del id en el input text y si es vacio escribe "username" para resetear el contenido del 

// textfield

function Reset(id) {

var blanco = document.getElementById(id).value;

var elemento = document.getElementById(id);

	if (blanco == ""){

		elemento.className = "gris";		

		document.getElementById(id).value = "username";

	}

}

function Reset_password(id) {

var blanco = document.getElementById(id).value;

var elemento = document.getElementById(id);

	if (blanco == ""){

		elemento.className = "gris";		

		document.getElementById(id).value = "password";

		document.getElementById(id).type = "text";		

	}

}


//validate

$.validator.setDefaults({
	submitHandler: function() { 
	username = document.getElementById("username").value;
	password = document.getElementById("password").value;
	first_name = document.getElementById("first_name").value;
	last_name = document.getElementById("last_name").value;
	email = document.getElementById("email").value;
	rank = document.getElementById("rank").value;
	
	var str = 'username='+username+'&password='+password+'&first_name='+first_name+'&last_name='+last_name+'&email='+email+'&rank='+rank;
		
		   $.ajax({
				type: "POST",
				url: "insertarusuario.php",
				data: str,
				success: function(msg){
					$("#confirmation_msg").ajaxComplete(function(event, request, settings){
						result = msg;
						if(result == "error"){
						   $.error_popup();
						   result = "0";
						}else{
               				$(this).fadeIn("slow");
							$(this).html(result);
															
						}

					});
				}
			});
		

	
	}
	
});

$().ready(function() {
	// validate the comment form when it is submitted
	$("#commentForm").validate();
	
	// validate signup form on keyup and submit
	$("#signupForm").validate({
		rules: {
			first_name: "required",
			last_name: "required",
			rank: "required",
			usermane: {
				required: true,
				minlength: 5
			},
			password: {
				required: true,
				minlength: 6
			},
			password2: {
				required: true,
				minlength: 6,
				equalTo: "#password"
			},
			email: {
				required: true,
				email: true
			},
			
			
		},
		messages: {
			first_name: "<br><font color='#FF8080' size='-3'>* Por favor Escriba su Nombre</font>",
			last_name: "<br><font color='#FF8080' size='-3'>* Por favor Escriba su Apellido</font>",
			rank: "<br><font color='#FF8080' size='-3'>* Por favor Seleccione un tipo de usuario</font>",
			username: {
				required: "<br><font color='#FF8080' size='-3'>* Por favor ingrese el nombre de usuario o Nick",
				minlength: "<br><font color='#FF8080' size='-3'>* El nombre usuario o nick debe tener por lo menos 5 caractenres</font>"
			},
			password: {
				required: "<br><font color='#FF8080' size='-3'>* Por favpr ingrese una contrasela",
				minlength: "<br><font color='#FF8080' size='-3'>* La contraseña debe tener por lo menos 6 caracteres</font>"
			},
			password2: {
				required: "<br><font color='#FF8080' size='-3'>* Por favor ingrese denuevo la contraseña</font>",
				minlength: "<br><font color='#FF8080' size='-3'>* La contraseña debe tener por lo menos 6 caracteres</font>",
				equalTo: "<br><font color='#FF8080' size='-3'>* Por favor ingrese la misma contraseña de nuevo</font>"
			},
			email: "<br><font color='#FF8080' size='-3'>* Por favor ingrese una direccion de email válida</font>",
			
		}
	});
	

});

//fin VAlidate