//INICIO DE EJECUCIÓN JQUERY DE LA PÁGINA PARA EL LOGIN
$(document).ready(function() {
						   		
	//inicializo los campos
	camposAuto();
	
	
	//capturo el click del boton de login
	$('#botonLogin').bind('click', function() {
 		logon();
		return false;
	}); 
	

	// ROUNDED CORNERS
	$('img.rounded').one('load',function () {
		var img = $(this);
		var img_width = img.width();
		var img_height = img.height();
	 
		// build wrapper
		var wrapper = $('<div class="rounded_wrapper"></div>');
		wrapper.width(img_width);
		wrapper.height(img_height);
	 
		// move CSS properties from img to wrapper
		wrapper.css('float', img.css('float'));
		img.css('float', 'none')
	 
		wrapper.css('margin-right', img.css('margin-right'));
		img.css('margin-right', '0')
	 
		wrapper.css('margin-left', img.css('margin-left'));
		img.css('margin-left', '0')
	 
		wrapper.css('margin-bottom', img.css('margin-bottom'));
		img.css('margin-bottom', '0')
	 
		wrapper.css('margin-top', img.css('margin-top'));
		img.css('margin-top', '0')
	 
		wrapper.css('display', 'block');
		img.css('display', 'block')
	 
		// IE6 fix (when image height or width is odd)
		if ($.browser.msie && $.browser.version == '6.0')
		{
			if(img_width % 2 != 0)
			{
				wrapper.addClass('ie6_width')
			}
			if(img_height % 2 != 0)
			{
				wrapper.addClass('ie6_height')			
			}
		}
	 
		// wrap image
		img.wrap(wrapper);
	 
		// add rounded corners
		img.after('<div class="tl"></div>');
		img.after('<div class="tr"></div>');
		img.after('<div class="bl"></div>');
		img.after('<div class="br"></div>');
	}).each(function(){
		if(this.complete) $(this).trigger("load");
	});	
	
});

// PARTE DEL COMBO DE IDIOMAS.
$(
function()
{
$('#officeItemList').combobox(
				{
					comboboxContainerClass: "comboboxContainer",
					comboboxValueContainerClass: "comboboxValueContainer",
					comboboxValueContentClass: "comboboxValueContent",
					comboboxDropDownClass: "comboboxDropDownContainer",
					comboboxDropDownButtonClass: "comboboxDropDownButton",
					comboboxDropDownItemClass: "comboboxItem",
					comboboxDropDownItemHoverClass: "comboboxItemHover",
					comboboxDropDownGroupItemHeaderClass: "comboboxGroupItemHeader",
					comboboxDropDownGroupItemContainerClass: "comboboxGroupItemContainer",
					animationType: "slide",
					width: "143px"
				});
$('#officeItemList').combobox.onChange = function(){
	
	//alert ($('#officeItemList').val());
	
	window.location = "/includes/cambiarIdioma.php?idioma="+$('#officeItemList').val();
	
	}; 
});
	
//función que crea el comportamiento de los campos autoborrables y autorellenables si están vacíos a los campos con clase .autoCampo
function camposAuto(){
	
	//primero guardo en array asociativo el valor de los campos para luego poder volver a introducir el valor
	arrayCamposAuto=new Array();
	$(".autoCampo").each(function(index) {
    	arrayCamposAuto[$(this).attr("id")]=$(this).val();
  	});
	
	//genero las acciones en focus in y out
	$(".autoCampo").focusin(function() {
		//si pincha, pero el valor no es el inicial (ha podido pinchar por segunda vez)
		if ($(this).val()==arrayCamposAuto[$(this).attr("id")] ){
    		$(this).val("");
		}
  	});
	
	$(".autoCampo").focusout(function() {
    	//si deja el foco con el campo vacío, relleno con su valor inicial
		if ($(this).val()==""){
			$(this).val(arrayCamposAuto[$(this).attr("id")])
		}
  	});
	
}

