/* Bebo Mobile */

window.addEventListener ? window.addEventListener("load",loadScript,false) : window.attachEvent("onload",loadScript);

function loadScript() {
   if (showActivationForm) {
      checkActivated();
   }
}

function selectValue(valueId) {
   var div=document.getElementById(valueId);
   if (div) {
      div.selected = true; 
   }

   return false;
}

function checkActivated() {
   showSpinner("checking if mobile number is activated...");
   hideAll("error");
   hideAll("status");
   
   var form = $("checkMobileNumberActivatedForm");
   new Request.HTML({
      url: form.action, 
      onComplete: function(response){
         response=response.clean();
         response=Json.evaluate(response);
         if(response.responseCode==0) {
            $("mobileNumberActivated").innerHTML=response.responseMessage;

            showAll("mobileNumberActivated");
         } else {
            backToActivateStep();
         }
         hideAll("spinner");
      }
   }).post(form);
}

function showSpinner(loadingText) {
   $("spinner").innerHTML="<img src=/img/bn/blackSpinnerOnWhite.gif />"+" "+loadingText;
   showAll("spinner");
}

function showStatus(text, carrier) {
   icon = '';
   if (carrier == 'ORANGE_UK') {
      icon = '<img src="http://i1.bebo.com/035a//3/file/20070927/4802915315.gif" />';
   }

   $("status").innerHTML="<table><tr><td>" + icon + "</td><td valign=center>"+text+"</td></tr></table>";
   showAll("status");
}

function showError(text, carrier) {
   icon = '';
   if (carrier == 'ORANGE_UK') {
      icon = '<img src="http://i1.bebo.com/035a//7/file/20070927/4802928873.gif" />';
   }

   $("error").innerHTML="<table><tr><td>" + icon + "</td><td valign=center>"+text+"</td></tr></table>";
   showAll("error");
}

function activateMobileNumber(carrier) {
   showSpinner("activating mobile number...");
   hideAll("error");
   hideAll("status");
   $("activateMobileNumberForm").send({onComplete: function(response){
         response=response.clean();
         response=Json.evaluate(response);
         if(response.responseCode==0) {
         showStatus("We have sent a text message to your mobile with an activation code. When you receive it, enter the code above.", carrier);

         $("confirmCodeYourNumber").innerHTML="Your number: "+response.responseMessage;

         nextStepAfterActivate();
         } else {
         showError(response.responseMessage, carrier);
         }

         hideAll("spinner");
         }});
}

function confirmActivationCode(carrier) {
   showSpinner("checking activation code...");
   hideAll("error");
   hideAll("status");
   $("confirmActivationCodeForm").send({onComplete: function(response){
         response=response.clean();
         response=Json.evaluate(response);
         if(response.responseCode==0) {
         $("mobileNumberActivated").innerHTML=response.responseMessage;
         showAll("mobileNumberActivated");           

         hideAll("error");
         hideAll("confirmCode");
         hideAll("activateNumber");
         } else {
         showError(response.responseMessage, carrier);
         }

         hideAll("spinner");
         }});
}

function nextStepAfterActivate() {
   //disableAll("mobileNumberText","operatorSelect","submitNumber");
   hideAll("activateNumber");
   showAll("confirmCode");
}

function backToActivateStep() {
   //enableAll("mobileNumberText","operatorSelect","submitNumber");
   hideAll("confirmCode");
   hideAll("error");
   hideAll("status");
   showAll("activateNumber");
}