/**************************
 * Author: Franklin Salcedo
 * Company: ARS DDB
 * Client: Plumrose
 * Campaign: Mundial 2010
 * Date: 2010-06-08
 *************************/

$(document).ready(function(){
	$(document).pngFix();
	
	$("select").msDropDown();
	
	$(".instructions li:last").css("margin-right","0");
	
	$(".nombre input").focus(function(){
		if($(".nombre input").val() == "TU NOMBRE"){
			$(".nombre input").val("");
		}
	});
	$(".nombre input").blur(function(){
		if($(".nombre input").val() == ""){
			$(".nombre input").val("TU NOMBRE");
		}
	});
	
	$(".apellido input").focus(function(){
		if($(".apellido input").val() == "TU APELLIDO"){
			$(".apellido input").val("");
		}
	});
	$(".apellido input").blur(function(){
		if($(".apellido input").val() == ""){
			$(".apellido input").val("TU APELLIDO");
		}
	});
	
	$(".cedula input").focus(function(){
		if($(".cedula input").val() == "TU CÉDULA"){
			$(".cedula input").val("");
		}
	});
	$(".cedula input").blur(function(){
		if($(".cedula input").val() == ""){
			$(".cedula input").val("TU CÉDULA");
		}
	});
	
	$(".celular input").focus(function(){
		if($(".celular input").val() == "TU CELULAR"){
			$(".celular input").val("");
		}
	});
	$(".celular input").blur(function(){
		if($(".celular input").val() == ""){
			$(".celular input").val("TU CELULAR");
		}
	});
	
	$(".email input").focus(function(){
		if($(".email input").val() == "TU EMAIL"){
			$(".email input").val("");
		}
	});
	$(".email input").blur(function(){
		if($(".email input").val() == ""){
			$(".email input").val("TU EMAIL");
		}
	});
	
	
	/* Validación */
	$("form").validate({
		errorLabelContainer: $("#error"),
		wrapper: 'li',
		meta: "validate",
		rules: {
			nombre: {
				required: true,
				nombreval: true
			},
			apellido: {
				required: true,
				apellidoval: true
			},
			cedula: {
				required: true,
				digits: true
			},
			codigo: "required",
			telefono: {
				required: true,
				digits: true,
				minlength: 7,
				maxlenght:7
			},
			email: {
				required: true,
				email: true
			},
			tc: "required"
		},
		messages: {
			nombre: {
				required: "Por favor, dinos tu nombre",
				nombreval: "Por favor, coloca tu nombre"
			},
			apellido: {
				required: "Por favor, dinos tu apellido",
				apellidoval: "Por favor, coloca tu apellido"
			},
			cedula: {
				required: "Por favor dinos tu cédula",
				digits: "El número de cédula debe contener solo números"
			},
			codigo: "Elige el código de tu operadora",
			telefono: {
				required: "Por favor, danos un número de teléfono",
				digits: "El número de teléfono debe contener solo números (ejm: 02121234567)",
				minlength: "El número de teléfono debe llever el siguiente formato: 02121234567",
				maxlenght: "El número de teléfono debe llever el siguiente formato: 02121234567"
			},
			email: {
				required: "Por favor, dinos tu dirección de e-mail",
				email: "La dirección de e-mail no es válida"
			},
			tc: "Debes aceptar los Términos y Condiciones"
		}
	});
});

$.validator.addMethod("nombreval", function(value) {
	return value != "TU NOMBRE";
}, 'Por favor coloca tu nombre');

$.validator.addMethod("apellidoval", function(value) {
	return value != "TU APELLIDO";
}, 'Por favor coloca tu apellido');

function openBases(){
	$.blockUI({
		message: $("#bases"),
		css:{
			top:  "160px",
			left: ($(window).width() - 635) / 2 + "px",
			width: "635px",
			border: "none",
			background: "none",
			cursor: "default"
		},
		overlayCSS:{
				backgroundColor: '#FFF',
				opacity: 0.7,
				cursor: "default"
		}
	});
}

function openTerminos(){
	$.blockUI({
		message: $("#terminos"),
		css:{
			top:  "160px",
			left: ($(window).width() - 635) / 2 + "px",
			width: "635px",
			border: "none",
			background: "none",
			cursor: "default"
		},
		overlayCSS:{
				backgroundColor: '#FFF',
				opacity: 0.7,
				cursor: "default"
		}
	});
}

function openPremios(){
	$.blockUI({
		message: $("#premios"),
		css:{
			top:  "160px",
			left: ($(window).width() - 635) / 2 + "px",
			width: "635px",
			border: "none",
			background: "none",
			cursor: "default"
		},
		overlayCSS:{
				backgroundColor: '#FFF',
				opacity: 0.7,
				cursor: "default"
		}
	});
}
function openGanadores(){
	$.blockUI({
		message: $("#ganadores"),
		css:{
			top:  "160px",
			left: ($(window).width() - 635) / 2 + "px",
			width: "635px",
			border: "none",
			background: "none",
			cursor: "default"
		},
		overlayCSS:{
				backgroundColor: '#FFF',
				opacity: 0.7,
				cursor: "default"
		}
	});
}


function closeBlock(){
	$.unblockUI();
}