function posLightbox(id){
	wDiv = document.getElementById(id).offsetWidth;
	hDiv = document.getElementById(id).offsetHeight;
	document.getElementById(id).style.marginLeft=-(wDiv/2)+'px';
	document.getElementById(id).style.marginTop=-(hDiv/2)+'px';
	if (window.innerHeight){
	   //No IE
   		hscreen = window.innerHeight
		}
		else {
   		if (document.body.clientHeight){
      	//Old IE
	    hscreen = document.documentElement.clientHeight;
   		}
	}
	if (hscreen<hDiv){
		document.getElementById(id).style.top='20px';
		document.getElementById(id).style.marginTop='0';
		document.getElementById(id).style.position='absolute';
		window.scrollTo(0,0);
	}
	else
		document.getElementById(id).style.position='fixed';
}
function openLightbox(id) {
    document.getElementById(id).style.display='block';
	document.getElementById('overlay').style.display='block';
	posLightbox(id);
	if (id=='signupLightbox')
		document.signupFormStep1.nameUser.focus();
		document.getElementById('signupStep1').style.display='block';
		document.getElementById('signupStep2').style.display='none';
		
}
function openLogin() {
	document.getElementById('overlay').style.display='none';	
	document.getElementById('signupLightbox').style.display='none';
	document.getElementById('loginPopup').style.display='block';
}
function closeLogin() {
	document.getElementById('loginPopup').style.display='none';
	}
$(function(){ 
   $("#userLabel").inFieldLabels();
   $("#passLabel").inFieldLabels();
});
function closeLightbox(id) {
    document.getElementById(id).style.display='none';
	document.getElementById('overlay').style.display='none'
}
function signupNext() {
	if(checkAllFields1())
	{
		if (hscreen<hDiv){window.scrollTo(0,0);}
		document.getElementById('signupStep1').style.display='none';
		document.getElementById('signupStep2').style.display='block';
		$("#firstName").focus();
	}
	else
	{
		if(!username_ok)
		{
			checkUsername();	
		}
		else if(!password_ok)
		{
				validatePassword();
		}
		else if(!password2_ok)
		{
				validatePassword2();
		}
		else if(!email_ok)
		{
				checkEmail();
		}
		else if(!email2_ok)
		{
				checkEmail2();
		}
	}
}
function delete_content(id){
	var v = document.getElementById(id).value;
        if (v == "dd" || v == "mm" || v == "aaaa" || v == "Usuario:" || v == "Password:"){
            document.getElementById(id).value = '';
        }
}
function showHide(id){
	id = document.getElementById(id);  
	if (id.style.display == 'block' || id.style.display == '')
		id.style.display='none'
	else
		id.style.display='block'
}
var actual = 'step1';
function goStep(id){
	
	if (actual=='step1')
		{
			document.getElementById('step1').style.display='none';
			document.getElementById('connect').className='';
		}
	else if (actual=='step2')
			{
			document.getElementById('step2').style.display='none';
			document.getElementById('custom').className='';
			}
		else if (actual=='step3')
				{
				document.getElementById('step3').style.display='none';
				document.getElementById('implement').className='';
				}
	if (id=='step1')
		{
			document.getElementById('connect').className='current';
			actual='step1'
		}
	else if (id=='step2')
			{
				document.getElementById('custom').className='current';
				actual='step2'
			}
		else if  (id=='step3')
			{
				document.getElementById('implement').className='current';
				actual='step3'
			}
document.getElementById(id).style.display='block';
}
var vmenuActual = 'v-block_01';
function vmenu(id){
	
	if (vmenuActual=='v-block_01')
		{
			document.getElementById('v-block_01').style.display='none';
			document.getElementById('v-menu_01').className='';
		}
	else if (vmenuActual=='v-block_02')
			{
			document.getElementById('v-block_02').style.display='none';
			document.getElementById('v-menu_02').className='';
			}
		else if (vmenuActual=='v-block_03')
				{
				document.getElementById('v-block_03').style.display='none';
				document.getElementById('v-menu_03').className='';
				}


	if (id=='v-block_01')
		{
			document.getElementById('v-menu_01').className='current';
			vmenuActual='v-block_01'
		}
	else if (id=='v-block_02')
			{
				document.getElementById('v-menu_02').className='current';
				vmenuActual='v-block_02'
			}
		else if  (id=='v-block_03')
			{
				document.getElementById('v-menu_03').className='current';
				vmenuActual='v-block_03'
			}
document.getElementById(id).style.display='block';
}
function goChat(){
	document.getElementById('liveStep1').style.display='none';
	document.getElementById('liveStep2').style.display='block';
}
function openDropdown(){
	document.getElementById('langDropdown').style.display='block';
}
document.onclick = function (e) {
 	 e = e || event
	 var target = e.target || e.srcElement
	 var elemento = document.getElementById('langBox');
	 do {
	  if (elemento == target) {
	   return;
	  }
	  target = target.parentNode;
	 } while (target)
			document.getElementById('langDropdown').style.display='none';
 }
