var homepage = 'index';
var currentPage = '';
var navigationByAjaxCalls = false;

setCurrentPage = function(newCurrentPage) {
	currentPage = newCurrentPage;
	if(getCurrentPage() == '' || getCurrentPage() == homepage) {
		navigationByAjaxCalls = true;
		addIconAjaxCall();
	}
}

getCurrentPage = function() {
	return currentPage;
}

glow = function(icon, glowOn, withAnimation) {
	var opacityValue = glowOn ? 1 : 0;
	if(withAnimation) {
		$(icon).find('div.hover').animate({opacity: opacityValue}, {queue: false});
	}
	else {
		$(icon).find('div.hover').css({opacity: opacityValue});
	}
}

$(document).ready(function() {

	//set opacity to 0 for bug in IE
	$.each($("div#menuJquery div.icon"), function(index, value) {
		$(this).css({opacity: 0});
		$(this).find('div.hover').css({opacity: 0});
		$(this).find('div.delimiter').css({opacity: 0});
	});
	
	$("a").focus(function() {
		this.blur();
	});

	$("div#menuJquery div.icon").hover(
		function() {
			$.each($("div#menuJquery div.icon"), function(index, value) {
				glow(this, false, true);
			});
			glow(this, true, true);
			
		},
		function() {
			if($(this).find('a').attr("href") != currentPage) {
				glow(this, false, true);
			}
			$.each($("div#menuJquery div.icon"), function(index, value) {
				if($(value).attr('id') == currentPage) {
					glow(this, true, true);
				}
			});
		}
	);
	
	var presentMenuAlreadyFired = false;
		
	presentMenu = function (withAnimation) {
		if(presentMenuAlreadyFired == false) {
			presentMenuAlreadyFired = true;
			
			$('div#menuJquery').css({left: '0px'});
			var offset = '74px';
			
			if(withAnimation) {
				
				var speed = 500;
				var speedDelimiter = 800;
				$('div#menuJquery div#research_development').animate({opacity: 1, left: offset}, speed, function() {
					$('div#menuJquery div#video').animate({opacity: 1, left: offset}, speed, function() {
						$('div#menuJquery div#websites').animate({opacity: 1, left: offset}, speed, function() {
							$('div#menuJquery div#apps').animate({opacity: 1, left: offset}, speed, function() {
								$("div#menuJquery div.delimiter").animate({opacity: 1}, speedDelimiter);
							});
						});
					});
				});
			}
			else {
				$('div#menuJquery div#research_development').css({opacity: 1, left: offset});
				$('div#menuJquery div#video').css({opacity: 1, left: offset});
				$('div#menuJquery div#websites').css({opacity: 1, left: offset});
				$('div#menuJquery div#apps').css({opacity: 1, left: offset});
				$("div#menuJquery div.delimiter").css({opacity: 1});
				glow("div#menuJquery div#" + currentPage, true, false);
			}
		}
	}
	
	setTimeout("presentMenu(true)", 3000);
	
	$(window).bind("load", function() {
		presentMenu(navigationByAjaxCalls);
	});
		
});
	
loadInternalLink = function(page) {
	var lnk = "content/" + page + ".php";
	setCurrentPage(page);
	$.each($("div#menuJquery div.icon"), function(index, value) {
		if($(value).attr("id") != currentPage) {
			glow(this, false, true);
		}
		else {
			glow(this, true, true);
		}
	});
	$.ajax({
		url: lnk,
		beforeSend: function() {
			//$("div#mainContent div#mainContentText").html('Loading...');
		},
		success: function(d) {
			$("div#mainContent div#mainContentText").html(d);
		},
		error: function() {
			$("div#mainContent div#mainContentText").html('De pagina bestaat niet');
		}
	});
}

addLinkHandlers = function() {
	if(navigationByAjaxCalls) {
		$("div#mainContent div#mainContentText .websitesLink").click(function(){loadInternalLink('websites'); return false;});
		$("div#mainContent div#mainContentText .appsLink").click(function(){loadInternalLink('apps'); return false;});
		$("div#mainContent div#mainContentText .videoLink").click(function(){loadInternalLink('video'); return false;});
		$("div#mainContent div#mainContentText .rdLink").click(function(){loadInternalLink('research_development'); return false;});
		$(".rnwSmsLink").click(function(){loadInternalLink('rnw_sms'); return false;});
		$(".shannaVideoLink").click(function(){loadInternalLink('shannaVideo'); return false;});
	}
}

addIconAjaxCall = function() {

	$("div#menuJquery div.icon").click(function() {
		var lnk = "content/" + $(this).attr("id") + ".php";
		setCurrentPage($(this).attr("id"));
		$.each($("div#menuJquery div.icon"), function(index, value) {
			if($(value).attr("id") != currentPage) {
				glow(this, false, true);
			}
		});
		
		$.ajax({
			url: lnk,
			beforeSend: function() {
				//$("div#mainContent div#mainContentText").html('Loading...');
			},
			success: function(d) {
				$("div#mainContent div#mainContentText").html(d);
			},
			error: function() {
				$("div#mainContent div#mainContentText").html('De pagina bestaat niet');
			}
		});
		return false;
	});
}