$(document).ready(function(){

	$("#html_contrato").hide();
	$("a.cerrar").hide();
	
	myajax = new isiAJAX();
	
	$('.bloque_b table#hardware tr.precio').each( function(){
	
		$(this).click( function(){

			removeEstiloTr('hardware');
			
			$(this).addClass('gris');
		
			var params = '?precio='+$(this).attr('id');
			
			myajax.Link('http://www.servilink.com.ar/modules/precio.php'+params, 'total');
			
			return false;
			
		});
		
	});
	
	$('.bloque_c table#conectividad tr.precio').each( function(){
	
		$(this).click( function(){
		
			removeEstiloTr('conectividad');
			
			$(this).addClass('gris');

			var params = '?precio='+$(this).attr('id');
			
			myajax.Link('http://www.servilink.com.ar/modules/precio.php'+params, 'total');
			
		});
		
	});
	
	$('.bloque_d table#adicionales tr.precio').each( function(){
	
		$(this).click( function(){
		
			removeEstiloTr('adicionales');
			
			$(this).addClass('gris');

			var params = '?precio='+$(this).attr('id');
			
			myajax.Link('http://www.servilink.com.ar/modules/precio.php', 'total');
			
		});
		
	});
	
	function removeEstiloTr(categoria){
	
		$('table#'+categoria+' tr').each( function(){
		
			$(this).removeClass('gris');
			
		});
		
		return false;
	
	}
	
	$("a.contrato").click(function(event) {
	
		event.preventDefault();
		
		$('div#html_contrato').jScrollPane({showArrows:true, scrollbarWidth: 17});
		
		$("#html_contrato").show();
		
		$("#xp").show();
		
		$("a.cerrar").show();
		
		return false;
	
	});
	 
	$("a.cerrar").click(function(event) {
	
		event.preventDefault();
		
		$("#html_contrato").slideUp();
		$("#xp").hide();
		
	});
	
	$("#form_contratar").validate({
		rules: {
			nombre: {
				required: true
			},
			dni: {
				required: true
			},
			direccion: {
				required: true
			},

			cp: {
				required: true
			},
			
			ciudad: {
				required: true
			},
			
			provincia: {
				required: true
			},
			
			pais: {
				required: true
			},			

			email: {
				required: true, 
				email: true
			},
			telefono: {
				required: true
			},
			dominio: {
				required: true
			},
			
			password: {
				password: "#dominio"
			},
			
			password_confirm: {
				required: true,
				equalTo: "#password"
			}
		},
		messages: {
			
			password_confirm: {
				required: "<div class='merror'>Repita la contrase&ntilde;a</div>",
				minlength: jQuery.format("<div class='merror'>No ingreso la contrase&ntilde;a</div>"),
				equalTo: "<div class='merror'>Las contrase&ntilde;as no coinciden.</div>"
			}
			, 
			
			dominio: {
				required: "<div class='merror'>Ingrese el nombre de dominio.</div>"
			},
			
			dni: {
				required: "<div class='merror'>Ingrese su D.N.I.</div>"
			},
			
			direccion: {
				required: "<div class='merror'>Ingrese su direccion.</div>"
			}, 			
			
			cp: {
				required: "<div class='merror'>Ingrese su codigo postal.</div>"
			}, 			
			
			ciudad: {
				required: "<div class='merror'>Ingrese su ciudad.</div>"
			}, 			
			
			provincia: {
				required: "<div class='merror'>Ingrese su provincia.</div>"
			}, 			

			pais: {
				required: "<div class='merror'>Ingrese su dni.</div>"
			}, 			
			
			email: {
				required: "<div class='merror'>Ingrese una direccion de email.</div>", 
				email: "<div class='merror'>Ingrese una direccion de email valida.</div>"
			}, 
			telefono: {
				required: "<div class='merror'>Ingrese su numero de telefono.</div>"
			},
			
			nombre: {
				required: "<div class='merror'>Ingrese su nombre y apellido.</div>"
			}
		
			
		},
		// the errorPlacement has to take the table layout into account
		
		errorPlacement: function(error, element) {
			error.prependTo( element.parent().next() );
		}
		
	});
	
	$("#form_contratar_game").validate({
		rules: {
			nombre: {
				required: true
			},
			dni: {
				required: true
			},
			direccion: {
				required: true
			},
			
			ciudad: {
				required: true
			},
			
			provincia: {
				required: true
			},
			
			pais: {
				required: true
			},			

			email: {
				required: true, 
				email: true
			},
			telefono: {
				required: true
			},
			dominio: {
				required: true
			},
			
			password: {
				password: "#dominio"
			},
			
			password_confirm: {
				required: true,
				equalTo: "#password"
			}
		},
		messages: {
			
			password_confirm: {
				required: "<div class='merror'>Repita la contrase&ntilde;a</div>",
				minlength: jQuery.format("<div class='merror'>No ingreso la contrase&ntilde;a</div>"),
				equalTo: "<div class='merror'>Las contrase&ntilde;as no coinciden.</div>"
			}
			, 
			
			dominio: {
				required: "<div class='merror'>Ingrese el nombre de usuario.</div>"
			},
			
			dni: {
				required: "<div class='merror'>Ingrese su D.N.I.</div>"
			},
			
			direccion: {
				required: "<div class='merror'>Ingrese su direccion.</div>"
			},		
			
			ciudad: {
				required: "<div class='merror'>Ingrese su ciudad.</div>"
			}, 			
			
			provincia: {
				required: "<div class='merror'>Ingrese su provincia.</div>"
			}, 			

			pais: {
				required: "<div class='merror'>Ingrese su dni.</div>"
			}, 			
			
			email: {
				required: "<div class='merror'>Ingrese una direccion de email.</div>", 
				email: "<div class='merror'>Ingrese una direccion de email valida.</div>"
			}, 
			telefono: {
				required: "<div class='merror'>Ingrese su numero de telefono.</div>"
			},
			
			nombre: {
				required: "<div class='merror'>Ingrese su nombre y apellido.</div>"
			}
			
		},
		// the errorPlacement has to take the table layout into account
		
		errorPlacement: function(error, element) {
			error.prependTo( element.parent().next() );
		}
		
	});
	
	$("a#regresar").click( function(){
		history.go(-1);
		
		return false;
	});
});