var baseDir = "https://www.veldepublicatiefonds.nl/";
var jsonAjaxCallStatusOK 	= "ok";
var jsonAjaxCallStatusNOK = "nok";
var hoofdNav;
var redirectActive = false;
var device = {
    mobile: function() {
        return $j('body').data('device') == 'mobile' || window.innerWidth < 767;
    },
    tablet: function() {
        return $j('body').data('device') == 'tablet';
    },
    desktop: function() {
        return $j('body').data('device') == 'desktop' && window.innerWidth > 767;
    }
}


function handelResizeAf()
{
	hideMobileNav();
	zetSubMenuMinBreedte();
}

function zetSubMenuMinBreedte()
{
	if(!empty(hoofdNav))
	{
		var maxBreedte = hoofdNav.width();
		if(!empty(hoofdNav.offset()))
		{
			var hoofdNavOffsetLeft = hoofdNav.offset().left;
			hoofdNav.find("ul > li > ul").each(function(index)
			{
				var element = $j(this);
				var breedteUL = element.width();
				var offsetParentUL =element.parent().offset().left-hoofdNavOffsetLeft;
				if (offsetParentUL+breedteUL>maxBreedte)
				{
					element.css({marginLeft:(maxBreedte-offsetParentUL-breedteUL-3)+"px"});
				}
				element.css({minWidth:element.parent().width()+"px"});
			});
		}
	}
}

function generateUUID() {
	var d = new Date().getTime();
	var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
		var r = (d + Math.random()*16)%16 | 0;
		d = Math.floor(d/16);
		return (c=='x' ? r : (r&0x3|0x8)).toString(16);
	});
	return uuid;
}

function createPartialFunction(func /*, 0..n args */) {
	  var args = Array.prototype.slice.call(arguments, 1);
	  return function() {
	    var allArguments = args.concat(Array.prototype.slice.call(arguments));
	    return func.apply(this, allArguments);
	  };
}

function hideMobileNav()
{
	$j(".site").attr("style","left :0px");
	$j(".mobile-nav").hide();
        $j(".site").removeClass('site-uitklap');
		$j("body").removeClass('body-uitklap');
}

function showMobileNav()
{
    if ($j(".site").hasClass('site-uitklap'))
    {
		hideMobileNav();
    }
    else
    {
		$j(".mobile-nav").show();
        $j(".site").addClass('site-uitklap');
		$j("body").addClass('body-uitklap');
				$j(".site").attr("style","left:-"+($j(window).width()-50)+"px");
    }
}

var videoDefaults = {
    defaults: {
        autoplay: true,
        controls: false,
        loop: true,
        muted: true,
        poster: 'resources/img/visual-home.jpg',
        pauseonclick: false
    }
}

function iniVideo()
{
 	$j('.visual_video').each(function() {
 	
	 	$j(this).addClass('canplay');
        vid = $j(this).find('video');
        
        vid.prop('autoplay', empty($j(this).data('autoplay')) ? videoDefaults.defaults.autoplay : $j(this).data('autoplay'));
        vid.prop('controls', empty($j(this).data('controls')) ? videoDefaults.defaults.controls : $j(this).data('controls'));
        vid.prop('loop', empty($j(this).data('loop')) ? videoDefaults.defaults.loop : $j(this).data('loop'));
        vid.prop('muted', empty($j(this).data('muted')) ? videoDefaults.defaults.muted : $j(this).data('muted'));
        vid.prop('poster', empty($j(this).data('poster')) ? videoDefaults.defaults.poster : $j(this).data('poster'));
        vid.prop('pauseonclick', empty($j(this).data('pauseonclick')) ? videoDefaults.defaults.pauseonclick : $j(this).data('pauseonclick'));
        
        if (device.mobile() || device.tablet() || $j('html').hasClass('no-video')) {
            $j(this).css({
                'background-image': 'url(' + vid.prop('poster') + ')'
            });
            //vid.remove();
        } else {
        
            vid.on('canplay', function() {
            
				$j(this).addClass('canplay');
            });
            if (vid.prop('pauseonclick')) {
                vid.on('click', function() {
                    if ($j(this).prop('paused')) {
                        $j(this)[0].play();
                    } else {
                        $j(this)[0].pause();
                    }
                });
            }
        }

    });
}


function iniMenu()
{
 	$j('.hoofdnav > ul > li').each(function() {

 		$j(this).css("min-width", $j(this).width()+10);
 	
 	});
}



function deletePlaceholder(input, waarde)
{
	if (input.value==waarde)
	{
		input.value="";
	}
}

function setPlaceholder(input, waarde)
{
	if (input.value=="")
	{
		input.value=waarde;
	}
}

function showHideInlogDiv()
{
	$j(".inlogdiv").toggle();
}



