function setItemOn(id) {
	document.getElementById(id).className='mouseOn';
}

function setItemOff(id) {
	document.getElementById(id).className='mouseOut';
}

function writeMenu(i) {
	document.write("<div id='menuContainer'>");
	document.write("<table class='nav' cellpadding='2' cellspacing='2'>");

	putButton("osoz0", "OSOZ", "Strona Główna", "../osoz", i == 0);
	putButton("osoz1", "Moje Zdrowie", "Czym jest OSOZ i jak może wspierać moje zdrowie?", "serwis_dla_pacjenta.html", i == 1);
	putButton("osoz2", "Konto zdrowotne", "Co to jest Indywidualne Konto Zdrowotne?", "indywidualne_konto_zdrowotne.html", i == 2); 
	putButton("osoz3", "Korzyści", "Jakie korzyści przynosi posiadanie Indywidualnego Konta Zdrowotnego?", "korzysci.html", i == 3);
	putButton("osoz4", "Karta zdrowia", "Twój klucz do Konta Zdrowotnego", "karta_zdrowia_pacjenta.html", i == 4);
	putButton("osoz5", "Źródło danych", "W jaki sposób dane trafiają na moje konto?", "zrodlo_danych.html", i == 5);
	putButton("osoz6", "Bezpieczne dane", "Czy moje dane będą bezpieczne?", "bezpieczne_dane.html", i == 6);
	putButton("osoz7", "Dostęp do danych", "Kto ma dostęp do moich danych i kto może je edytować?", "dostep_do_danych.html", i == 7);
	putButton("osoz8", "OSOZ za granicą", "Co to jest Karta Zdrowia Pacjenta i jak mogę ją uzyskać?", "osoz_za_granica.html", i == 8);
	putButton("osoz9", "Aktywacja konta", "Jak mogę założyć Indywidualne Konto Zdrowotne?", "../osoz-spc/servlet/main/indexhtml?contentUrl=../../servlet/registration/index", i == 9);

	document.write("</table>");
	document.write("</div>");
}

function writeFloatMenu(i) {
	document.write("<div class='float_menu'>");
    document.write("<ol>");
    
    putLink("Czym jest OSOZ i jak może wspierać moje zdrowie?", "serwis_dla_pacjenta.html", i == 1);
    putLink("Co to jest Indywidualne Konto Zdrowotne?", "indywidualne_konto_zdrowotne.html", i == 2);
    putLink("Jakie korzyści przynosi posiadanie Indywidualnego Konta Zdrowotnego?", "korzysci.html", i == 3);
    putLink("Karta Zdrowia Pacjenta - twój klucz do&nbsp;Konta Zdrowotnego", "karta_zdrowia_pacjenta.html", i == 4);
    putLink("W jaki sposób dane trafiają na moje konto?", "zrodlo_danych.html", i == 5);
    putLink("Czy moje dane będą bezpieczne?", "bezpieczne_dane.html", i == 6);
    putLink("Kto ma dostęp do moich danych<br />i kto może je edytować?", "dostep_do_danych.html", i == 7);
    putLink("Jak OSOZ wspiera mnie za granicą?", "osoz_za_granica.html", i == 8);
    
    document.write("</ol>");
    document.write("<ul>");
    document.write("<li class='konto'><a href='../osoz-spc/servlet/main/indexhtml?contentUrl=../../servlet/registration/index'>Aktywuj Indywidualne<br>Konto Zdrowotne</a></li>");
    document.write("</ul>");
	document.write("</div>");
}

function putButton(id, option, hint, link, isPressed) {
	document.write("<tr>");
	document.write("<td");
	
	if (isPressed)
		document.write(" class='checked' ");
	else
		document.write(" class='mouseOut' id='"+id+"' onmouseover=\"javascript: setItemOn('"+id+"')\" onmouseout=\"javascript: setItemOff('"+id+"')\" ");
		
	document.write(" onclick=\"javascript: document.location='"+link+"'\" title=\""+hint+"\"><div style='width:70px;height:28px;overflow:hidden;'><table style='border-collapse:collapse;'><tr><td>"+option+"</td></tr></table></div></td>");
	document.write("</tr>");
}

function putLink(option, link, isActive) {
	var tmpClass = "";
	if (isActive) tmpClass = "class='on'";
	document.write("<li><a href='" + link + "' " + tmpClass + " title='"+ option +"'>" + option + "</a></li>");
}