function DemoShowAllTopNav() {
	setTimeout( "doShowAllTopNav()", 5000 );
}

function doShowAllTopNav() {
	var TopNav = document.getElementById( 'TopNav' );
	var aItems = TopNav.getElementsByTagName( "a" );

	for( var i = 0; i < aItems.length; i++ ) {
		if( aItems[i].Top == undefined ) aItems[i].Top = -50;
		clearInterval( aItems[i].TIHide );
		clearInterval( aItems[i].TIShow );
		aItems[i].TIDemoShow = setTimeout( "DemoShowTopNav( '" + aItems[i].id + "' )", i * 500 );
	}
}

function DemoShowTopNav( id ) {
	var Item = document.getElementById( id );
	
	clearInterval( Item.TIHide );
	clearInterval( Item.TIShow );

	Item.TIShow = setInterval( "doDemoShowTopNav( '" + id + "' )", 1 );
}

function doDemoShowTopNav( id ) {
	var Item = document.getElementById( id );

	Item.Top += 10;
	
	if( Item.Top > 0 ) {
		Item.Top = 0;
		clearInterval( Item.TIShow );
		Item.TIDemoHide = setTimeout( "DemoHideTopNav( '" + id + "' )", 500 );
	}

	Item.style.top = Item.Top + "px";
}

function DemoHideTopNav( id ) {
	var Item = document.getElementById( id );

	clearInterval( Item.TIHide );
	clearInterval( Item.TIShow );

	Item.TIHide = setInterval( "doDemoHideTopNav( '" + id + "' )", 1 );
}

function doDemoHideTopNav( id ) {
	var Item = document.getElementById( id );
	
	Item.Top -= 2;
	
	if( Item.Top < -50 ) {
		Item.Top = -50;
		clearInterval( Item.TIHide );
	}

	Item.style.top = Item.Top + "px";
}

function HideAllTopNav( Item ) {
	var TopNav = document.getElementById( 'TopNav' );
	var aItems = TopNav.getElementsByTagName( "a" );

	for( var i = 0; i < aItems.length; i++ ) {
		if( aItems[i] != Item ) {
			if( aItems[i].Top == undefined ) aItems[i].Top = -50;
			clearInterval( aItems[i].TIHide );
			clearInterval( aItems[i].TIShow );
			aItems[i].TIHide = setInterval( "HideTopNav( '" + aItems[i].id + "' )", 1 );
		}
	}
}

function ShowTopNav( id, SoundID ) {
	var Item = document.getElementById( id );

	if( Item.Top == undefined ) Item.Top = -50;

	HideAllTopNav( Item );

	clearTimeout( Item.TIDemoShow );
	clearTimeout( Item.TIDemoHide );
	clearInterval( Item.TIShow );
	clearInterval( Item.TIHide );
	Item.TIShow = setInterval( "doShowTopNav( '" + id + "' )", 1 );
}

function doShowTopNav( id ) {
	var Item = document.getElementById( id );

	Item.Top += 10;
	
	if( Item.Top > 0 ) {
		Item.Top = 0;
		clearInterval( Item.TIShow );
	}

	Item.style.top = Item.Top + "px";
}

function HideTopNav( id ) {
	var Item = document.getElementById( id );
	
	if( Item.Top == undefined ) Item.Top = 0;

	Item.Top -= 2;
	
	if( Item.Top < -50 ) {
		Item.Top = -50;
		clearInterval( Item.TIHide );
	}

	Item.style.top = Item.Top + "px";
}

/************************************************/

function DemoShowBottomNav() {
	var BottomNav = document.getElementById( "BottomNav" );
	BottomNav.TIDemoShow = setTimeout( "ShowBottomNav()", 2000 );
	setTimeout( "DemoHideBottomNav()", 2100 );
}

function DemoHideBottomNav() {
	var BottomNav = document.getElementById( "BottomNav" );
	BottomNav.TIDemoShow = setTimeout( "HideBottomNav()", 6000 );
}

function ShowBottomNav() {
	var BottomNav = document.getElementById( "BottomNav" );
	
	if( BottomNav.Top == undefined ) BottomNav.Top = 0;
	
	clearTimeout( BottomNav.TIDemoShow );
	clearTimeout( BottomNav.TIDemoHide );
	clearInterval( BottomNav.TIShow );
	clearInterval( BottomNav.TIHide );
	
	BottomNav.TIShow = setInterval( "doShowBottomNav()", 1 );
}

function doShowBottomNav() {
	var BottomNav = document.getElementById( "BottomNav" );
	
	BottomNav.Top -= 5;
	
	if( BottomNav.Top < 0 ) {
		BottomNav.Top = 0;
		clearInterval( BottomNav.TIShow );
	}
	
	BottomNav.style.paddingTop = BottomNav.Top + "px";
}

function HideBottomNav() {
	var BottomNav = document.getElementById( "BottomNav" );
	
	if( BottomNav.Top == undefined ) BottomNav.Top = 0;
	
	clearTimeout( BottomNav.TIDemoShow );
	clearTimeout( BottomNav.TIDemoHide );
	clearInterval( BottomNav.TIShow );
	clearInterval( BottomNav.TIHide );
	
	BottomNav.TIShow = setInterval( "doHideBottomNav()", 1 );
}

function doHideBottomNav() {
	var BottomNav = document.getElementById( "BottomNav" );
	
	BottomNav.Top += 5;
	
	if( BottomNav.Top > 180 ) {
		BottomNav.Top = 180;
		clearInterval( BottomNav.TIShow );
	}
	
	BottomNav.style.paddingTop = BottomNav.Top + "px";
}