	function imageSwap(imageSource)
	{
		document.images['test'].src = "images/" + imageSource
	}
function changeElementClass(element,classname)
{
  document.getElementById(element).className = classname;
}

function showElement(element,mode)
{
  if (!mode)
  {
    mode = 'block';
  }
  document.getElementById(element).style.display = mode;
}

function hideElement(element,mode)
{
  if (!mode)
  {
    mode = 'none';
  }
  document.getElementById(element).style.display = mode;
}

function setOpacity(element,value)
{
  var el = document.getElementById(element);
  el.style.opacity = value/10;
  el.style.filter = 'alpha(opacity=' + value*10 + ')';
}

function fadeOutElement(element,cur)
{
  if (!cur)
  {
    var cur = 10;
  }
  setOpacity(element,cur);
  var next = parseInt(cur) - 1;
  if (cur == 0)
  {
    hideElement(element);
  }
  else
  {
    setTimeout('fadeOutElement("' + element + '","' + next + '");',50);
  }
}

function fadeInElement(element,cur)
{
  if (!cur)
  {
    var cur = 0;
    setOpacity(element,cur);
    showElement(element);
  }
  else
  {
    setOpacity(element,cur);
  }

  var next = parseInt(cur) + 1;
  
  if (next <= 10)
  {
    setTimeout('fadeInElement("' + element + '","' + next + '");',20);
  }
}

function showMessageBox(String)
{
  fadeInElement('MessageBox');
  document.getElementById('MessageBox').innerHTML = String;
  setTimeout("fadeOutElement('MessageBox');",1500);
}

function showPingStatus(String)
{
  fadeInElement('PingStatus');
  document.getElementById('PingStatus').innerHTML = String;
}



