function write_layer(layerno){
imga = "#800000";imgb = "#800000";imgc = "#800000";imgd = "#800000";imge = "#800000";imgf = "#800000";
txta = "#FFFFFF";txtb = "#FFFFFF";txtc = "#FFFFFF";txtd = "#FFFFFF";txte = "#FFFFFF";txtf = "#FFFFFF";
txt2a = "#800000";txt2b = "#800000";txt2c = "#800000";txt2d = "#800000";txt2e = "#800000";txt2f = "#800000";
if (visited.indexOf("a")>=0) { imgva = "<b><span style=\"color:#ff8040;\">English (US)</span></b>" } 
if (visited.indexOf("b")>=0) { imgvb = "<b><span style=\"color:#ff8040;\">English (UK)</span></b>" } 
if (visited.indexOf("c")>=0) { imgvc = "<b><span style=\"color:#ff8040;\">Fran&ccedil;ais</span></b>" } 
if (visited.indexOf("d")>=0) { imgvd = "<b><span style=\"color:#ff8040;\">Deutsch</span></b>" }
if (visited.indexOf("e")>=0) { imgve = "<b><span style=\"color:#ff8040;\">Italiano</span></b>" }
if (visited.indexOf("f")>=0) { imgvf = "<b><span style=\"color:#ff8040;\">Espa&ntilde;ol</span></b>" }
if (layerno.indexOf("a")>=0) { imgva = "<b>English (US)</b>" } 
if (layerno.indexOf("b")>=0) { imgvb = "<b>English (UK)</b>" } 
if (layerno.indexOf("c")>=0) { imgvc = "<b>Fran&ccedil;ais</b>" } 
if (layerno.indexOf("d")>=0) { imgvd = "<b>Deutsch</b>" }
if (layerno.indexOf("e")>=0) { imgve = "<b>Italiano</b>" }
if (layerno.indexOf("f")>=0) { imgvf = "<b>Espa&ntilde;ol</b>" }
if (layerno.indexOf("a")>=0) { imga = "#FFFFFF" } if (layerno.indexOf("b")>=0) { imgb = "#FFFFFF" } 
if (layerno.indexOf("c")>=0) { imgc = "#FFFFFF" } if (layerno.indexOf("d")>=0) { imgd = "#FFFFFF" }
if (layerno.indexOf("e")>=0) { imge = "#FFFFFF" } if (layerno.indexOf("f")>=0) { imgf = "#FFFFFF" }
if (layerno.indexOf("a")>=0) { txta = "#000000" } if (layerno.indexOf("b")>=0) { txtb = "#000000" } 
if (layerno.indexOf("c")>=0) { txtc = "#000000" } if (layerno.indexOf("d")>=0) { txtd = "#000000" }
if (layerno.indexOf("e")>=0) { txte = "#000000" } if (layerno.indexOf("f")>=0) { txtf = "#000000" }
if (layerno.indexOf("a")>=0) { txt2a = "#000000" } if (layerno.indexOf("b")>=0) { txt2b = "#000000" } 
if (layerno.indexOf("c")>=0) { txt2c = "#000000" } if (layerno.indexOf("d")>=0) { txt2d = "#000000" }
if (layerno.indexOf("e")>=0) { txt2e = "#000000" } if (layerno.indexOf("f")>=0) { txt2f = "#000000" }
visited = visited + layerno;

// Tab Information - Display based on page variable

switch (page) {
	case 'layout-rackmux-v15.html':
		imgstring = "<table width=\"600\" height=\"20\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\" bordercolorlight=\"#000000\" bordercolordark=\"#000000\"><tr bgcolor=\"#000000\">";
		imgstring = imgstring + "<td style=\"color:" + txta + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imga + "\" onClick=\"write_layer('a');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2a + "';\" onMouseout=\"this.style.backgroundColor='" + imga + "'; this.style.color='" + txta + "';\">" + imgva + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtb + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imgb + "\" onClick=\"write_layer('b');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2b + "';\" onMouseout=\"this.style.backgroundColor='" + imgb + "'; this.style.color='" + txtb + "';\">" + imgvb + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtc + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imgc + "\" onClick=\"write_layer('c');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2c + "';\" onMouseout=\"this.style.backgroundColor='" + imgc + "'; this.style.color='" + txtc + "';\">" + imgvc + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtd + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imgd + "\" onClick=\"write_layer('d');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2d + "';\" onMouseout=\"this.style.backgroundColor='" + imgd + "'; this.style.color='" + txtd + "';\">" + imgvd + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txte + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imge + "\" onClick=\"write_layer('e');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2e + "';\" onMouseout=\"this.style.backgroundColor='" + imge + "'; this.style.color='" + txte + "';\">" + imgve + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtf + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imgf + "\" onClick=\"write_layer('f');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2f + "';\" onMouseout=\"this.style.backgroundColor='" + imgf + "'; this.style.color='" + txtf + "';\">" + imgvf + "</td>";
		imgstring = imgstring + "</tr></table>";
	break
	case 'layout-rackmux-v15n.html':
		imgstring = "<table width=\"600\" height=\"20\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\" bordercolorlight=\"#000000\" bordercolordark=\"#000000\"><tr bgcolor=\"#000000\">";
		imgstring = imgstring + "<td style=\"color:" + txta + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imga + "\" onClick=\"write_layer('a');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2a + "';\" onMouseout=\"this.style.backgroundColor='" + imga + "'; this.style.color='" + txta + "';\">" + imgva + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtb + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imgb + "\" onClick=\"write_layer('b');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2b + "';\" onMouseout=\"this.style.backgroundColor='" + imgb + "'; this.style.color='" + txtb + "';\">" + imgvb + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtc + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imgc + "\" onClick=\"write_layer('c');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2c + "';\" onMouseout=\"this.style.backgroundColor='" + imgc + "'; this.style.color='" + txtc + "';\">" + imgvc + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtd + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imgd + "\" onClick=\"write_layer('d');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2d + "';\" onMouseout=\"this.style.backgroundColor='" + imgd + "'; this.style.color='" + txtd + "';\">" + imgvd + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txte + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imge + "\" onClick=\"write_layer('e');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2e + "';\" onMouseout=\"this.style.backgroundColor='" + imge + "'; this.style.color='" + txte + "';\">" + imgve + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtf + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imgf + "\" onClick=\"write_layer('f');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2f + "';\" onMouseout=\"this.style.backgroundColor='" + imgf + "'; this.style.color='" + txtf + "';\">" + imgvf + "</td>";
		imgstring = imgstring + "</tr></table>";
	break
	case 'layout-rackmux-vs17.html':
		imgstring = "<table width=\"600\" height=\"20\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\" bordercolorlight=\"#000000\" bordercolordark=\"#000000\"><tr bgcolor=\"#000000\">";
		imgstring = imgstring + "<td style=\"color:" + txta + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imga + "\" onClick=\"write_layer('a');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2a + "';\" onMouseout=\"this.style.backgroundColor='" + imga + "'; this.style.color='" + txta + "';\">" + imgva + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtb + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imgb + "\" onClick=\"write_layer('b');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2b + "';\" onMouseout=\"this.style.backgroundColor='" + imgb + "'; this.style.color='" + txtb + "';\">" + imgvb + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtc + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imgc + "\" onClick=\"write_layer('c');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2c + "';\" onMouseout=\"this.style.backgroundColor='" + imgc + "'; this.style.color='" + txtc + "';\">" + imgvc + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtd + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imgd + "\" onClick=\"write_layer('d');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2d + "';\" onMouseout=\"this.style.backgroundColor='" + imgd + "'; this.style.color='" + txtd + "';\">" + imgvd + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txte + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imge + "\" onClick=\"write_layer('e');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2e + "';\" onMouseout=\"this.style.backgroundColor='" + imge + "'; this.style.color='" + txte + "';\">" + imgve + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtf + ";\" width=\"120\" align=\"center\" bgcolor=\"" + imgf + "\" onClick=\"write_layer('f');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2f + "';\" onMouseout=\"this.style.backgroundColor='" + imgf + "'; this.style.color='" + txtf + "';\">" + imgvf + "</td>";
		imgstring = imgstring + "</tr></table>";
	break
	case 'layout-rackmux-vs17-n.html':
		imgstring = "<table width=\"600\" height=\"20\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\" bordercolorlight=\"#000000\" bordercolordark=\"#000000\"><tr bgcolor=\"#000000\">";
		imgstring = imgstring + "<td style=\"color:" + txta + ";\" width=\"200\" align=\"center\" bgcolor=\"" + imga + "\" onClick=\"write_layer('a');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2a + "';\" onMouseout=\"this.style.backgroundColor='" + imga + "'; this.style.color='" + txta + "';\">" + imgva + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtb + ";\" width=\"200\" align=\"center\" bgcolor=\"" + imgb + "\" onClick=\"write_layer('b');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2b + "';\" onMouseout=\"this.style.backgroundColor='" + imgb + "'; this.style.color='" + txtb + "';\">" + imgvb + "</td>";
		imgstring = imgstring + "<td style=\"color:" + txtd + ";\" width=\"200\" align=\"center\" bgcolor=\"" + imgd + "\" onClick=\"write_layer('d');\" onMouseover=\"this.style.cursor='hand'; this.style.backgroundColor='#FFFFFF'; this.style.color='" + txt2d + "';\" onMouseout=\"this.style.backgroundColor='" + imgd + "'; this.style.color='" + txtd + "';\">" + imgvd + "</td>";
		imgstring = imgstring + "</tr></table>";
	break
	default:
    break
}	
switch (layerno) {
   case 'a':
	  msgstringpic=layer_pica;
	  msgstringheader=layer_headera;
      break
   case 'b':
	  msgstringpic=layer_picb;
	  msgstringheader=layer_headerb;
      break
   case 'c':
	  msgstringpic=layer_picc;
	  msgstringheader=layer_headerc;
      break
   case 'd':
	  msgstringpic=layer_picd;
	  msgstringheader=layer_headerd;
      break
   case 'e':
	  msgstringpic=layer_pice;
	  msgstringheader=layer_headere;
      break  
   case 'f':
	  msgstringpic=layer_picf;
	  msgstringheader=layer_headerf;
      break 
   default:
	  msgstringpic=layer_pica;
	  msgstringheader=layer_headera;
      break
   }	  
  if(document.layers){
   //Browser="NN4";
  textlayer = document.layers["tabs"];
  textlayer.document.open();
  textlayer.document.write(imgstring);
  textlayer.document.close();
  textlayer = document.layers["pic"];
  textlayer.document.open();
  textlayer.document.write(msgstringpic);
  textlayer.document.close();
  textlayer = document.layers["header"];
  textlayer.document.open();
  textlayer.document.write(msgstringheader);
  textlayer.document.close();
  }
   if(document.all){
  //Browser="IE"
  textlayer = document.all["tabs"];
  textlayer.innerHTML=imgstring;
  textlayer = document.all["pic"];
  textlayer.innerHTML=msgstringpic;
  textlayer = document.all["header"];
  textlayer.innerHTML=msgstringheader;
  }
  if(document.getElementById){
  //Browser="NN6+";
  textlayer = document.getElementById("tabs");
  textlayer.innerHTML =imgstring;
  textlayer = document.getElementById("pic");
  textlayer.innerHTML =msgstringpic;
  textlayer = document.getElementById("header");
  textlayer.innerHTML =msgstringheader;
  }
}
// Layer Information - Display based on page variable
switch (page) {
	case 'layout-rackmux-v15.html':
		layer_pica = "<img src=\"images/layout-rackmux-v1x.jpg\" alt=\"Keyboard Layout Drawing - English (US)\" width=\"730\" height=\"289\" border=\"0\">";
		layer_picb = "<img src=\"images/layout-rackmux-v1xu.jpg\" alt=\"Keyboard Layout Drawing - English (UK)\" width=\"730\" height=\"289\" border=\"0\">";
		layer_picc = "<img src=\"images/layout-rackmux-v1xf.jpg\" alt=\"Keyboard Layout Drawing - Fran&ccedil;ais\" width=\"730\" height=\"289\" border=\"0\">";
		layer_picd = "<img src=\"images/layout-rackmux-v1xg.jpg\" alt=\"Keyboard Layout Drawing - Deutsch\" width=\"730\" height=\"289\" border=\"0\">";
		layer_pice = "<img src=\"images/layout-rackmux-v1xi.jpg\" alt=\"Keyboard Layout Drawing - Italiano\" width=\"730\" height=\"289\" border=\"0\">";
		layer_picf = "<img src=\"images/layout-rackmux-v1xs.jpg\" alt=\"Keyboard Layout Drawing - Espa&ntilde;ol\" width=\"730\" height=\"289\" border=\"0\">";
		layer_headera = "<h4 class=\"wht\">Keyboard Layout Drawing - English (US)</h4>" 
		layer_headerb = "<h4 class=\"wht\">Keyboard Layout Drawing - English (UK)</h4>"
		layer_headerc = "<h4 class=\"wht\">Keyboard Layout Drawing - Fran&ccedil;ais</h4>"
		layer_headerd = "<h4 class=\"wht\">Keyboard Layout Drawing - Deutsch</h4>"
		layer_headere = "<h4 class=\"wht\">Keyboard Layout Drawing - Italiano</h4>"
		layer_headerf = "<h4 class=\"wht\">Keyboard Layout Drawing - Espa&ntilde;ol</h4>"
	break
	case 'layout-rackmux-v15n.html':
		layer_pica = "<img src=\"images/layout-rackmux-v1x-n.jpg\" alt=\"Keyboard Layout Drawing - English (US)\" width=\"800\" height=\"289\" border=\"0\">";
		layer_picb = "<img src=\"images/layout-rackmux-v1xu-n.jpg\" alt=\"Keyboard Layout Drawing - English (UK)\" width=\"800\" height=\"289\" border=\"0\">";
		layer_picc = "<img src=\"images/layout-rackmux-v1xf-n.jpg\" alt=\"Keyboard Layout Drawing - Fran&ccedil;ais\" width=\"800\" height=\"289\" border=\"0\">";
		layer_picd = "<img src=\"images/layout-rackmux-v1xg-n.jpg\" alt=\"Keyboard Layout Drawing - Deutsch\" width=\"800\" height=\"289\" border=\"0\">";
		layer_pice = "<img src=\"images/layout-rackmux-v1xi-n.jpg\" alt=\"Keyboard Layout Drawing - Italiano\" width=\"800\" height=\"289\" border=\"0\">";
		layer_picf = "<img src=\"images/layout-rackmux-v1xs-n.jpg\" alt=\"Keyboard Layout Drawing - Espa&ntilde;ol\" width=\"800\" height=\"289\" border=\"0\">";
		layer_headera = "<h4 class=\"wht\">Keyboard Layout Drawing - English (US)</h4>" 
		layer_headerb = "<h4 class=\"wht\">Keyboard Layout Drawing - English (UK)</h4>"
		layer_headerc = "<h4 class=\"wht\">Keyboard Layout Drawing - Fran&ccedil;ais</h4>"
		layer_headerd = "<h4 class=\"wht\">Keyboard Layout Drawing - Deutsch</h4>"
		layer_headere = "<h4 class=\"wht\">Keyboard Layout Drawing - Italiano</h4>"
		layer_headerf = "<h4 class=\"wht\">Keyboard Layout Drawing - Espa&ntilde;ol</h4>"
	break
	case 'layout-rackmux-vs17.html':
		layer_pica = "<img src=\"images/layout-rackmux-vs17.jpg\" alt=\"Keyboard Layout Drawing - English (US)\" width=\"800\" height=\"289\" border=\"0\">";
		layer_picb = "<img src=\"images/layout-rackmux-vs17u.jpg\" alt=\"Keyboard Layout Drawing - English (UK)\" width=\"800\" height=\"293\" border=\"0\">";
		layer_picc = "<img src=\"images/layout-rackmux-vs17f.jpg\" alt=\"Keyboard Layout Drawing - Fran&ccedil;ais\" width=\"800\" height=\"293\" border=\"0\">";
		layer_picd = "<img src=\"images/layout-rackmux-vs17g.jpg\" alt=\"Keyboard Layout Drawing - Deutsch\" width=\"800\" height=\"293\" border=\"0\">";
		layer_pice = "<img src=\"images/layout-rackmux-vs17i.jpg\" alt=\"Keyboard Layout Drawing - Italiano\" width=\"800\" height=\"293\" border=\"0\">";
		layer_picf = "<img src=\"images/layout-rackmux-vs17s.jpg\" alt=\"Keyboard Layout Drawing - Espa&ntilde;ol\" width=\"800\" height=\"293\" border=\"0\">";
		layer_headera = "<h4 class=\"wht\">Keyboard Layout Drawing - English (US)</h4>" 
		layer_headerb = "<h4 class=\"wht\">Keyboard Layout Drawing - English (UK)</h4>"
		layer_headerc = "<h4 class=\"wht\">Keyboard Layout Drawing - Fran&ccedil;ais</h4>"
		layer_headerd = "<h4 class=\"wht\">Keyboard Layout Drawing - Deutsch</h4>"
		layer_headere = "<h4 class=\"wht\">Keyboard Layout Drawing - Italiano</h4>"
		layer_headerf = "<h4 class=\"wht\">Keyboard Layout Drawing - Espa&ntilde;ol</h4>"
	break
	case 'layout-rackmux-vs17-n.html':
		layer_pica = "<img src=\"images/layout-rackmux-vs17-n.jpg\" alt=\"Keyboard Layout Drawing - English (US)\" width=\"800\" height=\"289\" border=\"0\">";
		layer_picb = "<img src=\"images/layout-rackmux-vs17u-n.jpg\" alt=\"Keyboard Layout Drawing - English (UK)\" width=\"800\" height=\"289\" border=\"0\">";
		layer_picd = "<img src=\"images/layout-rackmux-vs17g-n.jpg\" alt=\"Keyboard Layout Drawing - Deutsch\" width=\"800\" height=\"289\" border=\"0\">";
		layer_headera = "<h4 class=\"wht\">Keyboard Layout Drawing - English (US)</h4>" 
		layer_headerb = "<h4 class=\"wht\">Keyboard Layout Drawing - English (UK)</h4>"
		layer_headerd = "<h4 class=\"wht\">Keyboard Layout Drawing - Deutsch</h4>"
	break
	default:
    break
}	
function initialvars() { 
imga = "#FFFFFF";imgb = "#77ccaa";imgc = "#77ccaa";imgd = "#77ccaa";imge = "#77ccaa";imgf = "#77ccaa";
imgva = "<b>English (US)</b>";imgvb = "<b>English (UK)</b>";imgvc = "<b>Fran&ccedil;ais</b>";imgvd = "<b>Deutsch</b>";imgve = "<b>Italiano</b>";imgvf = "<b>Espa&ntilde;ol</b>";
visited = "a"; 
}