/*****************************************************************************
 *
 *	GENERAL-JS (All Page)
 *	Description: Javascripts for common function on all pages
 *
 *    Version     Updated         By                Comments
 *    1.0         25/11/2009      Tim Vloeberghs    INIT
 *    1.1         26/11/2009      Tim Vloeberghs    Show and hide functions
 *    1.2         31/03/2010      Tim Vloeberghs    Forum replaced by Facebook
 *    1.3         27/04/2010      Tim Vloeberghs    Google maps link added
 *    1.4         15/05/2010      Tim Vloeberghs    Movies added
 *    1.5         26/07/2010      Tim Vloeberghs    Updated for new layout (sidebar)
 *    1.6         27/07/2010      Tim Vloeberghs    Opacity backcolor replaced with image
 *    1.7         01/08/2010      Tim Vloeberghs    Added Extra -> Artikels + titles
 *    1.8         22/08/2010      Tim Vloeberghs    Updated Facebook link
 *    1.9         03/09/2010      Tim Vloeberghs    Updated Photoalbum link
 *    1.10        13/08/2011      Tim Vloeberghs    Updated menu
 *    
 *****************************************************************************/


/*****************************************************************************
 *	Updates the submenu depening on the selection in main menu
 *****************************************************************************/
function updateSubmenu(id, bLoggedIn)
{
	// Find the submenu
	var submenu = document.getElementById('submenu');
	var inner = '';

	// re-color all tabs (to black)
	var aTabs = ['home', 'info', 'competition', 'extras', 'contact', 'account'];
	for (var i=0; i<aTabs.length; i++)
	{
		document.getElementById(aTabs[i]).style.backgroundImage = 'url("/images/tab_black.png")';
	}
	// re-color sub-menu (to black)
	document.getElementById('submenu').style.backgroundImage="url('/images/submenu_black.png')";
	
	// re-color the selected tab (to red)
	document.getElementById(id).style.backgroundImage = 'url("/images/tab_red.png")';
	
	// Update the innerhtml
	if ( id=='home' )
	{
		submenu.style.paddingLeft='200px';
		inner  = '';
		inner += '|<a href="/home.php" title="3D Belgium">3D Belgium</a>\n';
		inner += '|<a href="/news.php" title="Nieuws">Nieuws</a>\n';
		inner += '|\n';
		// re-color submenu if there is a submenu
		document.getElementById('submenu').style.backgroundImage="url('/images/submenu_red.png')";
	}
	else if ( id=='info' )
	{
		submenu.style.paddingLeft='200px';
		inner  = '';
		inner += '|<a href="/about.php" title="Over 3D Belgium">Over 3D Belgium</a>\n';
		inner += '|<a href="/about_who.php" title="Organisatie">Organisatie</a>\n';
		inner += '|<a href="/rules.php" title="Reglement">Reglement</a>\n';
		inner += '|<a href="/dayplanner.php" title="Dagindeling">Dagindeling</a>\n';
		inner += '|<a href="/scoresystem.php" title="Score systeem">Score systeem</a>\n';
		inner += '|\n';
		// re-color submenu if there is a submenu
		document.getElementById('submenu').style.backgroundImage="url('/images/submenu_red.png')";
	}
	else if ( id=='competition' )
	{
		submenu.style.paddingLeft='230px';
		inner  = '';
		inner += '|<a href="/manoeuvres.php" title="Figuren">Figuren</a>\n';
		inner += '|<a href="/calendar.php" title="Kalender">Kalender</a>\n';
		inner += '|<a href="/results.php" title="Resultaten wedstrijden">Resultaten</a>\n';
		inner += '|<a href="/subscribe.php" title="Inschrijven wedstrijd">Inschrijven</a>\n';
		// inner += '|<span class="disabled">Inschrijven</span>\n';
		inner += '|<a href="/pilots.php" title="Lijst met ingeschreven piloten">Piloten</a>\n';
		inner += '|\n';
		// re-color submenu if there is a submenu
		document.getElementById('submenu').style.backgroundImage="url('/images/submenu_red.png')";
	}
	else if ( id=='extras' )
	{
		submenu.style.paddingLeft='320px';
		inner  = '';
		inner += '|<a href="/photoalbum.php" title="Fotoalbum">Fotoalbum</a>\n';
		inner += '|<a href="/movies_list.php" title="Filmpjes">Filmpjes</a>\n';
		inner += '|<a href="/articles.php" title="Artikels">Artikels</a>\n';
		inner += '|<a href="/locations.php" title="Locaties">Locaties</a>\n';
		// inner += '|<a href="http://www.facebook.com/group.php?gid=196807607406" target="_blank" title="Facebook">Facebook</a>\n';
		inner += '|<a href="http://www.facebook.com/pages/3D-Belgium/125135204201515" target="_blank" title="Facebook">Facebook</a>\n';
		inner += '|\n';
		// re-color submenu if there is a submenu
		document.getElementById('submenu').style.backgroundImage="url('/images/submenu_red.png')";
	}
	else if ( id=='contact' )
	{
		submenu.style.paddingLeft='535px';
		inner  = '';
		inner += '|<a href="mailto:competitie@3dbelgium.be" title="competitie@3dbelgium.be">Organisator</a>\n';
		inner += '|<a href="mailto:webmaster@3dbelgium.be" title="webmaster@3dbelgium.be">Webmaster</a>\n';
		inner += '|\n';
		// re-color submenu if there is a submenu
		document.getElementById('submenu').style.backgroundImage="url('/images/submenu_red.png')";
	}
	else if ( id=='account' )
	{
		inner  = '';
		if ( bLoggedIn )
		{
			// User is logged in
			submenu.style.paddingLeft='300px';
			inner += '|<a href="/account.php?section=pilot" title="Persoonlijke gegevens aanpassen">Gegevens aanpassen</a>\n';
			inner += '|<a href="/account.php?section=pwd" title="Wachtwoord wijzigen">Wachtwoord wijzigen</a>\n';
			inner += '|<a href="/account.php?section=comps" title="inschrijvingen en wedstrijden">Mijn inschrijvingen</a>\n';
		}
		else
		{
			// User is not logged in yet
			submenu.style.paddingLeft='395px';
			inner += '|<a href="/login.php" title="Aanmelden">Aanmelden</a>\n';
			inner += '|<a href="/create_account.php" title="Account aanmaken">Nieuwe piloot</a>\n';
			inner += '|<a href="/forgotten.php" title="Wachtwoord vergeten">Wachtwoord vergeten</a>\n';
		}
		inner += '|\n';
		// re-color submenu if there is a submenu
		document.getElementById('submenu').style.backgroundImage="url('/images/submenu_red.png')";
	}
	else
	{
		submenu.style.paddingLeft='7px';
		inner = '';		
	}

	// Update the submenu's inner HTML
	submenu.innerHTML = inner;
}


/*****************************************************************************
 *	Toggles the display= block|inline (show|hide) style
 *****************************************************************************/
function toggleShowHide(id)
{
	var oDiv = document.getElementById(id);
	
	if ( oDiv.style.display == 'none' )
	{ toggleShow(id); }
	else
	{ toggleHide(id); }		
}


/*****************************************************************************
 *	Toggles the display= inline (show) style
 *****************************************************************************/
function toggleShow(id)
{
	var oDiv = document.getElementById(id);
	oDiv.style.display='block';		
}


/*****************************************************************************
 *	Toggles the display= block (hide) style
 *****************************************************************************/
function toggleHide(id)
{
	var oDiv = document.getElementById(id);
	oDiv.style.display='none';		
}