﻿// Archivo JScript

var CountryValue;
var StateValue;

function OverElement(Idtextbox,Idlabel)
{
  /*  document.getElementById('ctl00_contentppal_' + Idtextbox).style.border='2px solid #29A3DA !important';
    document.getElementById('ctl00_contentppal_' + Idlabel).style.color='#29A3DA';
    document.getElementById('ctl00_contentppal_' + Idtextbox).OnMouseOut='javascript:OutElement('+Idtextbox+','+Idlabel+');';*/
}
function OutElement(Idtextbox,Idlabel)
{
 /*   document.getElementById('ctl00_contentppal_' + Idtextbox).style.border='2px solid #D2D2D2 !important';
    document.getElementById('ctl00_contentppal_' + Idlabel).style.color='#2B2B2B !important';*/
}
function FocusElement(Idtextbox,Idlabel)
{
   /* document.getElementById('ctl00_contentppal_' + Idtextbox).style.border='2px solid #29A3DA !important';
    document.getElementById('ctl00_contentppal_' + Idlabel).style.color='#29A3DA !important';
    document.getElementById('ctl00_contentppal_' + Idtextbox).OnMouseOut='javascript:void(0);';*/
    
}

function RegisterStep1()
{
    document.getElementById('errorText_1').innerHTML = '';  
    
    var username = document.getElementById('ctl00_contentppal_ctl00_txtNickName').value;
    var password = document.getElementById('ctl00_contentppal_ctl00_txtPassword').value;
    var communityid= document.getElementById('ctl00_contentppal_ctl00_CommunityId').value;
    var name = document.getElementById('ctl00_contentppal_ctl00_txtNombre').value;
    var lastname = document.getElementById('ctl00_contentppal_ctl00_txtApellido').value;
    var email = document.getElementById('ctl00_contentppal_ctl00_txtEmail').value;
    var captcha = document.getElementById('ctl00_contentppal_ctl00_txtCaptcha').value;
    var url = 'Registration.asmx/register_user';

    new Ajax.Request(url, {
		method: 'post', 
		parameters: { 
			username: username, 
				name:name,
				lastname:lastname,
				communityid:communityid,
			password: password,
			email: email,
			captcha: captcha
		},
		onSuccess: function(transport) {
			if(transport.status == 200)
			{
				if (transport.responseXML.getElementsByTagName("ut_response")[0].attributes[0].value == 'fail')
				{
				  var error = transport.responseXML.documentElement.getElementsByTagName("error")[0];
					DisplayError(error.attributes[0].value, error.attributes[1].value);
					
				}
				else
				{
		
					document.getElementById('Step1').style.display='none';
							
					document.getElementById('Step2').style.display='block';
					
					document.getElementById('Step2B').style.display='block';
					
					document.getElementById('btnEnd').style.display='block';
					
				}
			}
		}
	});
}