function closeDropdown(){
	document.getElementById('langDropdown').style.display='none';
}
document.onmousedown = function (f) {
 	 f = f || event
	 var target = f.target || f.srcElement
	 var elemento = document.getElementById('login');
	 do {
	  if (elemento == target) {
	   return;
	  }
	  target = target.parentNode;
	 } while (target)
			document.getElementById('loginPopup').style.display='none';
 }

var username_ok = false;
var password_ok = false;
var password2_ok = false;
var email_ok = false;
var email2_ok = false;
var firstname_ok = false;
var lastname_ok = false;
var birthdate_ok = false;
var captcha_ok = false;

function checkAllFields1()
{
	if(username_ok && password_ok && password2_ok && email_ok && email2_ok)
	{
		return true;
	}
	else
	{
		return false;	
	}
}

function checkAllFields2()
{
	if(firstname_ok && lastname_ok && birthdate_ok && captcha_ok)
	{
		return true;
	}
	else
	{
		return false;	
	}
}

function fieldIn(x) {
	var element = document.getElementById(x);
	if(element != null)
	{
		document.getElementById(x).className +=" active";
		document.getElementById(x).className = document.getElementById(x).className.replace(/\b ok\b/,''); 
		if(document.getElementById(x+'Error') != null && document.getElementById(x+'Pass') != null)
		{
			if (document.getElementById(x+'Error').style.display=='none' && document.getElementById(x+'Pass').style.display=='none')
				document.getElementById(x+'Info').style.display='block';
		}
	}
}
function fieldOut(x) {
	
	if(x == "nameUser")
	{
		checkUsername();
	}
	else if(x == "passUser")
	{
		validatePassword();
	}
	else if(x == "rePassUser")
	{
		validatePassword2();
	}
	else if(x == "emailUser")
	{
		checkEmail();
	}
	else if(x == "reEmailUser")
	{
		checkEmail2();
	}
	else if(x == "firstName")
	{
		checkFirstName();
	}
	else if(x == "lastName")
	{
		checkLastName();
	}
	else if(x == "birthDay" || x == "birthMonth" ||  x == "birthYear")
	{
		checkBirthdate();
	}
	else if(x == "secureCode")
	{
		checkCaptcha();
	}
	
	document.getElementById(x).className = document.getElementById(x).className.replace(/\b active\b/,''); 
	if(document.getElementById(x+'Info') != null)
	{
		document.getElementById(x+'Info').style.display='none';
	}
}
function setValue(country_name, country_code){
		document.getElementById('countryInput').value=country_name;
		document.getElementById('countryInputValue').value=country_code;
		document.getElementById('countryList').style.display='none';
	}
	
function checkUsername()
{
	var username = $("#nameUser").val();
	username_ok = false;
	
	if(validateAlphanumeric(username))
	{
		$("#nameUserInfo").hide();
		$("#nameUserError").hide();
		$("#nameUserPass").hide();
		$('#nameUser').attr("disabled", true);
		$("#nameUserLoading").show();
		
		$.post(
		   "ajax/user_check.php",  
		   { username: username },
		   function(data)
		   { 
		   		$('#nameUser').attr("disabled", false);
				$("#nameUserLoading").hide();
				
				if(data == 1)
				{
					$("#nameUserPass").show();
					$('#nameUser').addClass("ok");
					username_ok = true;
				}
				else
				{
					$("#nameUserError").html("the user already exists");
					$("#nameUserError").show();
				}
		   }
		)
	}
	else
	{
		$("#nameUserPass").hide();
		$("#nameUserLoading").hide();
		$("#nameUserError").html("Only letters and numbers");
		$("#nameUserError").show();
	}
}

function checkEmail()
{
	var email = $("#emailUser").val();
	email_ok = false;
	
	if(validateEmail(email))
	{
		$("#emailUserInfo").hide();
		$("#emailUserError").hide();
		$("#emailUserPass").hide();
		$('#emailUser').attr("disabled", true);
		$("#emailUserLoading").show();
		
		$.post(
		   "ajax/email_check.php",  
		   { email: email },
		   function(data)
		   { 
		   		$('#emailUser').attr("disabled", false);
				$("#emailUserLoading").hide();
				
				if(data == 1)
				{
					$("#emailUserPass").show();
					$('#emailUser').addClass("ok");
					$("#reEmailUser").focus();
					email_ok = true;
				}
				else
				{
					$("#emailUserError").html("The e-mail already exists");
					$("#emailUserError").show();
				}
		   }
		)
	}
	else
	{
		$("#emailUserPass").hide();
		$("#emailUserLoading").hide();
		$("#emailUserError").html("The e-mail is not valid");
		$("#emailUserError").show();
	}
}

