var activeMenuItem = '#Home';
var server = 'http://www.ijsclubberkenwoude.nl/';
window.addEvent('domready', function() {
	GetNavigation();
});


function ClearActiveMenuItem()
{
	$$('#menu a.item').each(function(el) { if(el.hasClass('active')) { el.removeClass('active'); el.morph({padding: '8px 8px 30px 8px'}); }});
}

function GetNavigation()
{
	var myHTMLRequest = new Request.HTML({
		url: server + 'site.php?url=categories',
		onSuccess: onSuccessGetNavigation
	}).send();
}

function GetRealUrl(url)
{
	if(url.indexOf("#")>=0)
	{
		var temp = url.split("#");
		return '#' + temp[1];
	}
	else
		return "";
}

function onSuccessGetNavigation(responseTree, responseElements, responseHTML, responseJavaScript)
{
	$('menu').innerHTML = responseHTML;
	SetLinks();
	var url = GetRealUrl(window.location.href);
	
	if(url.length > 1)
	{		
		if(url.toLowerCase() != "#home1/")
		{
			$('foto').set('styles',{height:135});
			$('subMenu').set('styles',{height:70});
		}		
		activeMenuItem = url;
		$$('#menu a.item').each(function(el) { 
			if(el.get('href').trim() == activeMenuItem)
			{
				el.addClass('active');
			}
		});
		GetPage(url);
	}
	else
	{
		$$('#menu a.item').each(function(el) { 
			if(el.get('text').trim() == 'Home')
			{
				el.addClass('active');
			}
		});
		GetPage('#Home1');
	}
}
function SetLinks()
{
	$$('#menu a.item').each(function(el) { 
		el.set('morph', {duration: 100, transition: 'bounce:out'});
		el.addEvent('mouseover', function(event) {
			el.morph({padding: '30px 8px 8px 8px'}); 
		});
		
		el.addEvent('mouseout', function(event) { 
			if(el.hasClass('active')==false) el.morph({padding: '8px 8px 30px 8px'}); 
		});
		
		el.addEvent('click', function(event) {
			var url = GetRealUrl(el.get('href').trim());
			el.blur();
			if(activeMenuItem != url)
			{
				ClearActiveMenuItem();
				el.addClass('active');
				activeMenuItem = url;
				if(el.get('text').trim() == 'Home')
				{
					$('foto').morph({height:270});
					$('subMenu').morph({height:110});
				}
				else
				{
					$('foto').morph({height:135});
					$('subMenu').morph({height:70});
				}
				GetPage(url);
			}
			else
			{				
				GetPage(url);
			}
		});
	});
}
function GetPage(url)
{
	url = GetRealUrl(url);
	var myHTMLRequest = new Request.HTML({
		url: server + 'site.php?url=' + url.replace(/#/,''),
		onSuccess: onSuccessGetPage
	}).send();
}
function onSuccessGetPage(responseTree, responseElements, responseHTML, responseJavaScript)
{
	responseElements.each(function(el) { 
		if(el.get('id') == 'temp_sub') 
		{  
			$('subMenu').innerHTML = el.innerHTML;
		} 
		else if(el.get('id') == 'temp_content')
		{
			$('content').innerHTML = el.innerHTML;
		}
	});	
	$$('.subMenu a').each(function(el) {
		el.addEvent('click', function(event) {
			GetPage(el.get('href').trim());
		});
	});
	$$('.artikelen a').each(function(el) {
		el.addEvent('click', function(event) {
			GetPage(el.get('href').trim());
		});
	});	
}