// Link unterstreichen
function underline_link(name)
{
        document.getElementById(name).style.textDecoration = "underline";
        return true;
}

// Link Unterstreichung löschen
function dont_underline_link(name)
{
        document.getElementById(name).style.textDecoration = "none";
        return true;
}

// Link hellgrün unterlegen
function marker_green(name)
{
        document.getElementById(name).style.backgroundColor = "#586E97"; /* "#4756A2"; */
        return true;
}

// Link Unterlegung löschen
function dont_marker_green(name)
{
        document.getElementById(name).style.backgroundColor = "#38507E"; /* "192C8B"; */
        return true;
}

// Menüpunkt im vertikalen Menü erstellen
function erstelleMenuPunkt(verweisziel, linktext, bereichsbez)
{
	var text
	// Weiter in die Mitte zentrierte Links sehen so aus:
	// document.write('<div id="' + bereichsbez + '" style="width: 103px; margin: 2 10 3 10; padding: 0 55;" onMouseOver="marker_green(');

	// nach links geschoben sieht es so aus:
	document.write('<div id="' + bereichsbez + '" style="width: 193px; margin: 2 10 3 10; padding: 0 10;" onMouseOver="marker_green(');

	document.write("'" + bereichsbez + "');");
	document.write('" onMouseOut="dont_marker_green(');
	document.write("'" + bereichsbez + "');");
	document.write('">');

	document.write('<a href="' + verweisziel + '">' + linktext + '</a>');

	document.write('</div>');
}

// Hauptframe einbinden:
function zeigeSeiteninhalt()
{
	var bs = navigator.appName;
	var vs = navigator.appVersion;
 	document.write("<iframe src=\"startseite.htm\" name=\"mframe\" align=\"center\" width=\"100%\" height=\"700\" frameborder=\"0\" scrolling=\"auto\">");

 	document.write("<p align=\"center\"><u>Hinweis:</u> Ihr Browser kann keine eingebetteten Frames darstellen!</p>");
 	document.write("<p align=\"center\"Bitte benutzen Sie eine neuere Browserversion!</p>");

	if ((bs == "Microsoft Internet Explorer") && (parseInt(vs) < 4)) 
	{
     		document.write("<p align=\"center\">Die Seiten sind für den MS Internet Explorer ab Version 4 optimiert.<br><br>Sie benutzen "+bs+" in der Version "+vs+".</p>");
	}
	if ((bs == "Netscape") && (parseInt(vs)<5)) 
	{
     	document.write("<p align=\"center\">Die Seiten sind für Netscape ab Version 5 optimiert.<br><br>Sie benutzen "+bs+" in der Version "+vs+".</p>");
	}
	if ((bs == "Opera") && (parseInt(vs)<6)) 
	{
     		document.write("<p align=\"center\">Die Seiten sind für Opera ab Version 6 optimiert. Sie benutzen "+bs+" in der Version "+vs+".</p>");
	}

 	document.write("</iframe>");
}

// Hauptframe einbinden auf englisch:
function zeigeSeiteninhalt_e()
{
	var bs = navigator.appName;
	var vs = navigator.appVersion;
 	document.write("<iframe src=\"startseite_e.htm\" name=\"mframe\" align=\"center\" width=\"100%\" height=\"700\" frameborder=\"0\" scrolling=\"auto\">");

 	document.write("<p align=\"center\"><u>Hinweis:</u> Ihr Browser kann keine eingebetteten Frames darstellen!</p>");
 	document.write("<p align=\"center\"Bitte benutzen Sie eine neuere Browserversion!</p>");

	if ((bs == "Microsoft Internet Explorer") && (parseInt(vs) < 4)) 
	{
     		document.write("<p align=\"center\">Die Seiten sind für den MS Internet Explorer ab Version 4 optimiert.<br><br>Sie benutzen "+bs+" in der Version "+vs+".</p>");
	}
	if ((bs == "Netscape") && (parseInt(vs)<5)) 
	{
     	document.write("<p align=\"center\">Die Seiten sind für Netscape ab Version 5 optimiert.<br><br>Sie benutzen "+bs+" in der Version "+vs+".</p>");
	}
	if ((bs == "Opera") && (parseInt(vs)<6)) 
	{
     		document.write("<p align=\"center\">Die Seiten sind für Opera ab Version 6 optimiert. Sie benutzen "+bs+" in der Version "+vs+".</p>");
	}

 	document.write("</iframe>");
}


