/*****************************
*	Copyright Potato Die 2009
*	All rights reserved
******************************/

// Hou de href bij die je zou hebben gehad als je de content niet via Ajax zou verversen
var locationHref;

window.onload = function ()
{
	/*
	*/	
	maakHeaderLink();
	locationHref = location.href;
	activeerMenu ( );
	maakVersneldLadenLinks ();	
	versnelFoto();	
	startCrossFadeSeries();
}

function maakHeaderLink()
{
	var e = document.getElementById ( 'logo' );
	e.style.cursor = 'pointer';
	e.href = "index.php";
	e.onclick = klikVersnelbareLink;
}

function activeerMenu ( )
{
	if ( locationHref.indexOf ( 'room' ) != -1 )
	{
		// Speciale gevallen, vanwege submenu Rooms
		document.getElementById( 'rooms' ).className = 'actief';
	}
	else
	{	 
		// Doorloop alle <a>
		var links = document.getElementById( 'menu' ).getElementsByTagName ( 'a' );
		for ( var i = 0; i < links.length; i++ )
		{
			links[i].onfocus = function()
			{
				// Dit is test, hoort hier niet
				// Om keyboard navigatie mogelijk te maken, zou je focus in variabele op kunnen
				// slaan.
				// this.blur();
			};
			if ( links[i].href == locationHref )
			{
				// De parent <li> tag activeren:
				links[i].parentNode.className = 'actief';
			}		
		}	
	}
}

function deactiveerMenu ( )
{
	// Doorloop alle <a> in het menu en zet ze simpelweg uit
	var links = document.getElementById( 'menu' ).getElementsByTagName ( 'a' );
	for ( var i = 0; i < links.length; i++ )
	{
		links[i].parentNode.className = '';
	}	
} 

function versnelFoto ( )
{
	// Doorloop de gewenste <a>
	var links = document.getElementById( 'thumbs' ).getElementsByTagName ( 'a' );
	for ( var i = 0; i < links.length; i++ )
	{
		links[i].onclick = function () 
		{
			// check de src van de img-tag binnen de <a>
			var imgsrc = this.firstChild.src;
			imgsrc = imgsrc.replace ( '/thumbssq', '' );
			var illu = document.getElementById( 'illu' ); 
			if ( illu )
			{
				illu.src = imgsrc;
			}
			return false; 
		};		
	}	
}

function maakVersneldLadenLinks ( )
{
	var req = createXMLHTTPObject ( );
	if ( !req ) return;
	
	// In welke <a>-tags zijn we geinteresseerd?
	var e = document.getElementById( 'menu' );
	if ( !e ) alert ("Error maakVersneldLadenLinks");
	var links = e.getElementsByTagName ( 'a' );
	
	for ( var i = 0; i < links.length; i++ )
	{
		// Welke methode aanroepen bij 'klikken'?
		links[i].onclick = klikVersnelbareLink;
	}
}

function klikVersnelbareLink ()
{
	locationHref = this.href; // Ik neem de gok
	//alert (locationHref.substr(10));
	
	var url;
	if ( locationHref.substr(10) == '.prinsengracht490.com/' )
	{
		url = locationHref + 'index_kort.php';
	}
	else
	{
		url = locationHref.replace ( ".php", "_kort.php" );
	}
	sendRequest ( url, showPage );
	return false; 
}

function showPage ( req )
{
	var html = req.responseText;
	document.getElementById ( 'content' ).innerHTML = html;

	deactiveerMenu ( ); // Zet alle menu-items uit
	activeerMenu ( ); // Zet het huidige item aan
	
	// Pas links aan in de nieuw geladen content
	versnelFoto();		
}	
/*
	Je kan evt. ook een array met url's maken en links hier naar toe in 'content' versnellen
*/