Záložky + zvýraznění

<script>
    var zobrazena = "a"; // pomocna promenna, na zacatku nastavena na jmeno zobrazene polozky
    function zobraz(polozka){
    document.getElementById('a').className = 'active';
    document.getElementById('b').className = 'active';
    document.getElementById('c').className = 'active';
    document.getElementById('d').className = 'active';
      if (document.getElementById){
        document.getElementById(zobrazena).style.display = "none"; // skryje předchozí polozku
        document.getElementById(polozka).style.display = "block"; // zobrazi se nakliknuta polozka
        zobrazena = polozka; // aktualne zobrazena polozka se ulozi do globalni promenne, aby se pozdeji dala skryt
        return false; // odkaz neproklikne na href
      }
</script>

<script>
    var zobrazena = "a"; // pomocna promenna, na zacatku nastavena na jmeno zobrazene polozky
    function zobraz(polozka){
    document.getElementById('a').className = 'active';
    document.getElementById('b').className = 'active';
    document.getElementById('c').className = 'active';
    document.getElementById('d').className = 'active';
      if (document.getElementById){
        document.getElementById(zobrazena).style.display = "none"; // skryje předchozí polozku
        document.getElementById(polozka).style.display = "block"; // zobrazi se nakliknuta polozka
        zobrazena = polozka; // aktualne zobrazena polozka se ulozi do globalni promenne, aby se pozdeji dala skryt
        return false; // odkaz neproklikne na href
      }
</script>

<script>

var zobrazena = "a"; // pomocna promenna, na zacatku nastavena na jmeno zobrazene polozky
function zobraz(polozka){
if (document.getElementById){
document.getElementById(zobrazena).style.display = "none"; // skryje předchozí polozku
document.getElementById(zobrazena).className = ""; // odstrani tridu z puvodni polozky
document.getElementById(polozka).style.display = "block"; // zobrazi se nakliknuta polozka
document.getElementById(polozka).className = "active"; // nastavi tridu aktivni polozce
zobrazena = polozka; // aktualne zobrazena polozka se ulozi do globalni promenne, aby se pozdeji dala skryt
return false; // odkaz neproklikne na href
}


</script>

<a href="#a" class="zalozka" onclick="return zobraz('a'); ">General</a>
<a href="#b" class="zalozka" onclick="return zobraz('b'); ">Work</a>
<a href="#c" class="zalozka" onclick="return zobraz('c'); ">Home</a>
<a href="#d" class="zalozka" onclick="return zobraz('d'); ">Car</a>


<div id="general_note">


<div id="a" class="polozka">

<?PHP

mysql_connect
mysql_select_db
mysql_query("SET NAMES 'cp1250'");
mysql_query("SET CHARACTER SET 'cp1250'");
$pozn = mysql_query
while ( $sloupec = MySQL_Fetch_Array($pozn) )
{
?>
<form action="/index.php" method="POST">
<textarea class="ta_pozn" name="pole_pozn" cols="50" rows="10" wrap="soft"><?PHP echo $sloupec["*"]; ?></textarea>
<br>
<input type="submit" value="Save" class="save" />
</form>
<?PHP
}


if ( strlen($do_dat) != 0 )
{

echo "<span style='color: red;'><p><b>Note was save.</b></p></span>";
}

?>

</div>
<div id="b" class="polozka">
<a name="druha"></a>
<h2>Nadpis druhé polo¾ky</h2>
<p>Nìjaký libovolný text bla bla bla bla bla. Lorem ipsum dlouhý text. Vtip
je v tom, že jsem poøád v tomtéž souboru.
</div>
<div id="c" class="polozka">
<a name="treti"></a>
<h2>Tøetí odstavec</h2>
<p>Obsahuje libovolný text, který se aktivuje po kliknutí na tøetí odkaz.
</div>

<div id="d" class="polozka">
<a name="treti"></a>
<h2>ČTVTEK ODSTAVEC... :D:D:D</h2>
<p>Obsahuje libovolný text, který se aktivuje po kliknutí na tøetí odkaz.
</div>
</div><!-- konec div#general_note -->

<a href="#a" class="zalozka" onclick="return zobraz('a'); ">General</a>
<a href="#b" class="zalozka" onclick="return zobraz('b'); ">Work</a>
<a href="#c" class="zalozka" onclick="return zobraz('c'); ">Home</a>
<a href="#d" class="zalozka" onclick="return zobraz('d'); ">Car</a>