// beim click auf den english-Link:
function switch_to_e()
{
	var aktuelle_url = window.location.href;
	var laenge = aktuelle_url.length;
	if ((aktuelle_url.substring((laenge-4), laenge)) != ".htm") 
	{
		window.location.href = "http://www.pero-system.de/startseite_e.htm"
	}
	else
	{
		var aktuelle_url_ohne_Endung = aktuelle_url.substring(0, (laenge-4));
		var url_e = aktuelle_url_ohne_Endung.concat("_e.htm");

		window.location.href=url_e;
	}
}

// beim click auf den deutsch-Link:
function switch_to_de()
{
	var aktuelle_url = window.location.href;
	var laenge = aktuelle_url.length;

	if ((aktuelle_url.substring((laenge-6), laenge)) != "_e.htm") 
	{
		window.location.href = "http://www.pero-system.de/startseite.htm"
	}
	else
	{
		var aktuelle_url_ohne_Endung = aktuelle_url.substring(0, (laenge-6));
		var url_de = aktuelle_url_ohne_Endung.concat(".htm");
	
		window.location.href = url_de;
	}
}

function erstelle_seitenkopf()
{
	document.write(
	"<table cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"+
	"<tr>"+
		"<td width=\"950\">"+
		"<img src=\"Bilder/Seitenkopf.jpg\" hspace=\"0\" width=\"950\" height=\"122\" border=\"0\" alt=\" \">"+
		"</td>"+
	"</tr>"+
	"<tr>"+
		"<td style=\"background-image: url(Bilder/HorizMenuleiste.jpg); background-repeat: repeat-y;\" width=\"950\">"+
		"<div style=\"text-align: right; font-size: 95%; margin: 10 10;\">"+
		"<a id=\"home-link-kl\" href=\"startseite.htm\" onMouseOver=\"window.status='home';return underline_link('home-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('home-link-kl');\">Home</a> &nbsp"+
		"<a id=\"produkte-link-kl\" href=\"produkte.htm\" onMouseOver=\"window.status='Produkte';return underline_link('produkte-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('produkte-link-kl');\">Produkte</a> &nbsp"+
		"<a id=\"funktionsprinzip-link-kl\" href=\"Funktionsprinzip.htm\" onMouseOver=\"window.status='Funktionsprinzip';return underline_link('funktionsprinzip-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('funktionsprinzip-link-kl');\">Messtheorie</a> &nbsp"+
		"<a id=\"service-link-kl\" href=\"service.htm\" onMouseOver=\"window.status='Service';return underline_link('service-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('service-link-kl');\">Service</a> &nbsp"+
		"<a id=\"wirueber-link-kl\" href=\"wirueber.htm\" onMouseOver=\"window.status='Über uns';return underline_link('wirueber-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('wirueber-link-kl');\">Über uns</a> &nbsp"+
		"<a id=\"kontakt-link-kl\" href=\"kontakt.htm\" onMouseOver=\"window.status='Kontakt';return underline_link('kontakt-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('kontakt-link-kl');\">Kontakt</a> &nbsp"+
		"<a id=\"english-link-kl\" href=\"javascript:switch_to_e()\" onMouseOver=\"window.status='english';return underline_link('english-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('english-link-kl');\">english <img src=\"Bilder/englflag_kl.gif\" hspace=\"0\" width=\"20\" height=\"10\" border=\"0\" alt=\" \"></a>"+
		"</div>"+
		"</td>"+
	"</tr>"+
	"</table>");
}


