function showChallcats()
{
	document.getElementById("welcomebox").style.display = "inline";
	document.getElementById("newsbox").style.visibility = "hidden";
	document.getElementById("showsbox").style.display = "none";
	
	document.getElementById("challcats_selector").style.visibility = "visible";
	document.getElementById("news_selector").style.visibility = "hidden";
	document.getElementById("shows_selector").style.visibility = "hidden";
}

function showNews()
{
	document.getElementById("welcomebox").style.display = "none";
	document.getElementById("newsbox").style.visibility = "visible";
	document.getElementById("showsbox").style.display = "none";
	
	document.getElementById("challcats_selector").style.visibility = "hidden";
	document.getElementById("news_selector").style.visibility = "visible";
	document.getElementById("shows_selector").style.visibility = "hidden";
}

function showShows()
{
	document.getElementById("welcomebox").style.display = "none";
	document.getElementById("newsbox").style.visibility = "hidden";
	document.getElementById("showsbox").style.display = "inline";
	
	document.getElementById("challcats_selector").style.visibility = "hidden";
	document.getElementById("news_selector").style.visibility = "hidden";
	document.getElementById("shows_selector").style.visibility = "visible";
}

var sy;
var timer;
var cOpac = 0;

function getBrowserScrollY()
{
    if( typeof( window.pageYOffset ) != "undefined" )
        return window.pageYOffset;
    else if( document.documentElement && document.documentElement.scrollTop )
        return document.documentElement.scrollTop;
    else
        return document.body.scrollTop;
}

function setBrowserScrollY( y )
{
    if( typeof( window.pageYOffset ) != "undefined" )
        window.scroll( window.pageXOffset, y );
    else if( document.documentElement && document.documentElement.scrollTop )
        document.documentElement.scrollTop = y;
    else
        document.body.scrollTop = y;
}

function openit( $imgfile )
{
	var catimg = document.getElementById("catimg");
	
    sy = getBrowserScrollY();
    var it = document.getElementById( "it" );
	var popup = document.getElementById( "popup" );
    it.style.display = "block";
	catimg.style.visibility = "hidden";
	catimg.src = "images/loading.gif";
	popup.style.height = "";
    //it.offsetParent.style.overflow = "hidden";
    //setBrowserScrollY( sy );
    it.style.top = getBrowserScrollY() + "px";

	window.onscroll = closeit;

	catimg.onload = popupLoaded;
	catimg.src = $imgfile;
	setTimeout( "document.getElementById('catimg').style.visibility='visible';", 10 );
	
//	cOpac = 0;
//	fadeView();
}

/*function getBrowserHeight()
{
    if( document.documentElement && document.documentElement.clientHeight )
        return document.documentElement.clientHeight;
    else
        return document.body.clientHeight;
}*/
function getBrowserHeight()
{
    if( window.innerHeight )
    {
        return window.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientHeight)
    {
        return document.documentElement.clientHeight;
    }
    else
    {
        return document.body.clientHeight;
    }
}

function popupLoaded()
{
	document.getElementById("catimg").style.visibility = "visible";
	var popup = document.getElementById( "popup" );
	if( popup.offsetHeight > getBrowserHeight() - 50 )
	{
		popup.style.height = ( getBrowserHeight() - 40 ) + "px";
		window.onscroll = null;
	}
}

function closeit()
{
    var it = document.getElementById( "it" );
    //it.offsetParent.style.overflow = "auto";
    it.style.display = "none";
    //setBrowserScrollY( sy );
}

function fadeView()
{
	cOpac += 5;
	setOpacity( cOpac );
	
	if(cOpac < 100)
		timer = setTimeout("fadeView()", 1);
}

function setOpacity( $opacity )
{
	var it = document.getElementById("it");
	var backfade = document.getElementById("backfade");
	
	if( it.filters )
	{
		it.filters.item(0).opacity = parseInt($opacity);
		backfade.filters.item(0).opacity = parseInt($opacity) * 0.7;
	}
	else
	{
		it.style.MozOpacity = "0." + ($opacity * 0.7);
		it.style.opacity = "0." + ($opacity * 0.7);
	}
}