//Función que hace la llamada de ajax del logon.
function logon(){
	
	$.ajax({
			type: "POST",
			url: "/includes/logon.php",
			data: "Username="+$("#UsernameLogon").val()+"&Password="+$("#PasswordLogon").val()+"&CheckLogon="+checked,
			success: function(datos){
				
				//compruebo si he recibido ok o ko.
				respuesta=datos.split('|');
				
				if (respuesta[0]=="OK"){
					
					//recargo login, al recargar y estar la sesión cargará la versión logada.
					//$('#login').load('/login.php');
					//opto por refrescar porque hay partes de la web que cambian también como el menú, etc
					location.reload(true);

					
				}else{
					
					//muestro la respuesta que me pasa el php con su traducción correspondiente.
					$.fn.colorbox({href:"/includes/ventanaError.php?m="+escape(respuesta[1])});
					
				}
				
		  	}
	});
	
}

//función para deslogar
function logout(){
	
	//para deslogar simplemente llao a login con usuario y pass vacío, asi borra todo.
	$.ajax({
			type: "POST",
			url: "/includes/logout.php",
			data: "Username=&Password=&CheckLogon=",
			success: function(datos){
				
				//recargo login, al recargar y NO estar la sesión cargará la versión deslogada.
				//$('#login').load('/login.php');
				//opto por refrescar porque hay partes de la web que cambian también como el menú, etc
				location.reload(true);
				
		  	}
	});	
	
}


//función que visualiza el basket.
function verBasket(){
	
	$.fn.colorbox({href:"/includes/ventanaBasket.php"});
	
}

//función que muestra el recordar contraseña
function recordarPass(){
	
	$.fn.colorbox({href:"/includes/ventanaRecordarPass.php"});
	
}

//función que hace el recordar pass.
function recuerdaPass(){
	
	if ($("#emailRecordar").val()!=""){
	
		$.ajax({
				type: "POST",
				url: "/includes/rememberPass.php",
				data: "Email="+$("#emailRecordar").val(),
				success: function(datos){
					
					//simplemente escribo la respuesta en la ventana.
					$("#formRecordar").html(datos)
				
					
				}
		});
	
	}else{
	
		$("#emailRecordar").css("background-color","#dc7c7c");	
	
	}
	
}

//función que muestra el reescribir pass
function reescribirPass(){
	
	$.fn.colorbox({href:"/includes/ventanaReescribirPass.php"});
	
}

//función que hace el reescribir pass.
function reescribePass(){
	
	if ($("#passRecordar").val()!=""){
	
		$.ajax({
				type: "POST",
				url: "/includes/rewritePass.php",
				data: "pass="+$("#passRecordar").val()+"&clave="+$("#claveRecordar").val(),
				success: function(datos){
					
					//simplemente escribo la respuesta en la ventana.
					$("#formRecordar").html(datos)
				
					
				}
		});
	
	}else{
	
		$("#passRecordar").css("background-color","#dc7c7c");
		
	}
	
}

//función que muestra el formulario de usuario
function modificarUsuario(){
	
	$.fn.colorbox({href:"/includes/ventanaModificarUser.php"});
	
}

//funcion que comprueba que el formulario de modificacion de usuario está relleno.
function validarForm(){
	
	error=false;
	
	//primero pongo el fondo como siempre a blanco
	$(".modObligatorio").each(function(index) {
    	$(this).css("background-color","#ffffff");
  	});	
	
	//compruebo que ninguno obligatorio esté vacío.
	$(".modObligatorio").each(function(index) {
		
		if ($(this).val()==""){
    		$(this).css("background-color","#dc7c7c");
			error=true;
		}
		
  	});
	
	//compruebo campos especiales.
	if ($("#password").val()!="" && $("#password").val()!=$("#password2").val()){
	
		$("#password").css("background-color","#dc7c7c");
		$("#password2").css("background-color","#dc7c7c");
		error=true;
	
	}else{
	
		$("#password").css("background-color","#ffffff");
		$("#password2").css("background-color","#ffffff");	
	
	}	
	
	if (!error){
		//todo ok, envio form.
		
		
		
		//monto la cadena de variables
		cadena="";
		$(".modObligatorio").each(function(index) {
			cadena=cadena+$(this).attr("id")+"="+$(this).val()+"&";
		});
		cadena=cadena+"provincia="+$("#provincia").val();
		cadena=cadena+"&telefono="+$("#telefono").val();
		cadena=cadena+"&password="+$("#password").val();
		
		$.ajax({
				type: "POST",
				url: "/includes/modificarUsuario.php",
				data: cadena,
				success: function(datos){
					
					//simplemente escribo la respuesta en la ventana.
					$("#error").html(datos)
				
					
				}
		});		
		
	}else{
	
		$("#error").html($("#textoError").val())
	
	}
	
}