
//Bildbezeichnungen
reiter_n_links = "Bilder/reiter/linksnormal.gif";
reiter_n_mitte = "Bilder/reiter/mittenormal.gif";
reiter_n_rechts = "Bilder/reiter/rechtsnormal.gif";
reiter_o_links = "Bilder/reiter/linksover.gif";
reiter_o_mitte = "Bilder/reiter/mitteover.gif";
reiter_o_rechts = "Bilder/reiter/rechtsover.gif";
reiter_a_links = "Bilder/reiter/linksaktiv.gif"
reiter_a_mitte = "Bilder/reiter/mitteaktiv.gif"
reiter_a_rechts = "Bilder/reiter/rechtsaktiv.gif"

//Array für Buttonbeschriftung und Hyperlinks
beschriftung = new Array("Software","Shop","Download","Support");
verweis = new Array("software.htm","http://www.difitec.de/shopping","download.htm","support.htm");
//Ende Beschriftung --->

function bildwechsel()
{
cc = bildwechsel.arguments.length/2; 
for(g=0; g<cc; g++)
	{
		ff = g * 2;
		document.getElementById(bildwechsel.arguments[ff]).style.backgroundImage = "url(" + bildwechsel.arguments[ff+1] + ")";
	}
}

for(i=0; i<beschriftung.length; i++)
{
id_name = (i + 1) * 3;
i+1==beschriftung.length?ende=10:ende=9;
	if(i==aktiv)
	{
	document.write("<td width=\"10\" style=\"background-image:url(" + reiter_a_links + ");\"></td>");
	document.write("<th class=\"reiter\" style=\"background-image:url(" + reiter_a_mitte + ");\"><a href=\"" + verweis[i] + "\">" + beschriftung[i] + "</a></td>");
	document.write("<td width=\"" + ende + "\" style=\"background-image:url(" + reiter_a_rechts + ");\" id=\"bild" + (id_name + 1) + "\"></td>");
	}
	else
	{
	document.write("<td width=\"10\" style=\"background-image:url(" + reiter_n_links + ");\" id=\"bild" + (id_name - 1) + "\"></td>");			
//		if(aktiv+1==i)
//		{
//		document.write("<img src=\"bilder/reiter/transparent.gif\" width=\"10\" height=\"36\">");
//		} 
//	document.write("</td>");
	document.write("<th class=\"reiter\" style=\"background-image:url(" + reiter_n_mitte + ");\" id=\"bild" + id_name + "\"><a href=\"" + verweis[i] + "\" onMouseOver=\"bildwechsel('bild" + (id_name - 1) + "','" + reiter_o_links + "','bild" + id_name + "','" + reiter_o_mitte + "','bild" + (id_name + 1) + "','" + reiter_o_rechts + "')\"  onMouseOut=\"bildwechsel('bild" + (id_name - 1) + "','" + reiter_n_links + "','bild" + id_name + "','" + reiter_n_mitte + "','bild" + (id_name + 1) + "','" + reiter_n_rechts + "')\">" + beschriftung[i] + "</a></td>");
	document.write("<td width=\"" + ende + "\" style=\"background-image:url(" + reiter_n_rechts + ");\" id=\"bild" + (id_name + 1) + "\"></td>");
	}
}