<script type="text/javascript">
     function dd(id) { return document.getElementById(id); }
     function newClass(id, c) {
             if(dd(id)) { dd(id).className=c; } else errors+='Brak id: '+id+"\n";
     }
     var szukajActiveTab = 1;
     function szukajCC(n) {
             newClass('szukajP' + szukajActiveTab, '');
             dd('szukajd'+szukajActiveTab).style.display='none';
             newClass('szukajP' + n, 'on');
             dd('szukajd'+ n).style.display='';
             if (dd('Szukaj'+szukajActiveTab).onkeypress!=null) {dd('Szukaj'+szukajActiveTab).onkeypress=null;dd('Szukaj'+szukajActiveTab).value='';}
             dd('Szukaj'+n).value = dd('Szukaj'+szukajActiveTab).value;
             dd('Szukaj'+n).focus();
             var iLen = dd('Szukaj'+n).value.length;
             if (dd('Szukaj'+n).setSelectionRange)
                     dd('Szukaj'+n).setSelectionRange(iLen,iLen);
             else if (dd('Szukaj'+n).createTextRange) {
                     var range = dd('Szukaj'+n).createTextRange();
                     range.collapse(true);
                     range.moveEnd('character', iLen);
                     range.moveStart('character', iLen);
                     range.select();
             }
             szukajActiveTab=n;
             return false;
     }
     </script>

<ul class="szukaj">
     <li class="on" id="szukajP1" onclick="return szukajCC(1);"><a href="#" title="Internet">Internet</a></li>
     <li id="szukajP2" onclick="return szukajCC(2);"><a href="#" title="Katalog">Katalog</a></li>
     </ul>

<div id="szukajd1" style="">COŚ 1</div>
<div id="szukajd2" style="display: none;">COŚ 2</div>