var baseDir = "https://www.flitsenfun.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;
    }
}
var collapsableOpenIds = {};


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

function zetSubMenuMinBreedte()
{
	if(hoofdNav != undefined)
	{
		var maxBreedte = hoofdNav.width();
		if(hoofdNav.offset() != undefined)
		{
			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 trimInput()
{
alert("YO");
}
function iniVideo()
{
 	$j('.visual_video').each(function() {
 	
	 	$j(this).addClass('canplay');
        vid = $j(this).find('video');
        
        vid.prop('autoplay', $j(this).data('autoplay') == undefined ? videoDefaults.defaults.autoplay : $j(this).data('autoplay'));
        vid.prop('controls', $j(this).data('controls') == undefined ? videoDefaults.defaults.controls : $j(this).data('controls'));
        vid.prop('loop', $j(this).data('loop') == undefined ? videoDefaults.defaults.loop : $j(this).data('loop'));
        vid.prop('muted', $j(this).data('muted') == undefined ? videoDefaults.defaults.muted : $j(this).data('muted'));
        vid.prop('poster', $j(this).data('poster') == undefined ? videoDefaults.defaults.poster : $j(this).data('poster'));
        vid.prop('pauseonclick', $j(this).data('pauseonclick') == undefined ? 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 navigeerNaarAnchorOpPagina()
{
	document.location.href='';
}

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.flitsenfun.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);}));
	});
	
	
	$j('#LoginForm').on('submit',function(){
   	
   		var email = $j('#LoginForm').find('#email');
   		email.val($j.trim(email.val()));
   		var password = $j('#LoginForm').find('#password');
   		password.val($j.trim(password.val()));
   		
	});
	
});

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

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


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

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

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(call != undefined)
	{
		if(typeof call.errorMessage !== "undefined")
		{
			bootbox.alert(call.errorMessage);
		}
	}
}

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

function zetCollapsables()
{
	var clickableElement		= ".collapsable-header";

	$j(clickableElement).click(function (e) {

		$header		= $j(this);
		$content 	= $j(this).parent().find('.collapsable-body');

		if ($content)
		{
			$content.slideToggle(150, function() {
				$header.find('.collapsable-header-icon').addClass(function () {
					var id = $header.attr('id');
					var visible = false;
					if ($content.is(":visible"))
					{
						visible = true;
						$j(this).removeClass("icon-dropdown");
						$j(this).addClass("icon-dropup");
					}
					else
					{
						$j(this).removeClass("icon-dropup");
					 	$j(this).addClass("icon-dropdown");
					}
					if(id != undefined)
					{
						collapsableOpenIds[id] = visible;
					}
				});
			});
		}
	});
	
}

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

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



function erasefile(target)
{
	
	if(typeof target == "undefined")
	{
		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(typeof target != "undefined")
                        {
                            $j("#"+target+"_info").hide();
                            $j("#"+target+"_bestand").animate({height:"hide",opacity:0,width:$j("#"+target).width()},500);
                            //$j("#"+target+"_knop").animate({height:"hide",opacity:0,width:$j("#"+target).width()},500);
                        }
					}
					else
					{
                        alertJsonError(data);
					}
				},
				error: function(jqXHR, textStatus, errorThrown)
				{
					alert("fout--> -->"+textStatus+"-->"+errorThrown);
				}
			});
		}
	}
}

function keepSessionAlive()
{
	executeAjaxCall(baseDir+"resources/ajax/keepSessionAlive.php", undefined, "GET", undefined, undefined);
	setTimeout("keepSessionAlive()",300000);
}
keepSessionAlive();