function $(id)
{
	return document.getElementById(id);
}

function toggleDescr( str, show )
{
	showSlide = false;
	
	if ( show )
	{
		$( 'app0' ).style.display = 'none';
		//$( str ).style.display = "inline";
	} // end IF
	else
	{
		//$( str ).style.display = "none";
		$( 'app0' ).style.display = 'inline';
	} // end ELSE
} // end

var showSlide = true;
var slide = [ 'app1', 'app2', 'app3', 'app4' ];
var nSlide = -1;
var oSlide = new Object();
var nSlide2 = 0;
var speed = 50; // higher (slower)

function startSlide() {
	oSlide = setInterval( 'autoSlide()', 1300 );
}

function autoSlide() {
	if ( showSlide )
	{
		if ( nSlide++ == 3 )
		{
			$( 'app4' ).style.display = 'none';
			fadeIt( 'app0' );
			clearInterval( oSlide );
			
			cancelSlide();
			
			delete oSlide;
			
			return;
		} // end IF
		else
		{
			$( 'app0' ).style.display = 'none';
		} // end ELSE
		
		fadeIt( slide[ nSlide ] );
		
		if ( nSlide > 0 )
			fadeIt( slide[ nSlide2++ ] );
			
	} // end IF
	else
	{
		clearInterval( oSlide );
		cancelSlide();
	} // end ELSE
} // end

function cancelSlide() {
	showSlide = false;
$( 'appTDDiv' ).style.display='inline';
}

var nav = navigator;
var nua = nav.userAgent;
var saf = (nua.indexOf('Safari') != -1);
var ie = ((nua.indexOf('MSIE')!=-1));

function fadeIt ( elid ) {

	var opacs = "";
	
	if ( !ie ) {
		opacs = ["0",".1",".2",".3",".4",".5",".6",".7",".8",".9","1"];
	} else {
		opacs = [ "0", "10", "20", "30", "40", "60", "70", "80", "90", "100" ];
	} // end ELSE
	
	if ( !elid ) return;
	
	var elStyle = $(elid).style;
	
	var opa = ( !ie ? "$('"+elid+"').style.opacity = " : "this.$('"+elid+"').style.filters.alpha.opacity =" );
	
	if ( elStyle.display == 'none' ) 
	{	
		$( 'app0' ).style.display = 'none';
			
		if ( ie )
		{
// 			if ( $(elid).filter.alpha.opacity )
// 				$(elid).filter.alpha.opacity = "0";
		}
		else		
		if ( ! saf )
			elStyle.opacity = '0';
					
		elStyle.display = 'inline';
		
		if ( ! saf )
			for (var i = 0; i < 11; ++i)
			{
				if ( !ie )
					setTimeout( opa+opacs[i] +";", i * speed);
			}
	} // end IF
	else 
	{		
		opacs.reverse();
		
		if ( ! saf )
			for (var i = 0; i < 11; ++i) 
			{
				if ( !ie )
					setTimeout( opa+opacs[i] +";", i * speed);
			}
			
		elStyle.display = 'none';
		
		if ( ! showSlide ) {
			$( 'app0' ).style.display = 'inline';
		}
	} // end ELSE
}

function showIt ( elid ) {

	if ( !elid ) return;
	
	var elStyle = $(elid).style;
	
	if ( elStyle.display == 'none' ) 
	{	
		$( 'app0' ).style.display = 'none';
							
		if ( !ie ) 
			elStyle.opacity = 1;
			
		elStyle.display = 'inline';
		
	} // end IF
	else 
	{		
		elStyle.display = 'none';
		
		if ( ! showSlide ) {
			$( 'app0' ).style.display = 'inline';
		}
	} // end ELSE
}

function showDiv( id )
{
	if ( id == "" )
		return;
	
	var ele = $(id);
		
	if ( ele )
		ele.style.display = 'inline';
}

function hideDiv( id )
{
	if ( id == "" )
		return;
	
	var ele = $(id);	
	
	if ( ele )
		ele.style.display = 'none';
}

/**
 * - assigns the onmouseover/out events to the display links
 * since search engines don't like JS in the hrefs
 */
function assignDispLinkEvents()
{
	var eles = $("displayLinks").getElementsByTagName("a");

	for ( var i = 0 ; i < eles.length ; ++i )
	{
		var ele = eles[i];
		var aId = ele.id+"_descr";
		var aEle = $(aId);
		
		if ( aEle && aEle.innerHTML.length > 1 )
		{
			ele.onmouseout = new Function("hideDiv('"+aId+"')");
			ele.onmouseover = new Function("showDiv('"+aId+"')");
		}// end IF
	} // end FOR
}

function loadPage()
{ // called by body.onload
	assignDispLinkEvents();
}