function DisplayError(code, msg)
{

    var username = document.getElementById('ctl00_contentppal_ctl00_txtNickName').value;
    var password = document.getElementById('ctl00_contentppal_ctl00_txtPassword').value;
    var passwordrewrite = document.getElementById('ctl00_contentppal_ctl00_txtPasswordRewrite').value;
    var communityid= document.getElementById('ctl00_contentppal_ctl00_CommunityId').value;
    var name = document.getElementById('ctl00_contentppal_ctl00_txtNombre').value;
    var lastname = document.getElementById('ctl00_contentppal_ctl00_txtApellido').value;
    var email = document.getElementById('ctl00_contentppal_ctl00_txtEmail').value;
    var captcha = document.getElementById('ctl00_contentppal_ctl00_txtCaptcha').value;

    if(username != '')
    {
        document.getElementById('ctl00_contentppal_ctl00_txtNickName').style.border='solid 1px #828282';
    }
    if(password != '')
    {    
        document.getElementById('ctl00_contentppal_ctl00_txtEmail').style.border='solid 1px #828282';
    }
    if(passwordrewrite != '')
    {    
        document.getElementById('ctl00_contentppal_ctl00_txtPassword').style.border='solid 1px #828282';
    }
    if(captcha != '')
    {
        document.getElementById('ctl00_contentppal_ctl00_txtCaptcha').style.border='solid 1px #828282';
    }
    if(name != '')
    {
        document.getElementById('ctl00_contentppal_ctl00_txtNombre').style.border='solid 1px #828282';
    }
    if(lastname != '')
    {
        document.getElementById('ctl00_contentppal_ctl00_txtApellido').style.border='solid 1px #828282';
    }
    
    if (msg)
    {
      document.getElementById('errorText_1').innerHTML = msg;      
    }
    if(code =='1')
    {

        if(username == '')
        {    
            document.getElementById('ctl00_contentppal_ctl00_txtNickName').style.border='2px solid Red';
        }
        if(email == '')
        {    
            document.getElementById('ctl00_contentppal_ctl00_txtEmail').style.border='2px solid Red';
        }
        if(passwordrewrite == '')
        {    
            document.getElementById('ctl00_contentppal_ctl00_txtPasswordRewrite').style.border='2px solid Red';
        }
        if(password == '')
        {
            document.getElementById('ctl00_contentppal_ctl00_txtPassword').style.border='2px solid Red';
        }
        if(name == '')
        {
            document.getElementById('ctl00_contentppal_ctl00_txtNombre').style.border='2px solid Red';
        }
        if(lastname == '')
        {
            document.getElementById('ctl00_contentppal_ctl00_txtApellido').style.border='2px solid Red';
        }
    
    }
    else{
            if(document.getElementById('ctl00_contentppal_ctl00_txtEmail').value == '' && (code =='3' || code=='6'))
            {
                document.getElementById('ctl00_contentppal_ctl00_txtEmail').style.border='2px solid Red';
            }
            else{
                if(code =='4')
                {
                    document.getElementById('ctl00_contentppal_ctl00_txtCaptcha').style.border='2px solid Red';
                }
                else{
                    if(code == '5')
                    {
                        document.getElementById('ctl00_contentppal_ctl00_txtNickName').style.border='2px solid Red';
                    }
                    
                }
            }
        }
}