function validatePassword()
{
	var password = $("#passUser").val();
	var password = $("#passUser").val();
	
	password_ok = false;
	
	if(validateAlphanumeric(password))
	{
		$("#passUserInfo").hide();
		$("#passUserError").hide();
		$("#passUserPass").hide();
		
		if(password.length > 5)
		{
			$("#passUserPass").show();
			$('#passUser').addClass("ok");
			password_ok = true;
			$("#rePassUser").focus();
		}
		else
		{
			$("#passUserError").html("6 characters long at least");
			$("#passUserError").show();
		}

	}
	else
	{
		$("#passUserPass").hide();
		$("#passUserError").html("Only letters and numbers");
		$("#passUserError").show();
	}
	

	

}

function validatePassword2()
{
	var password = $("#passUser").val();
	var password2 = $("#rePassUser").val();
	password2_ok = false;
	
	$("#rePassUserInfo").hide();
	$("#rePassUserError").hide();
	$("#rePassUserPass").hide();
	
	if(password == password2 && password2 != "")
	{
		$("#rePassUserPass").show();
		$('#rePassUser').addClass("ok");
		password2_ok = true;
	}
	else
	{
		$("#rePassUserError").html("The passwords do not match");
		$("#rePassUserError").show();
	}
}

function checkEmail2()
{
	var email = $("#emailUser").val();
	var email2 = $("#reEmailUser").val();
	email2_ok = false;
	
	$("#reEmailUserInfo").hide();
	$("#reEmailUserError").hide();
	$("#reEmailUserPass").hide();
	
	if(email == email2)
	{
		$("#reEmailUserPass").show();
		$('#reEmailUser').addClass("ok");
		email2_ok = true;
	}
	else
	{
		$("#reEmailUserError").html("The e-mails do not match");
		$("#reEmailUserError").show();
	}
}

function checkFirstName()
{
	var firstname = $("#firstName").val();
	firstname_ok = false;
	
	$("#firstNameInfo").hide();
	$("#firstNameError").hide();
	$("#firstNamePass").hide();
	
	if(validateOnlyLetters(firstname))
	{
		$("#firstNamePass").show();
		$('#firstName').addClass("ok");
		firstname_ok = true;
	}
	else
	{
		$("#firstNameError").show();
	}
}

function checkLastName()
{
	var lastname = $("#lastName").val();
	lastname_ok = false;
	
	$("#lastNameInfo").hide();
	$("#lastNameError").hide();
	$("#lastNamePass").hide();
	
	if(validateOnlyLetters(lastname))
	{
		$("#lastNamePass").show();
		$('#lastName').addClass("ok");
		lastname_ok = true;
	}
	else
	{
		$("#lastNameError").show();
	}
}

function checkBirthdate()
{
	
	var date = $("#birthMonth").val() + "/" + $("#birthDay").val() + "/" +  $("#birthYear").val();
	birthdate_ok = false;
	
	$("#dateInfo").hide();
	$("#datePass").hide();
	$("#dateError").hide();
	
	
	if(isDate(date))
	{
		$("#datePass").show();
		$('#birthMonth').addClass("ok");
		$('#birthDay').addClass("ok");
		$('#birthYear').addClass("ok");
		birthdate_ok = true;
	}
	else
	{
		$("#dateError").show();
	}
}

function checkCaptcha()
{
	var captcha = $("#secureCode").val();
	captcha_ok = false;
	
	$("#secureCodeInfo").hide();
	$("#secureCodeError").hide();
	$("#secureCodePass").hide();
	
	
	if(captcha != "")
	{
		$("#secureCodePass").show();
		$('#secureCode').addClass("ok");
		captcha_ok = true;
	}
	else
	{
		$("#secureCodeError").show();
	}
}

function ajaxRegisterLoader()
{
	$("#creatingAccount").css('display', 'inline');	
	$('#accountCreateSubmit').attr('disabled', true);

}

function createAccount()
{
	
	if(checkAllFields2())
	{
			var register_options = { 
			beforeSubmit:  ajaxRegisterLoader,  // pre-submit callback 
			success:       function(responseText) { 
								$('#accountCreateSubmit').attr('disabled', false);
								$("#creatingAccount").css('display', 'none');
								if(responseText == 1)
								{
									closeLightbox("signupLightbox");
									openLightbox("registConfirm");
								}
								else if(responseText == 2)
								{
									$("#secureCodeError").show();
									$("#secureCodePass").hide();
									$('#secureCode').removeClass("ok");
									$("#secureCode").focus();
								}
			}

		}; 

		$('#formRegister').ajaxSubmit(register_options);
		return false;
	}
	else if(!firstname_ok)
	{
			checkFirstName();
	}
	else if(!lastname_ok)
	{
			checkLastName();
	}
	else if(!birthdate_ok)
	{
			checkBirthdate();
	}
	else if(!captcha_ok)
	{
			checkCaptcha();
	}
}

function checkLoginForm()
{
	var username = $("#userLogin").val();
	var password = $("#passLogin").val();
	
	if(username != "" && password != "")
	{
		return true;
	}
	else
	{
		return false;	
	}
}

function showFlash()
{
	if($("#flashBox").length > 0)
	{
		$("#flashBox").css({"visibility":"visible"});
	}
}