/********************************************************************************
Code voor statistieken
********************************************************************************/

function getCookie(name) {
	var dc = document.cookie;
	var prefix = name + "=";
	var begin = dc.indexOf("; " + prefix);
	if (begin == -1) {
		begin = dc.indexOf(prefix);
		if (begin != 0) return null;
	}
	else {
		begin += 2;
	}
	var end = document.cookie.indexOf(";", begin);
	if (end == -1) {
		end = dc.length;
	}
	return unescape(dc.substring(begin + prefix.length, end));
}

function getCookieKey(name, key) {
	var cookie;
	cookie = getCookie(name);
	if (cookie != null) {
		var prefix = key + "=";
		var begin = cookie.indexOf("&" + prefix);
		if (begin == -1) {
			begin = cookie.indexOf(prefix);
			if (begin != 0) return null;
		}
		else {
			begin += 1;
		}
		var end = cookie.indexOf("&", begin);
		if (end == -1) {
			end = cookie.length;
		}
		return unescape(cookie.substring(begin + prefix.length, end));
	}
	else {
		return null;
	}
}

function updateClientStats() {
	var url;
	var c;
	if (getCookieKey('NetOffice', 'UpdateClientStats') == '1') {
		url = 'updateclientstats.asp?';
		url += 'r=' + screen.width + 'x' + screen.height + '&';
		if (navigator.appName != 'Netscape') { c = screen.colorDepth; }
		else { c = screen.pixelDepth; }
		url += 'c=' + c;
		var plaatje1 = new Image()
		plaatje1.src = url; // url oproepen
		// cookie bijwerken
		document.cookie = document.cookie.replace('UpdateClientStats=1', 'UpdateClientStats=0');
	}
}

updateClientStats();

/********************************************************************************
Code voor het resizen van blokken op de pagina, zodat ze precies aansluiten op het grid
********************************************************************************/

var elements; // array van element codes, te vullen door de aanroepende pagina
var blockHeight = 116;
var blockWidth = 245;

function resizeElements() {
	for (i = 0; i < elements.length; i++) {
		resizeElement(elements[i]);
	}
}

function resizeElement(id) {
	var elem = document.getElementById(id);
	if (elem != null) {
		var huidigeHoogte = elem.clientHeight; // pixelHeight en height kunnen undefined zijn

		// rond de nieuwe hoogte naar boven af in eenheden van "blockHeight"
		var nieuweHoogte = Math.ceil(huidigeHoogte / blockHeight);
		elem.height = nieuweHoogte * blockHeight; // .style.pixelHeight
		elem.style.height = nieuweHoogte * blockHeight;
	}
}

/********************************************************************************
Code voor het wissen van de zoekbox (werkt alleen de eerste keer)
********************************************************************************/

var zoekboxCleared = false;

function clearZoekBox(box) {
	if (!zoekboxCleared) {
		box.value = "";
		zoekboxCleared = true;
	}
}

/********************************************************************************
Code voor de "naar boven" link
********************************************************************************/

var docHeight = 0;

function scrollToTop() {
	window.scrollTo(0, 0);
}

function showTopLink() {
	if ($("body").height() > (window.innerHeight + 100)) {
		var link = document.getElementById('topLink');
		if (link != null) {
			link.style.display = 'block';
		}
	}

}

/********************************************************************************
Code voor afbeelding vergroot scherm
********************************************************************************/


function MM_openBrWindow(imageID, Beschrijving) { //v2.0
	//window.open(theURL,winName,features);
	test = window.open('', '', 'menubar=no,scrollbars=yes,resizable=yes,width=1024,height=768');
	test.document.write('<html><head><title>Afbeelding</title></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">');
	test.document.write('<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center" valign="middle">');
	test.document.write('<img src="showpicture.asp?vid=' + imageID + '" border="0" alt="' + Beschrijving + '">');
	test.document.write('</td></tr></table>');
	test.document.write('</body></html>');
}

/********************************************************************************
ALGEMENE FUNCTIONS
********************************************************************************/

function queryStr(key) {
	qs = window.location.search.substring(1);
	pairs = qs.split("&");
	for (i = 0; i < pairs.length; i++) {
		sp = pairs[i].split("=");
		if (sp[0].toUpperCase() == key.toUpperCase()) {
			return sp[1];
		}
	}
	return "";
}

