// WEB

	$(function(){
		// Accordion
		$("#tickets").accordion({header: "h3",collapsible: true, autoHeight: false});
		
		// Dialogo comun
		$('#dialogo').dialog({autoOpen:false,modal:true,width:500});

		// Ventana de respuesta a un ticket abierto
		$('.link_pass').click(function(){
			$('#dialogo').dialog('option', 'title', 'Renovar contraseña')
			.dialog('option', 'buttons', {});
			$('#dialogo').dialog('open');
			return false;
		});
		
		// Ventana de respuesta a un ticket abierto
		$('#rPass').click(function(){
			$("#validando").fadeIn('slow')
			.html('Comprobando cuenta de e-mail ...');
			$.post("./lib/ajax.php", { a: "renovar_pass", email: $("#femail").val() },
			   function(data){
				   if(data==1) { location.href='login.php?passok' } else { 	$("#validando").html('El e-mail que has introducido no está asociado a ningun cliente o es incorrecto, revisalo.'); }
			   });			
			return false;
		});		

		// Ventana de respuesta a un ticket abierto
		$('.bRTicket').click(function(){
			$('#dialogo').dialog('option', 'title', 'Responder al ticket '+$(this).attr("name"))
			.dialog('option', 'buttons', {})
			.html('<form method="post" action="#"><input type="hidden" name="idsoporte" id="idsoporte" /><textarea name="descripcion" class="text ui-widget-content ui-corner-all"></textarea><br /><span class="submit"><input type="submit" name="fRTicket" value="Responder ticket" /></span></form>');
			$('#idsoporte').val( $(this).attr("name") );
			$('#dialogo').dialog('open');
			return false;
		});
		
		// Ventana de vista detalle de un servicio
		$('.servicio_detalle').click(function(){
		  	$('#dialogo').html('<strong>Cargando datos...</strong>')
			.dialog('option', 'buttons', {})
			.dialog('option', 'title', 'Ficha detallada de servicio');
			$.post("./lib/ajax.php", { a: "servicio_descripcion", id: $(this).attr('name') },
			   function(data){
				 $('#dialogo').html(data);
			   });
			$('#dialogo').dialog('open');
			return false;
		});
		
		// Ventana para la baja de un servicio
		$('.sBaja').click(function()
		{
			var idservicio =  $(this).attr('name');
			var titulo =  $(this).attr('title');
			$('#dialogo').html('<h3>'+titulo+' definitivamente?</h3><p class="dialog_info ui-corner-all">El servicio seguirá funcionando hasta que la baja sea activa en la fecha de vencimiento.</p><br /><label>Motivo de la baja:</label><input id="motivo_baja" />')
			.dialog('option', 'title', 'Modificar servicio')
			.dialog('option', 'buttons',
			{
				"Sí": function()
				{ 
					$(this).dialog("close");
					$.post("./lib/ajax.php", { a: "servicio_baja", id: idservicio, motivo:$("#motivo_baja").attr("value")  }, function(data){ if(data==1) { location.href='servicios.php?bajaok' } else { location.href='servicios.php?bajako' } });
				}, 
				"No": function()
				{ 
					$(this).dialog("close"); 
				} 
			})
		.dialog('open');
		return false;
		});
		
		// Ventana para la renovacion de un servicio
		$('.sRenovar').click(function()
		{
			var idservicio =  $(this).attr('name');
			var titulo =  $(this).attr('title');
			$('#dialogo').html('<h3>'+titulo+'?</h3><p class="dialog_info ui-corner-all">La renovación sera totalmente efectiva una vez realizado el pago por transferencia a la siguiente cuenta bancaria de "La Caixa" '+$(this).attr('rel')+'. Recuerda especificar NOMBRE y APELLIDOS del contratante en CONCEPTO y REMITENTE.</p>')
			.dialog('option', 'title', 'Modificar servicio')
			.dialog('option', 'buttons',
			{
				"Sí": function()
				{ 
					$(this).dialog("close");
					$.post("./lib/ajax.php", { a: "servicio_renovacion", id: idservicio }, function(data){ if(data==1) { location.href='servicios.php?renovaok' } else { location.href='servicios.php?renovaok' } });
				}, 
				"No": function()
				{ 
					$(this).dialog("close"); 
				} 
			})
		.dialog('open');
		return false;
		});
		
		//hover states on the static widgets
		$('.dialog_link, .botonui').hover(
			function() { $(this).addClass('ui-state-hover'); }, 
			function() { $(this).removeClass('ui-state-hover'); }
		);
		
		$(".ui-state-highlight, .ui-state-error").show( 'drop', { direction:'up' }, 'slow',
		function () {$(this).fadeTo(5000, 1).fadeOut('slow');   }
		 );
		 
		 $(".nuevo").show('highlight',2000);
		 
	$("table.lista").each(function(){
	  $("tr:odd", this).not(".even").addClass("zebra");
	  $("tr:even", this).not(".odd").addClass("zebra2");
	});

});