//Declare the varibale name outside the function so it is global. 
var sp;
function InitPage()
{
	sp = new Spry.Widget.SlidingPanels("ticker");
	Spry.$$("#link0").addEventListener("click", function(){sp.showPanel('item1'); changeClass('0'); return false; }, false); 
	Spry.$$("#link1").addEventListener("click", function(){sp.showPanel('item2'); changeClass('1');  return false; }, false); 
	Spry.$$("#link2").addEventListener("click", function(){sp.showPanel('item3'); changeClass('2'); return false; }, false); 
	Spry.$$("#link3").addEventListener("click", function(){sp.showPanel('item4'); changeClass('3'); return false; }, false);
}
Spry.Utils.addLoadListener(InitPage);


//------------------------

function emptyLink()
{
  return false; 
}

function changeClass(id)
{

  document.getElementById('nav_item1').className = 'item10';
  document.getElementById('nav_item2').className = 'item20';
  document.getElementById('nav_item3').className = 'item30';
 
  if (id != 0)   
    document.getElementById('nav_item' + id).className = 'item' + id + '1';
  
}