/********************************************************************************
CONTENT FUNCTIONS
********************************************************************************/

function SplitContent() {
	var contentHTML = $("div#content1").html();
	arrContent = contentHTML.split("[pagebreak]");
	var sContent1 = "";
	var sContent2 = "";
	var sContent3 = "";

	sContent1 = arrContent[0];
	if (arrContent.length > 1) {
		sContent1 += "</div>";
	}

	$("div#content1").html(sContent1)

	if (arrContent.length > 1) {
		sContent2 += "<div>";
		sContent2 += arrContent[1];
		$("div#content2").html(sContent2)
	}
	else {
		$("div#content2").css("display", "none");
	}

	sContent3 = "";

	for (var i = 2; i < arrContent.length; i++) {
		sContent3 += arrContent[i];
	}

	if (sContent3 != "") {
		sContent3 = "<div>" + sContent3;
		$("div#content3").html(sContent3)
	}
	else {
		$("div#content3").css("display", "none");
	}

	var maxHeight = 0;

	$("#blokrij1 .linkContent").each(function() {
		maxHeight = ($(this).height() > maxHeight) ? $(this).height() : maxHeight;
	});

	$("#blokrij1 .linkContent > *").each(function() {
		$(this).height(maxHeight - 34);
	});

	maxHeight = 0;
	$("#blokrij2 .linkContent .innerLinkContent").each(function() {
		maxHeight = ($(this).height() > maxHeight) ? $(this).height() : maxHeight;
	});

	$("#blokrij2 .linkContent > *").each(function() {
		$(this).height(maxHeight + 0);
	});
}

function paginaInit() 
{
	var contentdiv = $("#content");
	if ($("#afbTekst",contentdiv).length == 0 && $("#blokrij1",contentdiv).length == 0)
    $("#content1",contentdiv).removeClass("contentHeader1");
  
  // Hoogte van de pagina bepalen
	var maxHeight = 0;
	
	var maxHeight = $("#left").height();
	maxHeight = ($("#content").height() > maxHeight) ? $("#content").height() : maxHeight;
  
	if (maxHeight > 0) {
		$("#left").height(maxHeight);
		$("#content").height(maxHeight);
	}

	MenuInit();
	selectMenu();
}

/********************************************************************************
MENU Functies
********************************************************************************/

function MenuInit() {
	//Standaard alle submenu's niet tonen
	$(".mnuSubMenuWrapper").hide();
	//Standaard alle subsub menu's niet tonen
	$(".mnuSubMnuLevel2Wrapper").hide();
	$(".mnuSubMnu").removeClass("mnuSubMnuSelected");
	//Laatste mnuHfdItem last item maken
	$(".mnuHfdItem:last").addClass("mnuLastHfdItem");
	// Alle spacers zichtbaar maken
	$(".mnuSpacer").show();
}

function opensubmenu(submenu) {
	//Eerst alles onzichtbaar maken
	MenuInit();
	//submenu zichtbaar maken
	$('#submnu' + submenu).show();
	//Hoofdmenu selected maken
	$(".mnuHfdItem").removeClass("mnuHfdSelected");
	$('#mnu' + submenu).addClass("mnuHfdSelected");
	// De vorige spacer onzichtbaar maken
	$('#mnu' + submenu).prev(".mnuSpacer").hide();
}

function opensubsubmenu(submenu) {
	// Eerst alle subsub menu's onzichtbaar maken
	$('.mnuSubMnuLevel2Wrapper').hide();
	// van alle subsub menu's selected afhalen
	$(".mnuSubMnu").removeClass("mnuSubMnuSelected");
	// Submenu tonen
	$('#subsubmnu' + submenu).show();
	//Subsubmenu selected maken
	$('#mnu' + submenu).addClass("mnuSubMnuSelected");
}

