
﻿
Ext.BLANK_IMAGE_URL="images/blank.gif";var emailvalid=null;var validEmail=true;var hyraxMsg=null;var direction="ltr";var Styles={};var Titles={ltr:{validationEmail:"Validation e-mail",okay:"OK",fieldRequired:"This field is required",maxLengthText:'The maximum length for this field is {0}',trialText:trialText},rtl:{validationEmail:"אימות דוא\"ל",okay:"אישור",fieldRequired:"שדה זה חסר",maxLengthText:'אורך מקסימלי מותר הוא {0} תווים',trialText:trialText}};var AUDIO_TYPE="audio";var RECAPTCHA_PUBLIC_KEY="6LdaoAkAAAAAAEcZOvwZ6sq_ACgprlhT3tl2AW3J";var formButtonTpl=new Ext.Template('<table border="0" cellpadding="0" cellspacing="0" class="x-btn-wrap"><tbody><tr>','<td class="x-btn-center"><em unselectable="on"><button class="x-btn-text" type="{1}"><div class="x-btn-content">{0}</div></button></em></td>',"</tr></tbody></table>");function sendToServer(url,successCallback,failureCallback){Ext.Ajax.request({url:url,method:'get',success:successCallback==null?"":successCallback,failure:failureCallback==null?"":failureCallback});};function validateVerifyPassword(val){var passwordTextField=Ext.getCmp('password');if(val.trim()!=""&&val==passwordTextField.getValue())
return true;return false;};function emailValidation(val){if(emailvalid!=null&&emailvalid.email==val&&emailvalid.valid==true)
return true;if(val.trim()=="")
return false;if(!Validation.emailValidate(val)){var msg=(direction=="rtl")?"כתובת הדואר שהזנת אינה תקנית.":"Email address seems incorrect.";hyraxMsg=new Ext.Window({autoCreate:true,title:'<div class="x-error-header-icon"></div><div style="padding-top:3px;'+Styles[direction].padding+':25px;text-align:'+Styles[direction].textAlign+';">'+Titles[direction].validationEmail+'</div>',resizable:false,constrain:true,constrainHeader:true,minimizable:false,maximizable:false,stateful:false,modal:true,shim:true,buttonAlign:"center",minHeight:80,plain:true,footer:true,closable:true,shadow:false,cls:'x-hyrax-message',bodyStyle:"padding:5px 10px 10px 10px",html:'<div class="ext-mb-content"><span class="ext-mb-text">'+msg+'</span></div>',buttons:[new Ext.Button({text:Titles[direction].okay,cls:'x-btn-win-gray',overCls:'x-btn-win-gray-over',focusCls:'x-btn-win-gray-focus',template:formButtonTpl,handler:function(){hyraxMsg.hide();}})]});hyraxMsg.render(document.body);var msgEl=Ext.get(hyraxMsg.body.dom.firstChild.firstChild);var width=msgEl.getWidth()+22;hyraxMsg.setSize(width,'auto').center();document.body.appendChild(hyraxMsg.el.dom);hyraxMsg.show();return false;}
if(val!=null&&val!==undefined&&val!=''){emailvalid=new Object();emailvalid.email=val;var url="/Registration?command=validateemail&email="+val;sendToServer(url,emailSuccess,emailFailure);return true;}
return false;};function emailSuccess(value){if(!validEmail){emailMarkInvalid();validEmail=true;return false;}
var emailTextField=Ext.getCmp('email');if(emailTextField==null)
return false;emailTextField.clearInvalid();emailvalid.valid=true;return true;};function emailMarkInvalid(message){if(emailvalid!=null)
emailvalid.valid=false;var emailTextField=Ext.getCmp('email');emailTextField.markInvalid(message?message:emailTextField.invalidText);return false;};function emailFailure(){var msg=(direction=="rtl")?'משתמש עם הדוא"ל הזה כבר קיים':"User with this email already exist";return emailMarkInvalid(msg);};function showRecaptcha(element){Recaptcha.create(RECAPTCHA_PUBLIC_KEY,element,RecaptchaOptions);};function switchRecaptchaType(type){var eltohide,eltoshow;if(type==AUDIO_TYPE){eltohide=document.getElementById("image-type");eltoshow=document.getElementById("audio-type");}else{eltohide=document.getElementById("audio-type");eltoshow=document.getElementById("image-type");}
classAttr=document.createAttribute("class");classAttr.nodeValue="recaptcha-hidden-type";eltohide.setAttributeNode(classAttr);classAttr1=document.createAttribute("class");classAttr1.nodeValue="";eltoshow.setAttributeNode(classAttr1);};Ext.onReady(function(){Ext.QuickTips.init();function submitForm(){var form=Ext.getCmp('registerationform').getForm();var formvalues=form.getValues();if(form.isValid()){var submitButton=Ext.getCmp('submit-button');submitButton.disable();var url="https://"+sslDomain+"/Registration?command=registration&_dc="+new Date().getTime();if(invitationCode!="null")
url+="&invitecode="+invitationCode;showSubmittingIndicator();form.method="POST";form.el.dom.action=url;form.el.dom.submit();}}
function showSubmittingIndicator(){document.getElementById('loading').style.visibility='visible';document.getElementById('loading').style.display='block';document.getElementById('loading-indicator-gif').style.visibility='visible';document.getElementById('loading-indicator-gif').style.display='block';}
function onspecialkey(field,e){var key=e.getKey();if(e.ENTER===key){submitForm();}}
var textAlign="left";var formTitle='<h1 class="title">Sign Up to MeCanto<span id="error_message" style="padding-left:40px;font-size:11px;color:red;"></span></h1>';var formContainer=document.getElementById("form");if(langParameter!="null"&&langParameter=="he"){document.body.className=document.body.className+" h-lang-rtl";direction="rtl";textAlign="right";langAttr=document.createAttribute("lang");langAttr.nodeValue="he";formContainer.setAttributeNode(langAttr);formContainer.style.paddingRight="90px";formTitle='<h1 class="title" style="text-align:right;direction:rtl;"><span lang="he">הרשמה ל- </span><span dir="ltr">MeCanto</span></span><span> </span><span id="error_message" style="padding-right:15px;padding-left:15px;font-size:11px;color:red;direction:rtl;"></span></h1>';}else
formContainer.style.paddingLeft="90px";formContainer.parentNode.style.textAlign=textAlign;formContainer.parentNode.style.direction=direction;document.getElementById("formTitle").innerHTML=formTitle;var fieldLabels={ltr:["Email","Password","Verify Password","Name","Verification Code","Refresh","Hear words","Get words","Help","Type the words","I would like to receive updates and notifications related to the MeCanto service.","<span class='required' style='font-family: Verdana,Arial,Helvetica,sans-serif;'>*</span> I have read and agree to the <a class='links' target='_blank' href='termsofuse' style='padding-left:0px;font-size:11px;'>MeCanto Terms of Use</a> and <a class='links' href='privacy' target='_blank' style='padding-left:0px;font-size:11px;'>MeCanto Privacy Policy</a>.","Create Account","* Required fields"],rtl:['דוא"ל',"סיסמא","אימות סיסמא","שם","קוד אימות","רענן","תשמיע","הצג מילים","עזרה","הקלד את המילים","הייתי רוצה לקבל עדכונים והודעות הקשורים לשירות <span dir='ltr'>MeCanto</span>.","<span class='required' style='font-family: Verdana,Arial,Helvetica,sans-serif;'>*</span> קראתי ואני מסכים על <a class='links' target='_blank' href='termsofuse' style='padding-left:0px;font-size:11px;'>תנאי שימוש ב-<span dir='ltr'>MeCanto</span></a> ו- <a class='links' href='privacy' target='_blank' style='padding-left:0px;font-size:11px;'> מדיניות פרטיות של <span dir='ltr'>MeCanto</span></a>.","צור חשבון","* שדות חובה"]};Ext.apply(Styles,{ltr:{margin:"margin-left",padding:"padding-left",textAlign:"left",float:"left",clear:"right"},rtl:{margin:"margin-right",padding:"padding-right",textAlign:"right",float:"right",clear:"left"}});var textFieldWidth=220;var labelWidth=174;var emailField={fieldLabel:fieldLabels[direction][0]+'&nbsp;<span class="required" style="font-family: Verdana,Arial,Helvetica,sans-serif;">*</span>',xtype:'textfield',labelSeparator:"",id:'email',name:'email',tabIndex:1,validationEvent:'change',validateOnBlur:false,errorIconPossion:(direction=="rtl"),invalidText:(direction=="rtl")?"כתובת הדואר שהזנת אינה תקנית":'Email address seems incorrect.',blankText:Titles[direction].fieldRequired,msgTarget:'side',validator:emailValidation,labelStyle:'width:'+labelWidth,style:"text-align:left;direction:ltr;",width:textFieldWidth,allowBlank:false,emptyText:'',listeners:{specialkey:onspecialkey}};var passwordField={fieldLabel:fieldLabels[direction][1]+'&nbsp;<span class="required" style="font-family: Verdana,Arial,Helvetica,sans-serif;">*</span>',xtype:'textfield',labelSeparator:"",name:'password',tabIndex:2,id:'password',inputType:'password',validationEvent:'change',validateOnBlur:false,errorIconPossion:(direction=="rtl"),minLength:6,maxLength:40,minLengthText:(direction=="rtl")?"מותר רק אותיות באנגלית, מספרים, מקפים וגרשיים, באורך של 6 עד 40 תווים":"Only English letters, numbers, hyphens, and apostrophes are allowed, between 6 and 40 characters long",maxLengthText:Titles[direction].maxLengthText,msgTarget:'side',regex:/^[a-zA-Z0-9\'\_\-]{6,40}$/i,regexText:(direction=="rtl")?"מותר רק אותיות באנגלית, מספרים, מקפים וגרשיים, באורך של 6 עד 40 תווים":"Only English letters, numbers, hyphens, and apostrophes are allowed, between 6 and 40 characters long",blankText:Titles[direction].fieldRequired,labelStyle:'width:'+labelWidth,style:"text-align:left;direction:ltr;",width:textFieldWidth,allowBlank:false,listeners:{specialkey:onspecialkey}};var verifyPasswordField={fieldLabel:fieldLabels[direction][2]+'&nbsp;<span class="required" style="font-family: Verdana,Arial,Helvetica,sans-serif;">*</span>',xtype:'textfield',labelSeparator:"",name:'verify_password',tabIndex:3,inputType:'password',validationEvent:'change',validateOnBlur:false,errorIconPossion:(direction=="rtl"),minLength:6,maxLength:40,maxLengthText:Titles[direction].maxLengthText,labelStyle:'width:'+labelWidth,style:"text-align:left;direction:ltr;",width:textFieldWidth,invalidText:(direction=="rtl")?"אימות הסיסמא לא תואם לסיסמא שהקלדת":'Tipe the same password above',blankText:Titles[direction].fieldRequired,msgTarget:'side',validator:validateVerifyPassword,allowBlank:false,listeners:{specialkey:onspecialkey}};var nameField={fieldLabel:fieldLabels[direction][3],xtype:'textfield',labelSeparator:"",id:'name',name:'name',value:(nameParameter!="null")?nameParameter:"",tabIndex:4,maxLength:40,maxLengthText:Titles[direction].maxLengthText,regex:/^[a-zA-Z\'\._\-\s]{1,40}$/i,regexText:(direction=="rtl")?"מותר רק אותיות באנגלית, רווחים, מקפים וגרשיים, באורך מירבי של 40 תווים":"Only English letters, spaces, hyphens, and apostrophes are allowed, with maximum 40 characters long",blankText:Titles[direction].fieldRequired,labelStyle:'width:'+labelWidth,msgTarget:'side',width:textFieldWidth,allowBlank:true,errorIconPossion:(direction=="rtl"),listeners:{specialkey:onspecialkey}};var captcha={layout:'table',layoutConfig:{columns:1},style:"margin-top:28px",items:[{html:fieldLabels[direction][4]+'&nbsp;<span class="required" style="font-family: Verdana,Arial,Helvetica,sans-serif;">*</span>',cls:'x-form-item-label',bodyStyle:'padding-bottom:5px'},{html:'<div id="recaptcha_widget">'+'<table id="recaptcha_table" style="border:none;"><tbody>'+'<tr>'+'<td height="19px" width="89px">'+'<table border="0" cellpadding="0" cellspacing="0" ><tbody>'+'<tr>'+'<td valign="bottom" align="left">'+'<a  id="recaptcha_reload_btn" href="javascript:Recaptcha.reload ();"  title="Get a new challenge"><img width="14" height="14" style="border:none;" id="recaptcha_reload" src="images/recaptcha_refresh.gif" alt="Get a new challenge"/></a>'+'</td>'+'<td valign="top" style="#padding-bottom:4px;">'+'<a class="linktext"  href="javascript:Recaptcha.reload ();" title="Get a new challenge">'+fieldLabels[direction][5]+'</a>'+'</td>'+'</tr>'+'</tbody></table>'+'</td>'+'<td  class="recaptcha_image_cell" valign="middle" rowspan="3">'+'<div style="width: 300px;height:57px;#height:65px;border:1px solid #195C6F;text-align:center">'+'<div class="regulartext" id="recaptcha_image" ></div>'+'</div>'+'</td>'+'</tr>'+'<tr>'+'<td height="19px" width="89px">'+'<table id="image-type" border="0" cellpadding="0" cellspacing="0" class="recaptcha_only_if_image"><tbody>'+'<tr>'+'<td valign="bottom" align="left">'+'<a id="recaptcha_switch_audio_btn" href="javascript:Recaptcha.switch_type(\'audio\');switchRecaptchaType(\'audio\');" title="Get an audio challenge"><img  width="14" height="14" style="border:none" alt="Get an audio challenge" id="recaptcha_switch_audio" src="images/recaptcha_sound.gif"/></a>'+'</td>'+'<td valign="top" style="#padding-bottom:4px;">'+'<a class="linktext"  id="recaptcha_switch_audio_text" href="javascript:Recaptcha.switch_type(\'audio\');switchRecaptchaType(\'audio\');" title="Get an audio challenge">'+fieldLabels[direction][6]+'</a>'+'</td>'+'</tr>'+'</tbody></table>'+'<table id="audio-type" border="0" cellpadding="0" cellspacing="0" class="recaptcha-hidden-type"><tbody>'+'<tr>'+'<td valign="bottom" align="left">'+'<a  id="recaptcha_switch_image_btn" href="javascript:Recaptcha.switch_type(\'image\');switchRecaptchaType(\'image\');" title="Get an image challenge"><img  width="14" height="14" style="border:none" alt="Get an image challenge" id="recaptcha_switch_image" src="images/recaptcha_text.gif"/></a>'+'</td>'+'<td valign="top" style="#padding-bottom:4px;">'+'<a class="linktext"  id="recaptcha_switch_image_text" href="javascript:Recaptcha.switch_type(\'image\');switchRecaptchaType(\'image\');" title="Get an image challenge">'+fieldLabels[direction][7]+'</a>'+'</td>'+'</tr>'+'</tbody></table>'+'</td>'+'</tr>'+'<tr >'+'<td height="19px" width="93px">'+'<table border="0" cellpadding="0" cellspacing="0" ><tbody>'+'<tr>'+'<td valign="bottom" align="left">'+'<a  id="recaptcha_whatsthis_btn" href="http://recaptcha.net/popuphelp/" target="_blank" title="Help"><img width="14" height="14" style="border:none;" id="recaptcha_whatsthis" src="images/recaptcha_help.gif" alt="Help"/></a>'+'</td>'+'<td valign="top" style="#padding-bottom:4px;">'+'<a class="linktext"  href="http://recaptcha.net/popuphelp/" target="_blank" title="Help">'+fieldLabels[direction][8]+'</a>'+'</td>'+'</tr>'+'</tbody></table>'+'</td>'+'</tr>'+'<tr>'+'<td style="padding-top:5px;" width="89px">'+'<span class = "regulartext" style="font-size:12px ;">'+fieldLabels[direction][9]+':</span>'+'</td>'+'<td style="padding-top:5px;">'+'<input id="recaptcha_response_field" tabIndex="5" type="text" name="recaptcha_response_field" style="width: 302px; height: 20px;border:1px solid #195C6F;text-align:left;direction:ltr;" />'+'</td>'+'</tr>'+'<tr>'+'<td colspan="2" >'+'<div class="recaptcha-hidden-type" style="color:red">Incorrect please try again</div>'+'<span class = "regulartext" style="display: block; font-size:10px ;color :#8F8F8F">Powered by reCAPTHA</span>'+'</td>'+'</tr>'+'</tbody></table>'+'</div>'+'<div id="recaptcha_script_el"></div>'}]};var receiveNotificationsCheckBox={fieldLabel:'',hideLabel:true,labelSeparator:'',xtype:'checkbox',boxLabel:fieldLabels[direction][10],name:"receivenotifications",tabIndex:6,allowBlank:true,errorIconPossion:(direction=="rtl"),elementStyle:'padding-left:0px;padding-right:0;',id:"receivenotifications",checked:(receiveNotificationsParameter=="true")?true:false};var agreementCheckBox={fieldLabel:'',hideLabel:true,labelSeparator:'',validationEvent:'change',validateOnBlur:false,errorIconPossion:(direction=="rtl"),xtype:'checkbox',msgTarget:'side',style:'padding-left:0px;',cls:'x-form-agree-field',invalidText:(direction=="rtl")?"יצירת חשבון דורשת את הסכמתך על תנאי שימוש ומדיניות הפרטיות":"Creating an account requires you agree to the Terms of Use and Privacy Policy",boxLabel:fieldLabels[direction][11],blankText:Titles[direction].fieldRequired,name:'agreecheckbox',elementStyle:'padding-left:0px;padding-right:0;',tabIndex:7,allowBlank:false,id:'agreecheckbox',checked:false,inputValue:'on',handler:validateAgreement,listeners:{specialkey:onspecialkey}};var requiredLabel={xtype:'label',text:fieldLabels[direction][13],cls:'required'};function validateAgreement(el){if(el.getValue())
el.clearInvalid();};new Ext.Panel({width:785,layout:'table',renderTo:'form',layoutConfig:{columns:2},items:[{id:'registerationform',cls:'registeration-form',xtype:'form',width:455,style:"text-align:"+textAlign+";direction:"+direction,labelAlign:textAlign,labelWidth:labelWidth,buttonAlign:"center",listeners:{specialkey:onspecialkey},items:[emailField,passwordField,verifyPasswordField,nameField,captcha,receiveNotificationsCheckBox,agreementCheckBox,requiredLabel],buttons:[{handler:submitForm,id:'submit-button',tabIndex:8,template:formButtonTpl,cls:'x-btn-win-blue',overCls:'x-btn-win-blue-over',focusCls:'x-btn-win-blue-focus',style:'width: auto; top: 0px;',text:fieldLabels[direction][12]}]},{bodyStyle:"background-color:#FFFFFF",width:330,height:300,valign:'top',html:trialText==""?"":'<div class="radius-corner" style="background-color:#DCDCDC;padding:10px;font-size:14px;font-weight:bold;font-family:Arial,Verdana,Helvetica, Franklin Gothic Book,sans-serif;height:auto;"><img src="images/star_price.gif" style="float:'+Styles[direction].float+';clear:'+Styles[direction].clear+';" /><div style="'+Styles[direction].padding+':30px;">'+Titles[direction].trialText+'</div></div>'}]});var emailTextField=Ext.getCmp('email');if(emailParameter!="null")
emailTextField.setValue(emailParameter);emailTextField.focus(false,true);showRecaptcha("recaptcha_script_el");});