function erstelle_seitenkopf_e()
{
	document.write(
	"<table cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"+
	"<tr>"+
		"<td width=\"950\">"+
		"<img src=\"Bilder/Seitenkopf.jpg\" hspace=\"0\" width=\"950\" height=\"122\" border=\"0\" alt=\" \">"+
		"</td>"+
	"</tr>"+
	"<tr>"+
		"<td style=\"background-image: url(Bilder/HorizMenuleiste.jpg); background-repeat: repeat-y;\" width=\"950\">"+
		"<div style=\"text-align: right; font-size: 95%; margin: 10 10;\">"+
		"<a id=\"home_e-link-kl\" href=\"startseite_e.htm\" onMouseOver=\"window.status='home';return underline_link('home_e-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('home_e-link-kl');\">home</a> &nbsp"+
		"<a id=\"produkte_e-link-kl\" href=\"produkte_e.htm\" onMouseOver=\"window.status='products';return underline_link('produkte_e-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('produkte_e-link-kl');\">products</a> &nbsp"+
		"<a id=\"funktionsprinzip_e-link-kl\" href=\"Funktionsprinzip_e.htm\" onMouseOver=\"window.status='theory';return underline_link('funktionsprinzip_e-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('funktionsprinzip_e-link-kl');\">theory</a> &nbsp"+
		"<a id=\"service_e-link-kl\" href=\"service_e.htm\" onMouseOver=\"window.status='service';return underline_link('service_e-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('service_e-link-kl');\">service</a> &nbsp"+
		"<a id=\"wirueber_e-link-kl\" href=\"wirueber_e.htm\" onMouseOver=\"window.status='about us';return underline_link('wirueber_e-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('wirueber_e-link-kl');\">about us</a> &nbsp"+
		"<a id=\"kontakt_e-link-kl\" href=\"kontakt_e.htm\" onMouseOver=\"window.status='contact';return underline_link('kontakt_e-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('kontakt_e-link-kl');\">contact</a> &nbsp"+
		"<a id=\"deutsch-link-kl\" href=\"javascript:switch_to_de()\" onMouseOver=\"window.status='deutsch';return underline_link('deutsch-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('deutsch-link-kl');\">deutsch <img src=\"Bilder/deutschflag_kl.gif\" hspace=\"0\" width=\"20\" height=\"10\" border=\"0\" alt=\" \"></a>"+
		"</div>"+
		"</td>"+
	"</tr>"+
	"</table>");
}



/* ************************************************************************************ */
/* ************************************************************************************ */
/* ******************** Menüleiste rechts erstellen - DEUTSCH ************************* */
/* ************************************************************************************ */
/* ************************************************************************************ */

function erstelle_menuleiste_rechts()
{
	document.write(
	"<table cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"+
	"<tr>"+
	"<td style=\"background-image: url(Bilder/MenuHintergrund.gif); background-repeat: repeat-y;\" width=\"233\">"+
	"<img src=\"Bilder/transparent.gif\" hspace=\"0\" width=\"233\" height=\"1\" border=\"0\" alt=\" \">"+

	"<div style=\"text-align: right; font-size: 70%; margin: 10 20;\">"+
	"<p style=\"color: #FFFFFF;\"><a style=\"font-size: 100%;\" id=\"webmaster-link-kl\" href=\"mailto:info@pero-system.de\" onMouseOver=\"window.status='webmaster';return underline_link('webmaster-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('webmaster-link-kl');\">webmaster</a>"+
	" - "+
	"<a style=\"font-size: 100%;\" id=\"impressum-link-kl\" href=\"impressum.htm\" onMouseOver=\"window.status='impressum';return underline_link('impressum-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('impressum-link-kl');\">Impressum</a>"+
	"</p>"+
	"</div>"+

	"<div id=\"designbox\">"+
	"<p>LED-Scanner für Medizintechnik</p>"+
	"</div>"+

	"<div id=\"verticalmenu\">");

	/* ***************************************************************************** */
	/* ********************* Menüpunkte einfügen (DEUTSCH): ************************ */
	/* ***************************************************************************** */

	document.write("<p>Aktuell erhältliche Modelle:</p>");

			erstelleMenuPunkt("350S.htm", "Perometer 350S", "350S-link-area");
			erstelleMenuPunkt("400T.htm", "Perometer 400T", "400T-link-area");
			erstelleMenuPunkt("550T.htm", "Perometer 550T", "550T-link-area");
			erstelleMenuPunkt("1000M.htm", "Perometer 1000M", "1000M-link-area");

	document.write("<p>Software-Updates:</p>");

			erstelleMenuPunkt("peroplussan.htm", "PeroPlus san", "peroplussan-link-area");
			

	/* ***************************************************************************** */
	/* ******************* Ende Menüpunkte einfügen (DEUTSCH) ********************** */
	/* ***************************************************************************** */

	document.write('<br />');
	document.write(
	"</div>"+
	"</td>"+
	"</tr>"+
	"<tr>"+
	"</tr>"+
	"</table>");
}
/* ************************************************************************************ */
/* ************************************************************************************ */
/* ************************ Ende Menüleiste rechts (DEUTSCH) ************************** */
/* ************************************************************************************ */
/* ************************************************************************************ */


