var appName = navigator.appName;
var appVersion = navigator.appVersion;

function toggleNavButton( bId, isSelected, action )
{
	var btn = bId;
	var navButton = document.getElementById( btn );
	if ( action == 'mouseover' )
	{
		navButton.style.backgroundImage = "url( ./image/navbar-rollover.png )";
	}
	else
	{
		if ( isSelected )
		{
			navButton.style.backgroundImage = "url( ./image/navbar-selected.png )";
		}
		else
		{
			navButton.style.backgroundImage = "url( ./image/navbar-normal.png )";

		}
	}
}

function openSchedule( schedId )
{
	var schedPanel = document.getElementById( 'sched' + schedId );
	if ( schedPanel != null )
	{
		schedPanel.style.display = "block";		
	}	
}

function closeSchedule( schedId )
{
	var schedPanel = document.getElementById( 'sched' + schedId );
	if ( schedPanel != null )
	{
		schedPanel.style.display = "none";		
	}	
}

function openLyrics( lyricId )
{
	var panel = document.getElementById( 'lyrics' + lyricId );
	if ( panel != null )
	{
		panel.style.display = "block";		
	}	
}

function closeLyrics( lyricId )
{
	var panel = document.getElementById( 'lyrics' + lyricId );
	if ( panel != null )
	{
		panel.style.display = "none";		
	}	
}

function openNotes( notesId )
{
	var panel = document.getElementById( 'notes' + notesId );
	if ( panel != null )
	{
		panel.style.display = "block";		
	}	
}

function closeNotes( notesId )
{
	var panel = document.getElementById( 'notes' + notesId );
	if ( panel != null )
	{
		panel.style.display = "none";		
	}	
}

function displayImage( imgSrc )
{
	var imagePanel = document.getElementById( 'bigImage' );
	var imageCell = document.getElementById( 'bigImageCell' );
	imagePanel.style.display = "none";
	if ( appName == 'Microsoft Internet Explorer' && appVersion.indexOf( 'MSIE 7') > -1 )
	{
		imagePanel.style.position = "absolute";
		imagePanel.style.top = document.body.scrollTop + 5;
	}
	else
	{
		imagePanel.style.position = "fixed";
		imagePanel.style.top = 5 + "px";
	}	
	imagePanel.style.left = 145 + "px";
	imageCell.style.backgroundImage = 'url(' + imgSrc + ')';
	imagePanel.style.display = "block";
}

function closeImage()
{
	var imagePanel = document.getElementById( 'bigImage' );
	imagePanel.style.display = "none";
}

function displayLoginPanel( )
{
	var imagePanel = document.getElementById( 'loginPanel' );
	imagePanel.style.visibility = "visible";
}

function closeLoginPanel()
{
	var imagePanel = document.getElementById( 'loginPanel' );
	imagePanel.style.visibility = "hidden";
}