window.addEvent('domready',function(){
    var links = $$('a.nav-item');
    var contents = $$('div.text-content');
   
    contents.set('slide',{
        duration:800,
        transition:'back:in'
    });
   
    contents.slide('hide');
    contents[0].slide('show');
 
    links.addEvent('click',function(e){
        e.stop();
        var index = links.indexOf(this);
        if(!contents.some(function(content,i){
            var slide = content.get('slide');
            if(slide.open && i != index){
                slide.slideOut().chain(function(){contents[index].slide('in')});
                return true;
            }
        })){
            contents[index].slide('toggle');
        }
    });
});

function toggleLayer( whichLayer )
{
  var elem, vis;
  if( document.getElementById ) // this is the way the standards work
    elem = document.getElementById( whichLayer );
  else if( document.all ) // this is the way old msie versions work
      elem = document.all[whichLayer];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[whichLayer];
  vis = elem.style;
  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
}