function navigeerNaarAnchorOpPagina()
{
}

function getAndShowDependentInputFields(prefix, parentId, elementId, veldId)
{
	var selected = new Array();

	// INPUTS
	$cf('input[name="'+prefix+elementId+'"]').each(function() {
		if ($cf(this).is(":checked"))
		{
			selected.push($cf(this).val());
		}
	});
	
	// SELECTS
	$cf('select[name="'+prefix+elementId+'"]').each(function() {
		selected.push($cf(this).find(":selected").val());
	});

	var ajaxRequest;
	try
	{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer Browsers
		try
		{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try
			{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e)
			{
				return false;
			}
		}
	}

	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4 && ajaxRequest.status == 200)
		{
			$cf('#div'+prefix+veldId).remove();
			$cf('#div'+prefix+parentId).after(ajaxRequest.responseText);
		}
	}
	
	ajaxRequest.open("GET","https://www.veldepublicatiefonds.nl/resources/ajax/getDependentInputFieldsHTML.php?vid="+veldId+"&selected="+selected.join(),true);
	ajaxRequest.send();
}

$j(function()
{
	hoofdNav = $j(".hoofdnav");
	
	zetSubMenuMinBreedte();
	zetSelectInputPlaceholderKleur();
	zetCollapsables();

	iniMenu();
	iniVideo();

	$j(window).resize(function(){
		handelResizeAf();
    });
    
    // ROT13 encrypted mailto's decoderen
	$j('a[href^="znvygb"]').each(function() {
		$j(this).attr('href', $j(this).attr('href').replace(/[a-zA-Z]/g, function(c){return String.fromCharCode((c<="Z"?90:122)>=(c=c.charCodeAt(0)+13)?c:c-26);}));
	});
	
	visuals_setup();

	navigeerNaarAnchorOpPagina();
});

function redirect(url)
{
	if(!redirectActive)
	{
		redirectActive = true;
		window.location.href = url;
	}
}

function openFile(url)
{
	window.open(url);
}

function stopRedirectAfterClick()
{
	redirectActive = true;
	setTimeout("redirectActive = false;", 250);
}


function zetSelectInputPlaceholderKleur()
{
    $j('.inputregel_input select').change(function(){

    	if($j(this).val() != '')
    	{
    		$j(this).removeClass('kleur_tekst');
    	}
    	else
    	{
    		$j(this).addClass('kleur_tekst');
    	}
    });
}

function prefixBaseDirToUrl(url)
{
	//url should not contain a / at the beginning, that should be the end in baseDir.
	return baseDir+url;
}

function executeAjaxCall(url, completeFunction, postOrGet, data, transferFunction)
{
	$j.ajax({
		type		: postOrGet,
		url			: url,
		data		: data,
		success		: completeFunction
	});
}

function alertJsonError(call)
{
	if(!empty(call))
	{
		if(typeof call.errorMessage !== "undefined")
		{
			bootbox.alert(call.errorMessage);
		}
	}
}

function redirectSamePage()
{
	window.location.href = window.location.href;
}

function zetCollapsables()
{
	$j(".collapsable").each(function () {

		$collapsable				= $j(this);
		var clickableElement		= $collapsable;
		var openOrCloseByBodyClick	= $collapsable.attr('collapsable-data-bodyclick');

		if (openOrCloseByBodyClick == 'false')
		{
			clickableElement	= $collapsable.find(".collapsable-header:first");
		}

		$j(clickableElement).click(function (e) {
	
			$collapsable = $j(this);
			if (openOrCloseByBodyClick == 'false')
			{
				$collapsable= $j(this).parent();
			}
			$header		= $collapsable.find('.collapsable-header:first');
			$content 	= $collapsable.find('.collapsable-body:first');

			if ($content)
			{
				$content.slideToggle(150, function() {
					$header.find('.collapsable-header-text:first').text(function () {
						return $content.is(":visible") ? $collapsable.attr('collapsable-data-text-open') : $collapsable.attr('collapsable-data-text-closed');
					});
					$header.find('.collapsable-header-icon:first').addClass(function () {
						if ($content.is(":visible"))
						{
							// Specifieke on open functie
								$javascriptOnOpen = $collapsable.attr('collapsable-data-onopen');
								if (!empty($javascriptOnOpen))
								{
									try
									{
										eval($javascriptOnOpen);
									}
									catch (e)
									{
										if (false)
										{
											console.log(e.message);
										}
									}
								}
							// Algemene on open functie
								if (!empty(collapsablesOnOpen) && $j.isFunction(collapsablesOnOpen))
								{
									collapsablesOnOpen($collapsable);
								}
							$j(this).removeClass($collapsable.attr('collapsable-data-icon-closed'));
							$j(this).addClass($collapsable.attr('collapsable-data-icon-open'));
						}
						else
						{
							// Specifieke on close functie
								$javascriptOnClose = $collapsable.attr('collapsable-data-onclose');
								if (!empty($javascriptOnClose))
								{
									try
									{
										eval($javascriptOnClose);
									}
									catch (e)
									{
										if (false)
										{
											console.log(e.message);
										}
									}
								}
							// Algemene on close functie
								if (!empty(collapsablesOnClose) && $j.isFunction(collapsablesOnClose))
								{
									collapsablesOnClose($collapsable);
								}
							$j(this).removeClass($collapsable.attr('collapsable-data-icon-open'));
							$j(this).addClass($collapsable.attr('collapsable-data-icon-closed'));
						}
					});
				});
			}
		});

	});
	
}

