
function FocusBlur(type, blur)
{
  var id, std;
  switch(type)
  {
    case 0: id = 'f_tUser'; std = 'accountname'; break;
    case 1: id = 'f_tPass'; std = '********';    break;
    case 3: id = 'Email';   std = 'your.email@address'; break;
  }

  var el = document.getElementById(id);
  if(el)
  {
    if((el.value == std) && (blur == 0))
    {
      el.value = '';
      el.style.color = '#a09286';
    }
    else if((el.value == '') && (blur == 1))
    {
      el.value = std;
      el.style.color = '#ccc';
    }
    else if(el.value != std)
    {
      el.style.color = '#a09286';
    }
  }
}

function Encrypt()
{
  var user = document.getElementById('f_tUser');
  var pass = document.getElementById('f_tPass');
  if(user && pass)
  {
    if(user.value == 'accountname') user.value = '';
    else if(pass.value == '********') pass.value = '';

    if(user.value.length == 0) user.focus();
    else if(pass.value.length == 0) pass.focus();
    else
    {
      pass.value = calcMD5(Loggy + pass.value + Loggy);
      return true;
    }
  }
  return false;
}

var Opacity = 0;

function ShowRequest()
{
  if(Opacity < 100)
  {
    var el = document.getElementById('Request');
    if(el)
    {
      Opacity += 10;
      SetOpacity(el, Opacity);
      setTimeout("ShowRequest()", 100);
      if(Opacity == 10)
      {
        el.style.display = '';
        el = document.getElementById('RequestLink');
        el.style.display = 'none';
      }
    }
  }
}


function ShowRenewPayPal(Info)
{
  var el = document.getElementById('RenewPayPal');
  if(!el)
  {
    el = document.getElementById('panel_5');
    if(el)
    {
      el.innerHTML += "<div id='RenewPayPal'>"+Info+"</div>";
    }
  }
  else
  {
    el.innerHTML = Info;
  }
  AnimPanel();
}

function ShowStopReason(Type)
{
  var el1 = document.getElementById('TrReason');
  var el2 = document.getElementById('TrOtherReason');

  if(el1 && el2)
  {
    if(Type == 0)
    {
      el1.style.display='';
      el2.style.display='';
    }
    else if(Type == 'p')
    {
      el1.style.display='none';
      el2.style.display='none';

      el1=document.getElementById('TrPayPal');
      el2=document.getElementById('DivSubmitStop');
      if(el1 && el2)
      {
        el1.style.display='';
        el2.style.display='none';
      }
    }
    AnimPanel();
  }
}

//-----------------------------------------
function OpenInvoice(el)
{
  if(el.value)
  {
    location.href='/invoice.php?ID='+UserID+'&FactNo='+el.value;
  }
}

//-----------------------------------------
var CurPanel = -1;
var PrePanel = -1;
var Panels   = new Array();
var TmPanel  = null;

function StartPanels()
{
  var i=0, el;

  while(el = document.getElementById('panel_'+i))
  {
    //Panels[i] = el.scrollHeight;
    el.style.height = '1px';
    el.style.display = 'none';
    i++;
  }
}

function Panel(Subpanel)
{
  PrePanel = CurPanel;
  if(CurPanel == Subpanel)  return;//CurPanel = -1;
  else                      CurPanel = Subpanel;
  if(!TmPanel) AnimPanel();
}

function AnimPanel()
{
  var el, h, Go = false;
  if(PrePanel > -1)
  {
    el = document.getElementById('panel_'+PrePanel);
    if(el && (el.offsetHeight > 0))
    {
      h = el.offsetHeight - 10;
      if(h > 0) Go = true;
      else     {h = 0; el.style.display = 'none';}
      el.style.height = h+'px';

    }
  }

  if(CurPanel > -1)
  {
    el = document.getElementById('panel_'+CurPanel);
    if(el)
    {
      el.style.display = '';
      if(el.offsetHeight < el.scrollHeight)
      {
        h = el.offsetHeight + 10;
        if(h < el.scrollHeight) Go = true;
        else                    h = el.scrollHeight;
        el.style.height = h+'px';
      }
    }
    else
    {
      alert(CurPanel);
    }
  }

  if(Go)
  {
    TmPanel = setTimeout('AnimPanel()', 20);
  }
  else
  {
    TmPanel = null;
  }
}

//-----------------------------------------
function GoSubmitLogin()
{
  if(CheckBtn('SubmitLogin'))
  {
    Fields = new Array('Login', 'Password');
    SubmitPanel('SubmitLogin');
  }
}

//---
var Incasso = false;
function GoSubmitContact()
{
  if(CheckBtn('SubmitContact'))
  {
    var error = '';

         if(!CheckNaam())       error = 'Please check your name';
    else if(!CheckEmail(1))     error = 'Please checn your email address';
    else if(!ValidateEmail(1))  error = 'The email addresses are not the same';

    Fields = new Array('Firstname', 'Infix', 'Surname', 'City', 'Country', 'Email', 'Mailing');

    if(error)
    {
      alert(error);
    }
    else
    {
      SubmitPanel('SubmitContact');
    }
  }
}

//---
var OldActie, NewActie='', BlockAccount=false;
function GoSubmitAccount()
{
  if(CheckBtn('SubmitAccount'))
  {
    var error = '';
    if(BlockAccount)
    {
      if(!SelAccount())      error = 'Please check your selection';

      Fields = new Array('Account', 'PayWay', 'AllOkay');
    }
    else
    {
      if(!SelAccount())      error = 'Please check your selection';
      Fields = new Array('Account', 'PayWay', 'AllOkay');
    }

    if(!error)
    {
      el = document.getElementById('AllOkay');
      if(el && !el.checked)       error = 'Please agree to the terms';
    }

    if(error)
    {
      alert(error);
    }
    else
    {
      SubmitPanel('SubmitAccount');
    }
  }
}


//-----------------------------------------
function SubmitPanel(Type)
{
  var i, id, el;
  var exp='Submit=ControlPanel&SubmitType='+Type+'&ID='+UserID, error=false;

  for(i in Fields)
  {
    id = Fields[i];
    el = document.getElementById(id);
    if(!el)
    {
      alert('Please update your browser: '+id);
      return;
    }
    switch(el.type)
    {
      case 'radio':
      case 'checkbox':
        exp += URLval(id, el.checked ? '1':'0');
        break;
      default:
        exp += URLval(id, el.value);
        break;
    }
  }

  SubmitType = Type;
  SubmitAll(exp);
}