/* ************************************************************************************ */
/* ************************************************************************************ */
/* ******************** Menüleiste rechts erstellen - ENGLISCH ************************ */
/* ************************************************************************************ */
/* ************************************************************************************ */

function erstelle_menuleiste_rechts_e()
{
	document.write(
	"<table cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"+
	"<tr>"+
	"<td style=\"background-image: url(Bilder/MenuHintergrund.gif); background-repeat: repeat-y;\" width=\"233\">"+
	"<img src=\"Bilder/transparent.gif\" hspace=\"0\" width=\"233\" height=\"1\" border=\"0\" alt=\" \">"+

	"<div style=\"text-align: right; font-size: 70%; margin: 10 20;\">"+
	"<p style=\"color: #FFFFFF;\"><a style=\"font-size: 100%;\" id=\"webmaster_e-link-kl\" href=\"mailto:info@pero-system.de\" onMouseOver=\"window.status='webmaster';return underline_link('webmaster_e-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('webmaster_e-link-kl');\">webmaster</a>"+
	" - "+
	"<a style=\"font-size: 100%;\" id=\"impressum_e-link-kl\" href=\"impressum_e.htm\" onMouseOver=\"window.status='impressum';return underline_link('impressum_e-link-kl');\" onMouseOut=\"window.status=window.defaultStatus; dont_underline_link('impressum_e-link-kl');\">imprint</a>"+
	"</p>"+
	"</div>"+

	"<div id=\"designbox\">"+
	"<p>LED-scanners for plethysmography and fitting of compression stockings</p>"+
	"</div>"+

	"<div id=\"verticalmenu\">");

	/* ***************************************************************************** */
	/* ********************* Menüpunkte einfügen (ENGLISCH): *********************** */
	/* ***************************************************************************** */

	document.write("<p>available models:</p>");

			erstelleMenuPunkt("350S_e.htm", "Perometer 350S", "350S_e-link-area");
			erstelleMenuPunkt("400T_e.htm", "Perometer 400T", "400T_e-link-area");
			erstelleMenuPunkt("550T_e.htm", "Perometer 550T", "550T_e-link-area");
			erstelleMenuPunkt("1000M_e.htm", "Perometer 1000M", "1000M_e-link-area");

	document.write("<p>software-updates:</p>");

			erstelleMenuPunkt("peroplussan_e.htm", "PeroPlus san", "peroplussan_e-link-area");
			

	/* ***************************************************************************** */
	/* ******************* Ende Menüpunkte einfügen (ENGLISCH) ********************* */
	/* ***************************************************************************** */

	document.write('<br />');
	document.write(
	"</div>"+
	"</td>"+
	"</tr>"+
	"<tr>"+
	"</tr>"+
	"</table>");
}
/* ************************************************************************************ */
/* ************************************************************************************ */
/* ************************ Ende Menüleiste rechts (ENGLISCH) ************************* */
/* ************************************************************************************ */
/* ************************************************************************************ */