document.observe("dom:loaded", function(){

  var t = 0.7;
  var url = window.location.href.split("#")[1];


  if(url == 'Games' || url == 'games' || url=='')
  {
  	activeGames(0);
  }
  else if(url == 'More' || url == 'more')
  {
  	activeMore(0);
  }

  $$('#games h2 a')[0].href="#";

  $$('#more h2 a')[0].href="#More";

  $('games').observe('click', respondToClick2);
  function respondToClick2(event) {
  	activeGames(t);
  }

  $('more').observe('click', respondToClick3);
  function respondToClick3(event) {
  	activeMore(t);
  }
  
  
  
  
  
});


function activeGames(time)
{
	$('slide_content').morph('margin-top:0px',{duration:time});
	$$('#games a')[0].morph('color: #bddd25', {duration:time});
	$$('#more a')[0].morph('color: #fee8f2', {duration:time});
	
}

function activeMore(time)
{
	$('slide_content').morph('margin-top:-325px',{duration:time});
	$$('#games a')[0].morph('color: #f5f9e4', {duration:time});
	$$('#more a')[0].morph('color: #dd58db', {duration:time});
	
}