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

Author:     Sander Tiekstra
Company:    Tiekstramedia
URL:        http://www.tiekstramedia.nl

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


$(document).ready(function() {
	
	/* Initiate
	------------------------------------------------------------------*/
	setHeightNavigation();
	initSiteNavigation();
	
	
	/* Initiate after scrolling and resizing
	------------------------------------------------------------------*/
	
	$(window).resize( function () {
		if ( $('#overlay').length > 0 ) setHeightOverlay();
	});
	
	$(window).scroll( function () {
	});


	
	/* Global functions
	------------------------------------------------------------------*/
	function setHeightNavigation()
	{
		var levels = $('ul#main-navigation li.breadcrumb').length > 0 ? $('ul#main-navigation li.breadcrumb').length : 1;
		$('ul#main-navigation').height( ( ( $('ul#main-navigation li').height() + 15 ) * levels ) - 15 );
		console.log($('ul#main-navigation li').height());
	}
	
	function initSiteNavigation()
	{
		$('#site-navigation ul a').click(function(e) {
			if (! $(this).hasClass("userinfo")) {
				if ( $('#overlay').length < 1 ) initOverlay();
			
				var url = $(this).attr("href");
			
				$.ajax(
					{
						url: url,
						dataType: "html",
						async: false,
						success: function(data)
						{
							var data = $(data).find('#text');
							var close = $("#overlay a.close")
							$("#overlay").html(data).prepend(close).css({visibility: "visible", top: (($('#browse-navigation').outerHeight()*-1)+1)});
						}
					}
				);
			
				return false;
			}
			// AJAX
		});
	}
	
	
	function initOverlay()
	{
		
		$('#content').append('<div id="overlay"><a href="#" class="close">Sluit venster</a></div');
		setHeightOverlay();
		
		$('#overlay').click(function(event) {
			var target = $(event.target);
			
			if ( target.is("a.close") ) {
				$('#overlay').css({ visibility: "hidden" });
				return false;				
			}
			
		});
	}
	
	
	function setHeightOverlay()
	{
		$('#overlay').height($(document).height() - $('#overlay').offset().top + $('#browse-navigation').outerHeight());
	}
		
});