function DisplayError_Step2(code, msg)
{

    document.getElementById('country').style.border='1px solid #888888';
    var state = document.getElementById('state') != undefined ? document.getElementById('state') : document.getElementById('txtState2');
    if (state)
      state.style.border='1px solid #888888';
      
    if (document.getElementById('ctl00_contentppal_ctl00_ddlDay').value == 'Dia')
    {
        document.getElementById('ctl00_contentppal_ctl00_ddlDay').style.border='2px solid Red';
    }
    else
    {
    document.getElementById('ctl00_contentppal_ctl00_ddlDay').style.border='1px solid #888888';
    }
    if (document.getElementById('ctl00_contentppal_ctl00_ddlMonth').value == 'Mes')
    {
        document.getElementById('ctl00_contentppal_ctl00_ddlMonth').style.border='2px solid Red';
    }
    else
    {
    document.getElementById('ctl00_contentppal_ctl00_ddlMonth').style.border='1px solid #888888';
    }
    if (document.getElementById('ctl00_contentppal_ctl00_ddlYear').value == 'Año')
    {
        document.getElementById('ctl00_contentppal_ctl00_ddlYear').style.border='2px solid Red';
    }
    else
    {
    document.getElementById('ctl00_contentppal_ctl00_ddlYear').style.border='1px solid #888888';
    }    
    
    if (msg)
    {
      //document.getElementById('errorText_2').innerHTML = msg;      
    }
    if(code =='1')
    {
    
            if (document.getElementById('country').value == '0')
            {
              document.getElementById('country').style.border='2px solid Red';
            }
            else
            {
            document.getElementById('country').style.border='1px solid #888888';
            }
        if (state)
        
            if(document.getElementById('state').value == '0')
            {
                document.getElementById('state').style.border='2px solid Red';
            }
           
                    if (document.getElementById('ctl00_contentppal_ctl00_ddlDay').value == 'Dia')
                    {
                        document.getElementById('ctl00_contentppal_ctl00_ddlDay').style.border='2px solid Red';
                    }
                    if (document.getElementById('ctl00_contentppal_ctl00_ddlMonth').value == 'Mes')
                    {
                        document.getElementById('ctl00_contentppal_ctl00_ddlMonth').style.border='2px solid Red';
                    }
                    if (document.getElementById('ctl00_contentppal_ctl00_ddlYear').value == 'Año')
                    {
                        document.getElementById('ctl00_contentppal_ctl00_ddlYear').style.border='2px solid Red';
                    }
    }
    else{
          if(code =='7')
          {
          
            if (document.getElementById('country').value == '0')
            {
              document.getElementById('country').style.border='2px solid Red';
            }
            else
            {
            document.getElementById('country').style.border='1px solid #888888';
            }
          }
          else{
              if(code =='8')
              {
                  if (state)
                        if(document.getElementById('state').value == '0')
                        {
                            document.getElementById('state').style.border='2px solid Red';
                        }
              }
              else{
                  if(code == '9')
                  {
                    if (document.getElementById('ctl00_contentppal_ctl00_ddlDay').value == 'Dia')
                    {
                        document.getElementById('ctl00_contentppal_ctl00_ddlDay').style.border='2px solid Red';
                    }
                    if (document.getElementById('ctl00_contentppal_ctl00_ddlMonth').value == 'Mes')
                    {
                        document.getElementById('ctl00_contentppal_ctl00_ddlMonth').style.border='2px solid Red';
                    }
                    if (document.getElementById('ctl00_contentppal_ctl00_ddlYear').value == 'Año')
                    {
                        document.getElementById('ctl00_contentppal_ctl00_ddlYear').style.border='2px solid Red';
                    }
                  }
              }
          }
        }
}