function collapsablesOnClose(collapsable)
{
	// On close functie
	if (collapsable.find('.inputregel_input input').not(':input[type=button], :input[type=submit], :input[type=reset]'))
	{
		collapsable.find('.inputregel_input input').not(':input[type=button], :input[type=submit], :input[type=reset]').val('');
		if (typeof setVeiligheid === "function")
		{
			setVeiligheid('');
		}
	}
}

function collapsablesOnOpen(collapsable)
{
	// On open functie
}

function setPlaceholder(element, placeholder)
{
	if(!empty(element))
	{
		if(element.value == "" && element.getAttribute("placeholderReplaced") == "true")
		{
			element.value = placeholder;
		}
	}
}

function clearPlaceholder(element, placeholder)
{
	if(!empty(element))
	{
		if(element.value == placeholder)
		{
			element.value = "";
			element.setAttribute("placeholderReplaced","true");
		}
		else
		{
			if(element.getAttribute("placeholderReplaced") != "true")
			{
				element.setAttribute("placeholderReplaced","false");
			}
		}
	}
}


/**
 * Equivelant to PHP empty()
 * @param mixedVar
 * @returns boolean
 */
function empty(mixedVar)
{
	var emptyValues = [null, false, 0, '', '0', undefined, 'undefined'];

	// String
		if (typeof mixedVar === 'string')
		{
			// Trim
				mixedVar	= mixedVar.trim();
		}

	// Check length
		if (mixedVar !== undefined && mixedVar.length == 0)
		{
			return true;
		}

	// Check specific empty values
		for (var i = 0; i < emptyValues.length; i++)
		{
			if (mixedVar === emptyValues[i])
			{
				return true;
			}
		}

	return false;
}



