var ingelogd = false;
var inglogid = "";
var inlognaam = "";
var laadwel = false;

function doeInlogVakjeWeg(jq)
{
	jq.find(".afbeelding").stop().animate({
		height: "120px"
	}, 150, "swing");
	jq.find("img").stop().animate({
		marginLeft: "-160px"
	}, 150, "swing");
	$(".inloggen").removeClass("inloggen");
}

function doeInlogVakje(jq)
{
	$(".inloggen").removeClass("inloggen");
	jq.addClass("inloggen");
	jq.find(".afbeelding").stop().animate({
		height: "90px"
	}, 150, "swing");
	jq.find("img").stop().animate({
		marginLeft: "-120px"
	}, 150, "swing");
}

function logIn(ev)
{
	var wachtwoord = $(".inloggen .veld input").val();
	var id = $(".inloggen").attr("id");
	if (wachtwoord != undefined && id != undefined)
	{
		$.getJSON("/klanten/" + id + "/login/" + wachtwoord + "/json", function(data)
		{
			if (data.ingelogd)
			{
				inlogid = id;
				ingelogd = true;
				$('.klant').unbind('mouseenter mouseleave');
				
				$('<div class="ingelogd"><span class="naam">' + (data.naam != undefined ? data.naam : "ingelogd") +
				  '</span> <a href="/klanten/loguit">uitloggen</a></div>').appendTo("header");
				
				$('header .ingelogd a').click(logUit);				
				
				globalQueue.queue(klapPaginaIn).queue(function() {
					laadwel = true;
					gaNaarPagina("klanten/" + id);
					laadwel = false;
					$(this).dequeue();
				});
			}
			else if (data.verkeerd)
			{
				$("#" + id + " > div").css({backgroundColor: "#FF0000"}).animate({backgroundColor: "#082048"}, 1500, "swing");
			}
		});
	}
	return false;
}

function logUit(ev)
{
	if (ingelogd)
	{
		$.getJSON("/klanten/loguit/json", function(data)
		{
			if (!data.ingelogd)
			{
				ingelogd = false;
				inlogid = "";
				$('.klant').unbind('mouseenter mouseleave');
				
				$("header .ingelogd").remove();			
				
				
				globalQueue.queue(klapPaginaIn).queue(function() {
					laadwel = true;
					gaNaarPagina("klanten");
					laadwel = false;
					$(this).dequeue();
				});
			}
		});
	}
	return false;
}

function klantVideoKlik(ev, geenhistory)
{
	var href = $(this).attr("href");
	var sleutel = href.replace("/klanten/" + inlogid + "/", "");

	laadKlantVideo(sleutel, false);
	
	return false;
}

function laadKlantVideo(sleutel, geenhistory)
{
	$("#"+sleutel).addClass("blijf");
	globalQueue.queue(maakDonker).queue(function() {
		var vs = maakVideoSpeler(videodata[sleutel]["pad"] + sleutel, videodata[sleutel]["formaten"], videodata[sleutel]["hd"], klantenVideoSpelerWeg);
		$("#klanten").after(vs).slideDown(400);
		
		$('<a href="/klanten/'+inlogid+'" id="sluitvideo">(sluiten)</a>').click(function() {klantenVideoSpelerWeg(false); return false;}).insertAfter(vs).hide().fadeTo(2000, 1.0);
		$(this).dequeue();
	}).queue(klapKlantenIn);
	
	if (!geenhistory)
	{
		if (window.history.pushState)
		{
			window.history.pushState("klanten/"+inlogid+"/"+sleutel, "2xp / klanten / " + inlognaam + " / " + videodata[sleutel]["titel"], "/klanten/"+inlogid+"/"+sleutel);
			popstatenu = true;
		}
		else
			window.location.hash = "klanten/"+inlogid+"/"+sleutel;
	}
	
	document.title = "2xp / klanten / " + inlognaam + " / " + videodata[sleutel]["titel"];
}

function klantenVideoSpelerWeg(geenhistory)
{
	verwijderTitel = false;
	globalQueue.queue(verwijderVideoSpeler).queue(klapKlantenUit).queue(maakLicht);
	
	if (!geenhistory)
	{
		if (window.history.pushState)
		{
			window.history.pushState("klanten/"+inlogid, "2xp / klanten / " + inlognaam, "/klanten/"+inlogid);
			popstatenu = true;
		}
		else
			window.location.hash = "klanten/"+inlogid;
	
		document.title = "2xp / klanten / " + inlognaam;
	}
	
	return false;
}

function klapKlantenIn()
{
	$("#klanten > hgroup, #klanten > p, .blokje:not(.blijf), a.videolink").fadeTo(400,0.0).slideUp(400);
	$("img.videoframe").fadeTo(400,0.7);
	$(this).dequeue();
}

function klapKlantenUit()
{
	$("#sluitvideo").remove();
	$("#klanten > hgroup, #klanten > p, .blokje:not(.blijf), a.videolink").slideDown(400).fadeTo(400,1.0);
	$("img.videoframe").fadeTo(400,1.0);
	$(".blijf").removeClass("blijf");
	$(this).dequeue();
}