function selectMenu() 
{
	var pageid = queryStr("PageID");
	var parentid = "";
	var ishfdMnu = false;
  var hfdsubMenu = "";

	if (pageid != '') 
	{
		var link = $("a[href$='pageId=" + pageid + "'],a[href$='pageid=" + pageid + "']");
		if (link.parent().hasClass("mnuHfdItem")) {
			parentid = link.parent().get(0).id;
			ishfdMnu = true;
		}
		else if (link.parent().hasClass("mnuSubMnu")) {
			parentid = link.parent().get(0).id;
			parentid = parentid.replace("mnu", "");
			
			hfdsubMenu = link.parent().parent().prev().get(0).id;
			if (link.parent().next().hasClass("mnuSubMnuLevel2Wrapper")) 
      {
        ishfdMnu = false;
      }
      else 
      {
        parentid = hfdsubMenu;
        ishfdMnu = true;
      }      
		}
		else if (link.parent().hasClass("mnuSubMnuLevel2")) {
      parentid = link.parent().parent().prev().get(0).id;
      parentid = parentid.replace("mnu", "");
			hfdsubMenu = $('#subsubmnu' + parentid).parent().prev().get(0).id;
			ishfdMnu = false;    
    }
		
		if (parentid != '') 
		{
			link.addClass("selected");
			parentid = parentid.replace("mnu", "");
			if (ishfdMnu)
				opensubmenu(parentid);
			else 
			{
				// hoofdmenu bepalen
				hfdsubMenu = hfdsubMenu.replace("mnu", "");
				opensubmenu(hfdsubMenu);
				opensubsubmenu(parentid);
			}			
		}
	}
}

/********************************************************************************
Screenshots
********************************************************************************/

function showScreenshot() 
{
  	var txtContainer = $("#divContent");
  	var txtTitle = $("#divTitel");
  	var number = $(this).attr("number");
  	txtContainer.html(arrScreenshots[number].samenvatting + "<br/><br/>");
  	txtTitle.html("<br/>" + arrScreenshots[number].titel + "<br/>");
  	$(".imgAfb").attr("src", "showpicture.asp?vid=" + arrScreenshots[number].afdidgroot);
  	
  	for(var i = 0; i < arrScreenshots.length; i++) 
      $("#scrAfb_" + i).removeClass("scrAfbSelected");
    
    $("#scrAfb_" + number).addClass("scrAfbSelected"); 	
}

function Screenshots() {
	var container = $("#scrContainer");	
	var sContainer = "";
  for (var i = 0; i < arrScreenshots.length ; i++) {
		if (arrScreenshots[i] != null) {
		  var img = $(document.createElement("img")).attr( {
        "id":"scrAfb_" + i,
        "src":"showpicture.asp?vid=" + arrScreenshots[i].afdidklein, 
        "number":i
        })
        .addClass("scrAfbKlein")
        .click(showScreenshot);
        
        container.append(img);
		}
	}	
	
		$(function(){ 
      $("#scrContainer").mbScrollable({ 
        width:540, 
        height:"auto", 
        controls:"#controls",
        elementMargin:20, 
        autoscroll:false  
      }); 
    });  
  
  $("#scrContainer img:first").triggerHandler("click");
}

/********************************************************************************
Nieuwsoverzicht
********************************************************************************/

var AantalPerPagina = 8;

function NieuwsOverzicht() {
	VulNieuws(1);
}

function VulNieuws(paginaNr) {
	var container = $("#NieuwsOverzicht");
	var pags = $("#NieuwsPaginas");

	var sContainer = "";

	container.html("");

	var i = (paginaNr * AantalPerPagina) - AantalPerPagina;
	for (i; i < (paginaNr * AantalPerPagina); i++) {
		if (arrOverzicht[i] != null) {
			sContainer += "<div>";
			sContainer += "<div class='kopNieuwsbericht'>" + arrOverzicht[i].titel + "</div>";
			if (arrOverzicht[i].samenvatting != "") {
				sContainer += "<div class='nieuwsberichtInhoud'>" + arrOverzicht[i].samenvatting + "</div>";
			}
			sContainer += "<a class='LinkContentLink' href='default.asp?item=" + arrOverzicht[i].id + "'>meer informatie</a>";
			sContainer += "</div><br/>";
		}
	}

	container.html(sContainer);

	pags.html("");
	// Hier de pagina's bepalen
	var totaalAantalItems = arrOverzicht.length;
	var aantalPaginas = Math.ceil(totaalAantalItems / AantalPerPagina);

	var sPaginas = "";
	sPaginas += "<div>pagina: ";

	for (var j = 1; j <= aantalPaginas; j++) {
		if (j != paginaNr) {
			sPaginas += "<a class='link' href='javascript:VulNieuws(" + j + ");'>" + j + "</a>";
		} else {
			sPaginas += j;
		}
		sPaginas += " ";
	}

	sPaginas += "</div>"

	pags.html(sPaginas);
}
