<script language="JavaScript">var currindex = 10</script>
<table border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td width="988" style="background-color: #CCCCCC; border: 0px solid #CCCCCC;">

<div style="padding: 2px 5px;">
    <span class="ppage"><a id="lnk1" onclick="ShowInfo(1); return false;" >Ліга</a>новость</span>

    <span class="ppage0"><a id="lnk2" onclick="ShowInfo(2); return false;">Ліга</a></span>

    <span class="ppage0"><a id="lnk3" onclick="ShowInfo(3); return false;">Ліга</a></span>

    <span class="ppage0"><a id="lnk4" onclick="ShowInfo(4); return false;">Ліга</a></span>

    <span class="ppage0"><a id="lnk5" onclick="ShowInfo(5); return false;">Ліга</a></span>

    <span class="ppage0"><a id="lnk6" onclick="ShowInfo(6); return false;">Ліга</a></span>

    <span class="ppage0"><a id="lnk7" onclick="ShowInfo(7); return false;">Ліга</a></span>

    <span class="ppage"><a id="lnk8" onclick="ShowInfo(8); return false;">Ліга Чемпіонів (1 день)</a></span>

    <span class="ppage"><a id="lnk9" onclick="ShowInfo(9); return false;">Ліга Чемпіонів (2 день)</a></span>

    <span class="ppage"><a id="lnk10" onclick="ShowInfo(10); return false;" class="current">Ліга Європи</a></span>

  <span class="pppage"><a id="lnk11" onclick="ShowInfo(11); return false;"><b>x</b> згорнути</a></span>

    </div>

<div id="img1" style="display: none">
</div>

<div id="img2" style="display: none">
</div>

<div id="img3" style="display: none">
</div>

<div id="img4" style="display: none">
</div>

<div id="img5" style="display: none">
</div>

<div id="img6" style="display: none">
</div>

<div id="img7" style="display: none">
</div>

<div id="img8" style="display: none">
Ліга Чемпіонів (1 день)</div>

<div id="img9" style="display: none">
Ліга Чемпіонів (2 день)</div>

<div id="img10">
Ліга Європи</div>

<div id="img11" style="display: none">
</div>

<script type="text/javascript">
document.onkeydown = NavigateThrough;

function NavigateThrough (event)
{
 if (!document.getElementById) return;

 if (window.event) event = window.event;

 if (event.ctrlKey)
 {
  var link = null;
  switch (event.keyCode ? event.keyCode : event.which ? event.which : null)
  {
   case 0x25:
    ShowInfo(currindex-1)
    break;
   case 0x27:
    ShowInfo(currindex+1)
    break;
  }
 }   
}

function ShowInfo(num)
{
    total = 11;
    if (num > total) num = 1;
    if (num < 1) num = total;
    
    for (i = 1; i <= total; i++) {
        elm = document.getElementById('img' + i);
        elm.style.display = 'none';
    }

    elm = document.getElementById('img' + num);
    elm.style.display = 'inline';

    var currLink = document.getElementById('lnk' + currindex);
    var nLink = document.getElementById('lnk' + num);

   currindex = num;
    
    currLink.className = '';
    nLink.className = 'current';
}
</script>