function LoadCountry()
{
	   // var url = 'Geography/Geography.ashx?GetCountry&Format=html&Custom=/Registration_Country';
	    //new Ajax.Updater('ContentCountry', url); 
	    
	      var url = 'CountryAndCity.asmx/GetCountry';
        new Ajax.Request(url, {
        method: 'get', 
        parameters: {},
        onSuccess: function(transport) 
            {
                if(transport.status == 200)
                {
                     if (transport.responseXML.getElementsByTagName("ut_response")[0].attributes[0].value == 'ok')
                    {
                        var categories ='<div style=float:left;margin-right:10px;overflow:hidden;text-align:right;width:360px;><span id="lblCountry" style=float:right; >*Pais:</span></div>';
                        categories +='<select id=country onchange=changeCountry(this.value); style=float:left;>';
                        categories += transport.responseXML.documentElement.getElementsByTagName("country")[0].attributes[0].value;
                        categories +='</select>';
                        document.getElementById('ContentCountry').innerHTML =categories;
                    }
                }
            }
            }
        ); 
}
function changeCountry(Name)
{
    if(Name != '0')
    {
        var x=$("country");
        var by=x.options[x.selectedIndex].value;
        var Nombre=x.options[x.selectedIndex].innerHTML;
        //document.getElementById('txtCountry').value=by;
        CountryValue=by;
   //     var url = 'Geography/Geography.ashx?GetStateByCountry&Format=html&Custom=/Registration_State&Name='+Nombre;
    //    new Ajax.Updater('ContentState', url);
     var url = 'CountryAndCity.asmx/GetStateByCountry';
        new Ajax.Request(url, {
        method: 'get', 
        parameters: {Id:by},
        onSuccess: function(transport) 
            {
                if(transport.status == 200)
                {
                     if (transport.responseXML.getElementsByTagName("ut_response")[0].attributes[0].value == 'ok')
                    {
                        if(transport.responseXML.documentElement.getElementsByTagName("city")[0].attributes[0].value != 'false')
                        {
                            var categories ='<div style=float:left;margin-right:10px;overflow:hidden;text-align:right;width:360px;><span id="lblCity" style=float:right; >*Estado:</span></div>';
                            categories +='<select id=state style=float:left; >';
                            categories += transport.responseXML.documentElement.getElementsByTagName("city")[0].attributes[0].value;
                            categories +='</select>';
                            document.getElementById('ContentState').innerHTML =categories;
                        }
                        else
                        {
                            var categories ='<div style=float:left;margin-right:10px;overflow:hidden;text-align:right;width:360px;><span id="lblCity" style=float:right; >*Estado:</span></div>';
                            categories +='<input id="txtState2" name="state" class="textBox" value="" style="width:200px"></input>';
                           ;
                            document.getElementById('ContentState').innerHTML =categories;
                        }
                    }
                    else
                    {
                    alert("");
                    }
                    
                }
            }
            }
        );
    }
    else
    {
        document.getElementById('ContentState').innerHTML = '<label id="lblState">Ciudad</label><input id="txtState2" name="state" class="Input" value=""></input>';
    }
}
function changeState()
{
    var x=$("city");
    var by=x.options[x.selectedIndex].value;
    var Nombre=x.options[x.selectedIndex].innerHTML;
    //document.getElementById('txtState').value=by;
    StateValue=by;
    
}
function OverLabel(Idlabel)
{
 /*  document.getElementById('ctl00_contentppal_' + Idlabel).style.color='#29A3DA';*/
}
function OutLabel(Idlabel)
{
   /*document.getElementById('ctl00_contentppal_' + Idlabel).style.color='#2B2B2B';*/
}
function RegisterStep2()
{

    document.getElementById('errorText_2').innerHTML = '';  
    var Sexo='';
    if(document.getElementById('rbFem').checked)
      Sexo='F'
    else
      Sexo='M';
    var username = document.getElementById('ctl00_contentppal_ctl00_txtNickName').value;
    var name = document.getElementById('ctl00_contentppal_ctl00_txtNombre').value;
    var lastname = document.getElementById('ctl00_contentppal_ctl00_txtApellido').value;
    var communityid= document.getElementById('ctl00_contentppal_ctl00_CommunityId').value;
    var password = document.getElementById('ctl00_contentppal_ctl00_txtPassword').value;
    var email = document.getElementById('ctl00_contentppal_ctl00_txtEmail').value;
    var Pais=CountryValue == undefined ? 0 : CountryValue;
    var Provincia=StateValue == undefined ? 0 : StateValue;
    var Dia=document.getElementById('ctl00_contentppal_ctl00_ddlDay').selectedIndex
    var Mes=document.getElementById('ctl00_contentppal_ctl00_ddlMonth').selectedIndex;
    var combo_ano = document.getElementById('ctl00_contentppal_ctl00_ddlYear');
    var Ano=combo_ano.selectedIndex > 0 ? combo_ano.options[combo_ano.selectedIndex].value : 0;
    var url = 'Registration.asmx/register_userFull';

    new Ajax.Request(url, {
      method: 'post', 
      parameters: { 
        username: username, 
        name:name,
        lastname:lastname,
        communityid:communityid,
        password: password,
        email: email,
        sex: Sexo,
        country: Pais,
        state: Provincia,
        day: Dia,
        month: Mes,
        year: Ano
      },
      onSuccess: function(transport) {
        if(transport.status == 200)
        {
          if (transport.responseXML.getElementsByTagName("ut_response")[0].attributes[0].value == 'fail')
          {
            var error = transport.responseXML.documentElement.getElementsByTagName("error")[0];
            if (error)
            {
              DisplayError_Step2(error.attributes[0].value, error.attributes[1].value);
            }
          }
          else
          {
            window.location='/'+username;
					  window.location='landpagelogin.aspx?UserName='+username+'&Password='+password;
          }
        }
      }
    });
 }
 
 function Passwords() {
    var password = document.getElementById('ctl00_contentppal_ctl00_txtPassword').value;
    var passwordrewrite = document.getElementById('ctl00_contentppal_ctl00_txtPasswordRewrite').value;
    
    if(password != passwordrewrite || password == '' && passwordrewrite == '' )
    {
            document.getElementById('ctl00_contentppal_ctl00_txtPassword').style.border='2px solid Red';
            document.getElementById('ctl00_contentppal_ctl00_txtPasswordRewrite').style.border='2px solid Red';
    }
    else
    {
            document.getElementById('ctl00_contentppal_ctl00_txtPassword').style.border='1px solid #888888';
            document.getElementById('ctl00_contentppal_ctl00_txtPasswordRewrite').style.border='1px solid #888888';
    }
}

 function PasswordAValidate() {
    var password = document.getElementById('ctl00_contentppal_ctl00_txtPassword').value;
  
    
    if( password == '')
    {
            document.getElementById('ctl00_contentppal_ctl00_txtPassword').style.border='2px solid Red';
           
    }
    else
    {
            document.getElementById('ctl00_contentppal_ctl00_txtPassword').style.border='1px solid #888888';
           
    }
}

