// js by bjoern schwarzer

var colors = new Array('#00FF00', '#00FFFF', '#99FF00', '#33FFFF', '#33FF00', '#00CCFF', '#FFFF00', '#0000FF');

// for info
var isvisible = 0;
//for what is
var isvisiblewi = 0;

var supports = (document.getElementById || document.all || document.layers);

function getObj(name)
{
  if (document.getElementById)
  {
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
   	this.obj = document.layers[name];
   	this.style = document.layers[name];
  }
}


function changeCol()
{
if (!supports) return;
	var x = new getObj('pxl');
	var i = (Math.round((Math.random()*7)+1))
	x.style.backgroundColor = colors[i];
	
}

function startChange()
{
	setInterval("changeCol()", 250);
}

function showborder() 
{
	var x = new getObj('movepxl');
	x.style.border = "1px solid"
	x.style.borderColor = "#00FFFF";
}

function hideborder() 
{
	var x = new getObj('movepxl');
	x.style.border = "0px"
}

function toggleinfo()
{
	var x = new getObj('info');
	if(isvisible == 0) {
		isvisible = 1;
		x.style.display = "block";
	}
	 else if (isvisible == 1)
  {
   	isvisible = 0;
   	x.style.display = "none";
  }
}


function hideinfo() 
{
	var x = new getObj('info');
	x.style.display = "none";
	isvisible = 0;

}

function togglewhatis()
{
	var x = new getObj('whatis');
	if(isvisiblewi == 0) {
		isvisiblewi = 1;
		x.style.display = "block";
	}
	 else if (isvisiblewi == 1)
  {
   	isvisiblewi = 0;
   	x.style.display = "none";
  }
}

function hidewhatis() 
{
	var x = new getObj('whatis');
	x.style.display = "none";
	isvisiblewi = 0;

}