//onload
window.onload = function ()
{

//event handling
  document.getElementById('language').onclick = clc;


  var obj = document.getElementsByTagName('span');

  for (var i=0; i<obj.length; i++)
  {
		switch (obj[i].className.substr(obj[i].className.length-1, 1))
		{
	    case '1':
	      obj[i].onmouseover = function () {over(this, 1);};
	      obj[i].onmouseout = function () {out(this, 1);};
	    break;
		}

		switch (obj[i].id)
		{
	    case 'start' :  obj[i].onclick = function () {klick(this, 1); display('emenu', 'ecompany');}; break;
	    case 'gmenu1':  obj[i].onclick = function () {klick(this, 1); display('gmenu', 'gcompany');}; break;
	    case 'gmenu2':  obj[i].onclick = function () {klick(this, 1); display('gmenu', 'gproduct');}; break;
	    case 'gmenu3':  obj[i].onclick = function () {klick(this, 1); display('gmenu', 'gcontact');}; break;
	    case 'gsubmenu1':  obj[i].onclick = function () {klick(this, 1); display('gmenu', 'gproduct_1');}; break;

	    case 'emenu1':  obj[i].onclick = function () {klick(this, 1); display('emenu', 'ecompany');}; break;
	    case 'emenu2':  obj[i].onclick = function () {klick(this, 1); display('emenu', 'eproduct');}; break;
	    case 'emenu3':  obj[i].onclick = function () {klick(this, 1); display('emenu', 'econtact');}; break;
	    case 'esubmenu1':  obj[i].onclick = function () {klick(this, 1); display('emenu', 'eproduct_1');}; break;
    }
  }

//start
    display('emenu', 'start')
}



//menu handling
var active = new Array(); //active link

var design = new Array(); //style

design[1] = new Array();
design[1][0] = 'link';
design[1][1] = 'hover';
design[1][2] = 'active';



function klick (link, group) //onclick
{
  if (active[group]) active[group].className = design[group][0];
  link.className = design[group][2];
  active[group] = link;
}

function over (link, group) //onmouseover
{
  link.className = design[group][1];
}

function out (link, group) //onmouseout
{
  if (link == active[group])
  {
    link.className = design[group][2];
  }
  else
  {
    link.className = design[group][0];
  }
}


//display switch
var visible = new Array();

function display()
{
  for (var n in visible)
  {
    visible[n].style.display = 'none';
  }

  visible = new Array();

  for (var i = 0; i < arguments.length; i++)
  {
    visible[i] = document.getElementById(arguments[i]);
    visible[i].style.display = 'block';
  }
}



//language code switch
var lc = 'e';

function clc() //change language code
{
  var plc = lc; //previous language code

  if (lc == 'e')
  {
    lc = 'g'; //german
    document.getElementById('language').firstChild.nodeValue = 'English';
  }
  else
  {
    lc = 'e'; //english
    document.getElementById('language').firstChild.nodeValue = 'Deutsch';
  }

  document.getElementById('gmenu').style.display = 'none';
  document.getElementById('emenu').style.display = 'none';
  document.getElementById(lc + 'menu').style.display = 'block';

  for (var n in visible)
  {
    if (visible[n].id.substring(0, 1) == plc)
    {
      visible[n].style.display = 'none';
      visible[n] = document.getElementById(lc + visible[n].id.substring(1));
      visible[n].style.display = 'block';
    }
  }

  for (var n in active)
  {
    if (active[n].id.substring(0, 1) == plc)
    {
      active[n].className = design[n][0];
      active[n] = document.getElementById(lc + active[n].id.substring(1));
      active[n].className = design[n][2];
    }
  }
}