function erasefile(target)
{
	
	if(empty(target))
	{
		alert("Niet voldoende informatie om het bestand te verwijderen");
	}
	else
	{
		if(confirm("Weet u zeker dat u het bestand wilt verwijderen?"))
		{
			url = $j("#"+target+"_url").val();
			$j.ajax({
				async: true,
				type: "GET",
				url: url,
				//dataType: "json",
				success: function(data, textStatus, jqXHR){

					if(data.status == "ok")
					{
						if(!empty(target))
                        {
                            $j("#"+target+"_info").hide();
                            $j("#"+target+"_bestand").slideUp({height:"hide",opacity:0,width:$j("#"+target).width()},500);
                        }
					}
					else
					{
                        alertJsonError(data);
					}
				},
				error: function(jqXHR, textStatus, errorThrown)
				{
					alert("fout--> -->"+textStatus+"-->"+errorThrown);
				}
			});
		}
	}
}



	var huidigeVisual  = 0;	// Index van huidige afbeelding
	var tetonenVisual  = 0;	// Index van de te tonen afbeelding

	var visuals_afbeeldingen;	// Alle afbeeldingen
	var visuals_teksten;	    // Alle teksten

	var visuals_timeouttracker = new Array();
	
	var visuals_isKlaar  = true;
	var visuals_magLopen = true;

	var visuals_animateTijdTekst 	= 1000;
	var visuals_tijdTussenAnimatie	= 7500;
	
	var visualTimerOut 	= '';
	var visualTimerIn 	= '';
	
	function visuals_setup()
	{
		$j(".visual .volgendeVisual").click(function () {
			visuals_gaVerder();
		});

		$j(".visual .vorigeVisual").click(function () {
			visuals_gaTerug();
		});
		
		
		visuals_afbeeldingen = [];
		visuals_teksten = [];
		for (var i=0; i<$j(".header-visual .imgdiv > img, .header-visual-home .imgdiv > img").length; i++)
		{
			visuals_afbeeldingen[i] = $j("img#visual"+i).attr('src');
			visuals_teksten[i] = [
				  $j("img#visual"+i).attr('visual-title'),
				  $j("img#visual"+i).attr('visual-subtitle'),
				  $j("img#visual"+i).attr('visual-button-url'),
				  $j("img#visual"+i).attr('visual-button-text')
			];
		}
		
		$j('.visualnummer-nav').each(function() {

			$j(this).hover(

				function() { 	// MOUSE OVER

					$j('.visualnummer-nav').each(function() {
						$j(this).removeClass('bol-aan');
						$j(this).addClass('bol-uit');
					});
					
					$j(this).addClass('bol-aan');

					visuals_stopAnimatie();

					var selectedIndex = $j(this).attr('visualnummer');
					visuals_gaNaarVisual(selectedIndex);
					
				},

				function(){		// MOUSE OUT

					visuals_stopAnimatie();
					visuals_startTimer();
				}
			);
		});
		
		if (visuals_afbeeldingen.length > 1)
		{
			visuals_startTimer();
		}
	}

	
	function visuals_startTimer()
	{
		visuals_zetTimeOut("visual",visuals_tijdTussenAnimatie,"visuals_gaVerder()");
	}

	
	function visuals_zetTimeOut(naam,tijd,functie)
	{
		visuals_timeouttracker[naam] = setTimeout(functie,tijd);
	}


	function visuals_gaVerder()
	{
		if(visuals_isKlaar && visuals_afbeeldingen.length > 1)
		{
			visuals_stopTimeOut("visual");
			
			tetonenVisual  = visuals_bepaalVolgendeIndex();
			visuals_magLopen = true;
			visuals_startAnimatie(tetonenVisual, true);
		}
	}


	function visuals_gaTerug()
	{
		if(visuals_isKlaar)
		{
			visuals_stopTimeOut("visual");
			
			tetonenVisual  = visuals_bepaalVorigeIndex();
			visuals_magLopen = true;
			visuals_startAnimatie(tetonenVisual, true);
		}
	}


	function visuals_bepaalVolgendeIndex()
	{
		// Laatste afbeelding? Dan terug naar eerste.
		if(huidigeVisual == visuals_afbeeldingen.length-1)
		{
			tetonenVisual = 0;
		}
		else
		{
			tetonenVisual = tetonenVisual + 1;
		}
		return tetonenVisual;
	}


	function visuals_bepaalVorigeIndex()
	{
		// Eerste afbeelding? Dan naar laatste.
		if(huidigeVisual == 0)
		{
			tetonenVisual = visuals_afbeeldingen.length-1;
		}
		else
		{
			tetonenVisual = tetonenVisual - 1;
		}
		return tetonenVisual;
	}
	
	function visuals_stopAnimatie()
	{
		visuals_magLopen = false;
		visuals_stopTimeOut("visual");
		clearTimeout(visualTimerIn);
		clearTimeout(visualTimerOut);
	}


	function visuals_stopTimeOut(naam)
	{
		clearTimeout(visuals_timeouttracker[naam]);
	}


	function visuals_startAnimatie(tetonenVisual, timerOpnieuwStarten)
	{
		if (visuals_magLopen)
		{
			visuals_magLopen = false;
			visuals_isKlaar  = false;

			$j('.visualnummer-nav').each(function() {
				$j(this).removeClass('bol-aan');
				$j(this).addClass('bol-uit');
			});
			
			$j('.visualnummer-nav[visualnummer="'+tetonenVisual+'"]').addClass('bol-aan');

			$j('.bol').animate(
					{opacity:0, queue: false},
					visuals_animateTijdTekst,
					"linear",
					function()
					{
						$j('.visual').css("background-image", "url(img/golf.png), url('"+$j('img#visual'+tetonenVisual).attr('src')+"')");

						$j('.bol > h2').html(visuals_teksten[tetonenVisual][0]);
						$j('.bol > p').html(visuals_teksten[tetonenVisual][1]);

						if (visuals_teksten[tetonenVisual][2] != '')
						{
							$j('.bol > a.button').css('opacity', 1);
							$j('.bol > a.button').attr('href', visuals_teksten[tetonenVisual][2]);
							$j('.bol > a.button button').html(visuals_teksten[tetonenVisual][3]);
						}
						else
						{
							$j('.bol > a.button').css('opacity', 0);
						}

						$j('.bol').animate({opacity:1, queue: false}, visuals_animateTijdTekst, "linear");

						if (timerOpnieuwStarten == true)
						{
							visuals_startTimer();
						}
						huidigeVisual = tetonenVisual;
						visuals_isKlaar = true;
					}
			);
		}
	}


	function visuals_gaNaarVisual(visuals_volgendeVisual)
	{
		visuals_stopAnimatie();
		
		if (visuals_volgendeVisual != huidigeVisual)
		{
			visuals_magLopen = true;
			visuals_startAnimatie(visuals_volgendeVisual, false);
		}
	}