// navigation properties and methods
var mediaBrowser = new Object();

document.write('<style type="text/css">#media li{display:none}</style>');

/**
* This function...
*/
mediaBrowser.initialize = function()
{
	// make sure the #media list is available
	if ( !document.getElementById( 'media' ) )
	{
		return;
	}
	
	var oMedia = document.getElementById( 'media' );
	var cLI = oMedia.getElementsByTagName( 'LI' );
	var oLI;
	var iLI = 0;
	var nLI = cLI.length;
	var cDIV;
	var oDIV;
	var htmA;

	for ( iLI ; iLI < nLI ; iLI++ )
	{
		oLI = cLI[iLI];

		cDIV = oLI.getElementsByTagName( 'DIV' );
		oDIV = cDIV[0];
		
		if ( nLI > 1 )
		{
			htmA = mediaBrowser.generateLinkHTML( nLI , iLI );
			oDIV.innerHTML = htmA + oDIV.innerHTML;
		}
	}

	mediaBrowser.selected = null;
	mediaBrowser.cLI = cLI;
	
	if ( nLI > 0 ) {
		mediaBrowser.select( '0' );
	}

}

mediaBrowser.generateLinkHTML = function( nLI , iLI )
{
	var i = 0;
	var htmA = '';
	var isSelected;

	for ( i ; i < nLI ; i++ )
	{
		if ( i == iLI )
		{
			isSelected = 'class="selected" ';
		}
		else
		{
			isSelected = '';
		}
		
		htmA += '<a '+isSelected+'href="#" onClick="mediaBrowser.select( \''+i+'\' );return false;">0'+(i+1)+'</a>';
	}

	return htmA;
}


mediaBrowser.select = function( iLI )
{
	if ( mediaBrowser.selected )
	{
		mediaBrowser.selected.style.display = 'none';
	}
	
	var oLI = mediaBrowser.cLI[ iLI ];
	oLI.style.display = 'list-item';

	mediaBrowser.selected = oLI;
}