function redraw(id,ctext,val)
{ 
  var x=document.getElementsByTagName('input');
  var i;
  for (i in x)
  {
    if (x[i].title==ctext)
    {
      x[i].value=val;
    }
  }
}

function changeToText(id,ctext)
{
  document.getElementById(id).innerHTML='<input type="text" class="cipher" id="' + id + 't" maxlength="1" size="1" onKeyUp="changeToLabel(' + id + ',\'' + ctext + '\',this.value)" onblur="revert('+id+',\''+ctext+'\')"/>';
  document.getElementById(id+"t").focus();
  document.getElementById(id+"t").select();
}

function clearCipher()
{
	var x=document.getElementsByTagName('span');
	var i;
	for (i in x)
	{
		if (x[i].className=='character')
		{
			x[i].innerHTML='';  //necessary for safari and chrome
			x[i].innerHTML='<img src="gifs_340/' + x[i].title + '.gif" />';
		}
	}
}

function changeToLabel(id,ctext,val)
{
	if (val!=""&&val!=" ")
	{
		var x=document.getElementsByTagName('span');
		var i;
		for (i in x)
		{
			if (x[i].title==ctext)
			{
				x[i].innerHTML='';  //necessary for safari and chrome
				x[i].innerHTML='<label class="cipher" id="lbl' + x[i].id + '">'+val+'</label>'; 
			}
		}
	}
	else
	{
		revert(id,ctext);
	}
}

function revert(id,ctext)
{
  if(document.getElementById('key_'+ctext).innerHTML.length==0)
  {
	document.getElementById(id).innerHTML=''; //necessary for safari and chrome
    document.getElementById(id).innerHTML='<img src="gifs_340/' + ctext + '.gif" />';
  }
  else
  {
    document.getElementById(id).innerHTML=''; //necessary for safari and chrome
    document.getElementById(id).innerHTML=document.getElementById('key_'+ctext).innerHTML;
  }
}

function dropDown()
{
  var x=document.getElementsByTagName('li');
  var i;
  for (i in x)
  {
    if(x[i].className='item')
    {
      x[i].style.display = 'block';
    }
  }
}

function pickUp()
{
  var x=document.getElementsByTagName('li');
  var i;
  for (i in x)
  {
    if(x[i].className=='item')
    {
      x[i].style.display = 'none';
    }
  }
}

function closeLogin()
{
	document.getElementById('loginBackground').className+=' noshow';
	document.getElementById('loginPane').className+=' noshow';
	document.getElementById('loginControl').className+=' noshow';
	document.getElementById('loginValidation').innerHTML='';
	document.getElementById('registerValidation').innerHTML='';
	document.getElementById('password').value='';
	document.getElementById('regPassword').value='';
	document.getElementById('regPassword2').value='';
	if(document.getElementById('pwdchg1')) //needed to prevent a javascript error when these elements don't exist
	{
		document.getElementById('pwdchg1').value='';
		document.getElementById('pwdchg2').value='';
	}
}

function showLogin()
{
	var b=document.getElementById('loginBackground').className.replace(' noshow','');
	var p=document.getElementById('loginPane').className.replace(' noshow','');
	var c=document.getElementById('loginControl').className.replace(' noshow','');
	document.getElementById('loginBackground').className=b;
	document.getElementById('loginPane').className=p;
	document.getElementById('loginControl').className=c;
}

function makePwdChangeSection()
{
	/*IE won't let you just set innerHTML <td>'s inside of a table, so you have to use explicit javascript to create the cells.*/
	if(document.getElementById('chgpwdlink').innerHTML=='Change')
	{
		var x1=document.getElementById('changepass1');
		var y1=x1.insertCell(0);
		y1.align="right";
		var z1=x1.insertCell(1);
		var x2=document.getElementById('changepass2');
		var y2=x2.insertCell(0);
		x2.align="right";
		var z2=x2.insertCell(1);
		y1.innerHTML='New: ';
		z1.innerHTML='<input type="password" id="pwdchg1" name="pwdchg1" size="15" />';
		y2.innerHTML='Verify: ';
		z2.innerHTML='<input type="password" id="pwdchg2" name="pwdchg2" size="15" onKeyPress="submitOnEnter(event)"/>';
		document.getElementById('chgpwdlink').innerHTML='Cancel';
		document.getElementById('loginButton').value='Change';
	}
	else
	{
		var x1=document.getElementById('changepass1');
		x1.deleteCell(0); //cell1
		x1.deleteCell(0); //cell2
		var x2=document.getElementById('changepass2');
		x2.deleteCell(0); //cell1
		x2.deleteCell(0); //cell2
		document.getElementById('chgpwdlink').innerHTML='Change';
		document.getElementById('loginButton').value='Login';
		document.getElementById('loginValidation').innerHTML='';
	}
}

function loadPage(pageName)
{
	window.location=pageName;
}