var TimeOutID=0;

// Browser Detection
browser_name = navigator.appName;
browser_version = parseFloat(navigator.appVersion); 
if (browser_name == "Netscape" && browser_version >= 3.0) { roll = 'true'; }
else if (browser_name == "Microsoft Internet Explorer" && browser_version >= 4.0) { roll = 'true'; }
else { roll = 'false'; }

// menu
function mnuShow(mnuID, parentID)
{
	clearTimeout(TimeOutID);
  var mnu = document.getElementById(mnuID);
	var parent = document.getElementById(parentID);
  mnu.style.top = parent.offsetTop+22;
	mnu.style.left = parent.offsetLeft;
	mnu.style.visibility = "visible";
	mnu.style.zIndex = 2;
}

function mnuHide(mnuID)
{
  var mnu = document.getElementById(mnuID);
	TimeOutID = setTimeout("document.getElementById('"+mnuID +"').style.visibility = 'hidden';", 500);
}

function mnuHideArray(array)
{
  var command = "";
  for (var i=0; i<array.length; i++)
	{
	  command += "document.getElementById('"+array[i]+"').style.visibility = 'hidden';";
	}
	TimeOutID = setTimeout(command, 500);
}

function mnuHideAll()
{
  document.getElementById('submnu-service').style.visibility = "hidden";
	document.getElementById('submnu-product').style.visibility = "hidden";
	document.getElementById('submnu-hardware').style.visibility = "hidden";
	document.getElementById('submnu-software').style.visibility = "hidden";
	document.getElementById('submnu-about').style.visibility = "hidden";
}

function submnuShow(mnuID, parentID, top, left)
{
	clearTimeout(TimeOutID);
  var mnu = document.getElementById(mnuID);
	var parent = document.getElementById(parentID);
  mnu.style.top = parent.offsetTop+top;
	mnu.style.left = parent.offsetLeft+left;
	mnu.style.visibility = "visible";
	mnu.style.zIndex = 3;
}

// mouseover on image
function msover(img,ref)
{
	if (roll == 'true')
		document.images[img].src = ref;
}
function msout(img,ref)
{
	if (roll == 'true')
		document.images[img].src = ref;
}

// picture
function hidepic()
{
  var pic = document.getElementById('picture');
	pic.style.visibility = "hidden";
}

function showpic(ref)
{
  var loc = document.getElementById('left-column');
	var pic = document.getElementById('picture');
	var top = loc.offsetTop;
	var left = loc.offsetLeft;
	
	pic.style.backgroundImage = "url('"+ref+"')";
	pic.style.visibility = "visible";
	pic.style.top = top;
	pic.style.left = left;
}

//marquee
function showtext(text)
{
  var loc = document.getElementById('left-column');
	var mar = document.getElementById('marquee');
	var martxt = document.getElementById('marquee-text');
	var top = loc.offsetTop;
	var left = loc.offsetLeft;
		
	martxt.innerHTML = text;
	mar.style.top = top+20;
	mar.style.left = left;
	mar.style.visibility = "visible";
}

function hidetext()
{
  var mar = document.getElementById('marquee');
	mar.style.top = -500;
	mar.style.left = -500;
	mar.style.visibility = "hidden";
}