function RegisterGuarida() {
    //document.getElementById('errorText_1').innerHTML = ''; 
    //document.getElementById('errorText_2').innerHTML = '';  
    
    var Sexo='';
    if(document.getElementById('rbFem').checked)
      Sexo='F'
    else
      Sexo='M';
    var username = document.getElementById('ctl00_contentppal_ctl00_txtNickName').value;
    var name = document.getElementById('ctl00_contentppal_ctl00_txtNombre').value;
    var lastname = document.getElementById('ctl00_contentppal_ctl00_txtApellido').value;
    var communityid= document.getElementById('ctl00_contentppal_ctl00_CommunityId').value;
    var password = document.getElementById('ctl00_contentppal_ctl00_txtPassword').value;
    var email = document.getElementById('ctl00_contentppal_ctl00_txtEmail').value;
    var Pais=CountryValue == undefined ? 0 : CountryValue;
    var Provincia=StateValue == undefined ? 1 : 1;
    var Dia=document.getElementById('ctl00_contentppal_ctl00_ddlDay').selectedIndex
    var Mes=document.getElementById('ctl00_contentppal_ctl00_ddlMonth').selectedIndex;
    var combo_ano = document.getElementById('ctl00_contentppal_ctl00_ddlYear');
    var Ano=combo_ano.selectedIndex > 0 ? combo_ano.options[combo_ano.selectedIndex].value : 0;
    var url = 'Registration.asmx/register_userFull';
    var captcha = document.getElementById('ctl00_contentppal_ctl00_txtCaptcha').value;
    

    new Ajax.Request(url, {
      method: 'post', 
      parameters: { 
        username: username, 
        name:name,
        lastname:lastname,
        communityid:communityid,
        password: password,
        email: email,
        sex: Sexo,
        country: Pais,
        state: Provincia,
        day: Dia,
        month: Mes,
        year: Ano,
        captcha: captcha
      },
      onSuccess: function(transport) {
        if(transport.status == 200)
        {
          if (transport.responseXML.getElementsByTagName("ut_response")[0].attributes[0].value == 'fail')
          {
            var error = transport.responseXML.documentElement.getElementsByTagName("error")[0];
            if (error)
            {
                Passwords();
                DisplayError(error.attributes[0].value, error.attributes[1].value);
                DisplayError_Step2(error.attributes[0].value, error.attributes[1].value);
            }
          }
          else
          {
            window.location='/'+username;
					  window.location='landpagelogin.aspx?UserName='+username+'&Password='+password;
          }
        }
      }
    });


}

