var openPopups = null;



function showPopup(id)
{
	//document.getElementById('overlay').style.display='block';
	//document.getElementById('popup'+id).style.display='block';
	
	
      $("#overlay").fadeIn(400, function () {
        $('#popup'+id).fadeIn(400);
      });
     
    
	openPopups = 'popup'+id;
	
	//alert(openPopups);
}

function hidePopup()
{
	//document.getElementById('overlay').style.display='none';
	//document.getElementById(openPopups).style.display='none';
    $("#"+openPopups).fadeOut(500, function () {
        $("#overlay").fadeOut(500);
     });
      
	//alert(openPopups);
	openPopups = null;
	
}

function RehrefLinks() 
{ 
  var links = document.getElementsByTagName('a'); 
  for (var a=0, b=links.length; a < b; a++) { 
    if (links[a].className == "tempLinkForBadBrowsers") { 
      links[a].href = "#"; 
      //links[a].onclick = function() { alert('clicked'); }; 
    } 
  } 
}


function showDetailsBackground(id)
{
	document.getElementById('background'+id).style.display='block';
	document.getElementById('overview'+id).style.display='none';
	document.getElementById('challenges'+id).style.display='none';
	
	
	document.getElementById('backgroundButton'+id).className='itemDetailBackgroundActive';
	document.getElementById('overviewButton'+id).className='itemDetailOverview';
	document.getElementById('challengesButton'+id).className='itemDetailChallenges';
}

function showDetailsOverview(id)
{
	document.getElementById('background'+id).style.display='none';
	document.getElementById('overview'+id).style.display='block';
	document.getElementById('challenges'+id).style.display='none';
	
	
	document.getElementById('backgroundButton'+id).className='itemDetailBackground';
	document.getElementById('overviewButton'+id).className='itemDetailOverviewActive';
	document.getElementById('challengesButton'+id).className='itemDetailChallenges';
}

function showDetailsChallenges(id)
{
	document.getElementById('background'+id).style.display='none';
	document.getElementById('overview'+id).style.display='none';
	document.getElementById('challenges'+id).style.display='block';
	
	
	document.getElementById('backgroundButton'+id).className='itemDetailBackground';
	document.getElementById('overviewButton'+id).className='itemDetailOverview';
	document.getElementById('challengesButton'+id).className='itemDetailChallengesActive';
}