images = new Array();
imagesNr = 0;
remote = new Array();
remoteNr = 0;
onloadFunc = new Array();
onloadFuncNr = 0;

function startup(){
  if(!noStart){
  	if (document.forms.length>0){
  	  i=0;
  		toFocus = true;
  	  while(document.forms[i].style.display == 'none'){
  		  i++;
  			if(i>document.forms.length-1){
  				toFocus = false;
  				break;
  			}
  		}
  		if(toFocus){
			  for(j=0;j<document.forms[i].elements.length;j++){
  			  if((document.forms[i].elements[j].type!="hidden")&&(document.forms[i].elements[j].style.visibility != "hidden")){
				    document.forms[i].elements[j].focus()
					  break;
					}
				}
			}
  	}
  	
  	setBlokken();
  	if(document.getElementById('welcome')!=null)
  		show('welcome');
		show('voegToeFrame')
	}
  show('title')
	show('bottom1')
	show('bottom2')
	
	if(!noStart)
	  document.getElementById("infoImage").src = "infoImage.php?id="+idString;
}

function secondStartup(){
  loadRemote();
	loadImages();
	loadOnloadFunc();
}

function loadRemote(){
	for(k=0; k<remote.length; k++){
	  showNieuws(remote[k][0],remote[k][0],remote[k][1]);
	}
}

function loadImages(){
  for(k=0; k<images.length; k++){
	  document.getElementById(images[k][0]).src = images[k][1];
	}
}

function loadOnloadFunc(){
  for(k=0; k<onloadFunc.length; k++){
	  eval(onloadFunc[k]);
	}
}

var xmlHttp = new Array();
function showNieuws(target,str,remote){
  var arrayId = Math.random()
  xmlHttp[arrayId] = GetXmlHttpObject()
  if (xmlHttp[arrayId]==null){
    document.getElementById(target).innerHTML = "Met deze browser werkt deze functie niet!";
		return
  }
  var url="remotes/"+remote+".php"
  url=url+"?q="+str
  url=url+"&sid="+Math.random()
  xmlHttp[arrayId].onreadystatechange = function(){showNieuwsReady(target,arrayId)};
  xmlHttp[arrayId].open("GET",url,true)
  xmlHttp[arrayId].send(null)
}

function showNieuwsReady(target,arrayId){ 
  if (xmlHttp[arrayId].readyState==4 || xmlHttp[arrayId].readyState=="complete"){ 
    document.getElementById(target).innerHTML=xmlHttp[arrayId].responseText
		setBlokken();
  } 
}

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

function addBlok(p,cat){
	document.getElementById("catContent["+cat+"]").innerHTML = "<div style=\"padding-right:10%;\"><center><table border=\"0\" style=\"height:94px;\" cellpadding=\"0\" cellspacing=\"0\"><tr><td align=\"center\">Blok wordt geladen...</td></tr></table></center></div>"
	
	if(document.getElementById('blok'+p)!=null){
		columnMinNr = minHoogteColumn();
		columnTotalMinNr = 0;
		for(i=1;i<=columnMinNr;i++){
		  columnTotalMinNr += blokColumn[i]
		}
		blok.splice(columnTotalMinNr,0,p)
  	blokColumn[columnMinNr]++
		document.getElementById('blok'+p).style.top=-1000;
  	show('blok'+p)
		setBlokken();
  	makeIdString();
		changeVoegToeBlok(cat)
	}else{
  	var arrayId = Math.random().toString();
    xmlHttp[arrayId] = GetXmlHttpObject()
    if (xmlHttp[arrayId]==null){
      document.getElementById('voegToeBlokken').innerHTML = "Met deze browser werkt deze functie niet!";
  		return
    }
    var url="remotes/remoteVoegBlokToe.php"
    url=url+"?blok="+p
    url=url+"&sid="+Math.random()
    xmlHttp[arrayId].onreadystatechange = function(){remoteVoegBlokToe(arrayId,p,cat)};
    xmlHttp[arrayId].open("GET",url,true)
    xmlHttp[arrayId].send(null)
  }
}

function remoteVoegBlokToe(arrayId,p,cat){
  if (xmlHttp[arrayId].readyState==4 || xmlHttp[arrayId].readyState=="complete"){ 
		newElement = document.createElement('div');
		newElement.innerHTML = xmlHttp[arrayId].responseText;
		document.getElementById('frame').insertBefore(newElement,null)
		
		columnMinNr = minHoogteColumn();
		columnTotalMinNr = 0;
		for(i=1;i<=columnMinNr;i++){
		  columnTotalMinNr += blokColumn[i]
		}
		blok.splice(columnTotalMinNr,0,p)
  	blokColumn[columnMinNr]++
		makeIdString();
		
		remoteJs(p,cat)

  	setBlokken();
  	changeVoegToeBlok(cat)
  }
}

function remoteJs(p,cat){
  var arrayId = Math.random()
  xmlHttp[arrayId] = GetXmlHttpObject()
  if (xmlHttp[arrayId]==null){
    alert("Met deze browser werkt deze functie niet!");
 	  return
  }
  var url="script/"+idincludes[p]+".js"
  xmlHttp[arrayId].open("GET",url,false)
  xmlHttp[arrayId].send(null)
	
	eval(xmlHttp[arrayId].responseText)
	secondStartup();
}

function minHoogteColumn(){
  blokHoogte = BlokHoogte()
	columnHoogte = new Array()
	columnHoogteExtra = 0;
  for(i=1;i<blokColumn.length;i++){
	  //if((i+1)==blokColumn.length){
		//	columnHoogte[i] = document.getElementById("blok0").offsetHeight-2 + dragObj.marginBottom;
		//}else{
		  columnHoogte[i] = 0;
    //}
    for(j=0;j<blokColumn[i];j++){
		  columnHoogte[i] += blokHoogte[j+columnHoogteExtra] + dragObj.marginBottom;
		}
	  columnHoogteExtra += blokColumn[i]
	}
	columnHoogteMin = 99999999999;
	columnTotalMinNr = 1;
	for(i=1;i<columnHoogte.length;i++){
		if(columnHoogte[i]<columnHoogteMin){
		  columnHoogteMin = columnHoogte[i];
		  columnTotalMinNr = i
		}
	}
	return columnTotalMinNr;
}

function show(id){
  document.getElementById(id).style.display='block';
}

function hide(id){
  document.getElementById(id).style.display='none';
}

function showOrHide(id){
  element = document.getElementById(id)
  if(element.style.display == "none")
	  show(id)
	else
	  hide(id)
}

function scrollNieuws(newsItem,dir){
  firstItem = -1;
	lastItem = -1;
	i=0;
	while(document.getElementById(newsItem+"link["+i+"]")!=null){
	  if((document.getElementById(newsItem+"link["+i+"]").style.display=="inline")&&(firstItem==-1))
	    firstItem = i
	  if((firstItem!=-1)&&(lastItem==-1)&&(document.getElementById(newsItem+"link["+i+"]").style.display=="none"))
		  lastItem = i
	  i++;
	}
	if(lastItem == -1)
    lastItem = i;
	newsMax = i;
	
	if(dir==1){
	  if((document.getElementById(newsItem+"link["+firstItem+"]")!=null)&&(document.getElementById(newsItem+"link["+lastItem+"]")!=null)){
  	  document.getElementById(newsItem+"link["+firstItem+"]").style.display = "none";
  		document.getElementById(newsItem+"link["+lastItem+"]").style.display = "inline";
  		if(lastItem == (newsMax-1))
  		  document.getElementById("scroll"+newsItem+"Down").style.visibility = "hidden"
  		document.getElementById("scroll"+newsItem+"Up").style.visibility = "visible"
		}
	}else{
	  if((document.getElementById(newsItem+"link["+(firstItem-1)+"]")!=null)&&(document.getElementById(newsItem+"link["+(lastItem-1)+"]")!=null)){
  	  document.getElementById(newsItem+"link["+(firstItem-1)+"]").style.display = "inline";
  		document.getElementById(newsItem+"link["+(lastItem-1)+"]").style.display = "none";
  		if((firstItem-1) == 0)
  		  document.getElementById("scroll"+newsItem+"Up").style.visibility = "hidden"
  		document.getElementById("scroll"+newsItem+"Down").style.visibility = "visible"
		}
	}
}

function deleteBlok(nr){
	hide("blok"+nr);
	blokNew = new Array();
	for(i=0;i<blok.length;i++){
	  if(blok[i] == nr){
		  p = i;
			break;
		}
	}
	blokColumnTotaal = 0
  for(i=1;i<blokColumn.length;i++){
	  blokColumnTotaal +=blokColumn[i] 
		if(p < blokColumnTotaal){
		  blokColumn[i]--
			break;
		}
	}
	
	blok.splice(p,1)

	while((blokColumn.length>2)&&(blokColumn[blokColumn.length-1]==0)){
		blokColumn.splice(blokColumn.length-1,1)
	}

	setBlokken();
	makeIdString();
	
	cat = null
	for(i=0;i<categorieNr;i++){
	  if((document.getElementById("catContent["+i+"]")!=null)&&(document.getElementById("catContent["+i+"]").style.display=="block")){
		  cat = i;
			break;
		}
	}
	changeVoegToeBlok(cat);
}

function makeIdString(){
	idString = "id-"
	idStringExtra = 0;
	for(i=1;i<blokColumn.length;i++){
  	for(j=0; j<blokColumn[i]; j++){
  	  if (blok[j+idStringExtra]<10){
  		  idString += "0" + blok[j+idStringExtra] +"";
  		}else{
  		  idString += blok[j+idStringExtra] +"";
  		}
  	}
		if(i!=(blokColumn.length-1))
		  idString += "-"
		idStringExtra += blokColumn[i]
	}
  changeSetHomePageLink(idString);
	setCookie('idut',idString,60);
}

function changeVoegToeBlok(cat){
	if(cat!=null)
	  showCat(cat,true)
}

function minimizeVoegToe(){
  hide('voegtoe');
	show('voegtoeminimize');
	setCookie('voegtoe','show',60);
  for(i=0;i<categorieNr;i++){
    hide("catContent["+i+"]");
	  document.getElementById("catTitle["+i+"]").style.background = "#ffffff"
	}
}

function showCat(catId,alwaysShow){
  document.getElementById("catContent["+catId+"]").innerHTML = "<div style=\"padding-right:10%;\"><center><table border=\"0\" style=\"height:94px;\" cellpadding=\"0\" cellspacing=\"0\"><tr><td align=\"center\">Beschikbare blokken wordt geladen...</td></tr></table></center></div>"
	if(alwaysShow){
	  showedCat = true
	}else{
  	if(document.getElementById("catContent["+catId+"]").style.display=="none")
  	  showedCat = true
  	else
  	  showedCat = false
	}
	if(catId!=null)
    str = idString+"&cat="+catId
	else
	  str = idString
	
  showNieuws("catContent["+catId+"]",str,'remoteVoegToeCat');	 
		
	for(i=0;i<categorieNr;i++){
	  hide("catContent["+i+"]");
		document.getElementById("catTitle["+i+"]").style.background = "#ffffff"
	}
	if(showedCat){
    show("catContent["+catId+"]");
 		document.getElementById("catTitle["+catId+"]").style.background = "#e5eef1"
	}
}

function setCookie(c_name,value,expiredays){
	var today = new Date();
	var expire = new Date();
	expire.setTime(today.getTime() + 3600000*24*expiredays);
  document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+expire.toGMTString())
}

function Browser() {
  var ua, s, i;
  this.isIE    = false;
  this.isNS    = false;
  this.version = null;
  ua = navigator.userAgent;

  s = "MSIE";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isIE = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }
  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }
  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
  }
}

var browser = new Browser();

var dragObj = new Object();
dragObj.zIndex = 0;
dragObj.selected = false;
dragObj.width = 290;
dragObj.marginLeft = 23;
dragObj.marginBottom = 23;

function dragStart(event, nr) {
  if(!dragObj.selected){
  	var el, x, y;
		for(i=0;i<blok.length;i++){
		  if(blok[i] == nr){
			  dragObj.p = i;
				break;
			}
		}
		
		if(document.getElementById("divOutput")!=null)
		  HideTheBox();
		
		dragObj.nr = nr;
		dragObj.selected = true;
  	dragObj.windowWidth = window.innerWidth;
  	if(isNaN(dragObj.windowWidth)){
  		dragObj.windowWidth = document.documentElement.clientWidth 	  
    	if(!(dragObj.windowWidth>0))
    		dragObj.windowWidth = document.body.clientWidth
  	}
  	dragObj.elNode = document.getElementById("blok"+nr);
  	dragObj.elNodeHeight = dragObj.elNode.offsetHeight-2;
  	dragObj.move = document.getElementById('moveBlok');
  	dragObj.move.innerHTML = dragObj.elNode.innerHTML;
  	dragObj.move.style.height = dragObj.elNodeHeight+ "px";
  	dragObj.move.style.display='block';
  	dragObj.elNode.innerHTML = "<div style='background:#e5eef1;height:" + dragObj.elNodeHeight+ "px;'></div>";
	  x = mouseX(event)
    y = mouseY(event)
    dragObj.cursorStartX = x;
    dragObj.cursorStartY = y;
  	var coords = getPageCoords(dragObj.elNode)
    dragObj.elStartLeft  = coords.x + 1
    dragObj.elStartTop   = coords.y
    if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
    if (isNaN(dragObj.elStartTop))  dragObj.elStartTop  = 0;
  	dragObj.xPos = dragObj.elStartLeft;
  	dragObj.yPos = dragObj.elStartTop;
		blokColumnTotaal = 0
  	for(i=1;i<blokColumn.length;i++){
		  blokColumnTotaal +=blokColumn[i] 
			if(dragObj.p<blokColumnTotaal){
			  dragObj.column = i
				break;
			}
		}
    dragObj.move.style.zIndex = ++dragObj.zIndex;
  	dragObj.move.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px";
    dragObj.move.style.top  = (dragObj.elStartTop  + y - dragObj.cursorStartY) + "px";
  	
    if(document.addEventListener){
    	document.addEventListener("mousemove", dragGo,   true);
      document.addEventListener("mouseup",   dragStop, true);
  		document.addEventListener("mousedown", dragStop, true);
      event.preventDefault();
    }else if(document.attachEvent){
    	document.attachEvent("onmousemove", dragGo);
      document.attachEvent("onmouseup",   dragStop);
			document.attachEvent("onmousedown", dragStop);
      window.event.cancelBubble = true;
      window.event.returnValue = false;
    }
	}
}
function mouseX(evt) {
  if (evt.pageX)
	  return evt.pageX;
  else if (evt.clientX)
    return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
  else
	  return 0;
}
function mouseY(evt) {
  if (evt.pageY)
	  return evt.pageY;
  else if (evt.clientY)
    return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
  else
	  return 0;
}

function dragGo(event) {
  var x, y;
  x = mouseX(event)
  y = mouseY(event)
	dragObj.newXpos = dragObj.elStartLeft + x - dragObj.cursorStartX;
	dragObj.newYpos = dragObj.elStartTop  + y - dragObj.cursorStartY;
  dragObj.move.style.left = dragObj.newXpos + "px";
  dragObj.move.style.top  = dragObj.newYpos + "px";
	var firstColumnCoords = getPageCoords(document.getElementById('frame'))
	firstColumnStart = firstColumnCoords.x+dragObj.marginLeft;

	i = dragObj.column
  
	// Blok verplaatsen in eigen kolom
  if( (  (dragObj.newXpos > (firstColumnStart + (i-1.5)*(dragObj.marginLeft+dragObj.width)))&&
	       (dragObj.newXpos < (firstColumnStart + (i-0.5)*(dragObj.marginLeft+dragObj.width)))   )||
		  (  (i==1)&&(dragObj.newXpos < (firstColumnStart + (i-0.5)*(dragObj.marginLeft+dragObj.width))))){
		dragObj.pMin = 0
		dragObj.pMax = blokColumn[1]-1;
		for(j=1;j<dragObj.column;j++){
		  dragObj.pMin += blokColumn[j]
			dragObj.pMax += blokColumn[j+1];
		}
		// Blok omhoog
 		if((dragObj.p > dragObj.pMin)&&( (dragObj.yPos-dragObj.newYpos) > (blokHoogte[dragObj.p-1]*2/3 + dragObj.marginBottom))){
 			swap(dragObj.p,-1)
 			setBlokken();
 			resetBlok(dragObj.nr);
		// Blok omlaag
 		}else if((dragObj.p < dragObj.pMax)&&( (dragObj.newYpos-dragObj.yPos) > (blokHoogte[dragObj.p+1]*2/3  + dragObj.marginBottom))){
 			swap(dragObj.p,1)
 			setBlokken();
 			resetBlok(dragObj.nr);
 		}
	
	// Blok naar nieuwe rechter kolom verplaatsen
 	}else if((i==blokColumn.length-1)&&(dragObj.newXpos > (firstColumnStart + (i-0.5)*(dragObj.marginLeft+dragObj.width)))){
	  makeColumn(dragObj.p,blok.length-1);
		setBlokken();
  	resetBlok(dragObj.nr);
	
	// Blok naar andere al aanwezige kolom verplaatsen
	}else{
	  // Blok naar linker kolom verplaatsen
		if((i!=1)&&(dragObj.newXpos <= (firstColumnStart + (i-1.5)*(dragObj.marginLeft+dragObj.width)))){
		  blokZero = blokColumn[i-1];
  		indexZero = 0;
  		kStart = 0;
			kEnd = blokColumn[1];
			for(j=1;j<(dragObj.column-1);j++){
  		  indexZero += blokColumn[j]
			  kStart += blokColumn[j]
			  kEnd += blokColumn[j+1]
  		}
			functieBlok = new Array()
			for(j=1;j<blokColumn.length;j++){
			  if(j==(i-1))
				  functieBlok[j] = 1
				else if(j==i)
	  		  functieBlok[j] = -1
				else
				  functieBlok[j] = 0
			}
  		kEndExtra = 1;
		// Blok naar rechter kolom verplaatsen
		}else{
			blokZero = blokColumn[i+1];
  		indexZero = -1;
  		kStart = 0;
			kEnd = blokColumn[1];
			for(j=1;j<=dragObj.column;j++){
  		  indexZero += blokColumn[j]
			  kStart += blokColumn[j]
			  kEnd += blokColumn[j+1]
  		}
			functieBlok = new Array()
			for(j=1;j<blokColumn.length;j++){
		    if(j==(i+1))
				  functieBlok[j] = 1
				else if(j==i)
				  functieBlok[j] = -1
				else
				  functieBlok[j] = 0
			}
    	kEndExtra = 0;
		}
		// Blok daadwerkelijk naar andere kolom verplaatsen
		//if((functieBlok[(i+1)]==1)&&((i+2)==blokColumn.length)){
		//  yPosBlok1 = firstColumnCoords.y + blokHoogte[kStart]*0.5 + document.getElementById("blok0").offsetHeight-2 + dragObj.marginBottom
    //}else{
		  yPosBlok1 = firstColumnCoords.y + blokHoogte[kStart]*0.5
		//}
		if((dragObj.newYpos < yPosBlok1)||(blokZero==0)){
 		  swap2(dragObj.p, indexZero, functieBlok)
 		  setBlokken();
 		  resetBlok(dragObj.nr);
 		}else{
 		  for(k=kStart;k<kEnd;k++){
				if( (blokHoogte.length-1) > (k+1) ){
   		    yPosBlok2 = yPosBlok1 + blokHoogte[k]*0.5 + blokHoogte[k+1]*0.5 + dragObj.marginBottom;
				}else{
			    yPosBlok2 = yPosBlok1 + blokHoogte[k]*0.5 + dragObj.marginBottom;
    		}
				if((dragObj.newYpos >= yPosBlok1)&&(dragObj.newYpos <= yPosBlok2)){
    			swap2(dragObj.p, k+kEndExtra, functieBlok)
    			setBlokken();
    			resetBlok(dragObj.nr);
    			break;
    		}else{
    		  if(k==kEnd-1){
    				swap2(dragObj.p, k+kEndExtra, functieBlok)
    				setBlokken();
    				resetBlok(dragObj.nr);
    				break;
    			}else{
    			  yPosBlok1 = yPosBlok2
    			}
    		}
     	}
    }
	}

	if(document.addEventListener) {
	  event.preventDefault();
	}else if(document.attachEvent){
	  window.event.cancelBubble = true;
    window.event.returnValue = false;
	}
}

function dragStop(event) {
	dragObj.elNode.innerHTML = dragObj.move.innerHTML;
	dragObj.move.innerHTML = "";
	dragObj.move.style.display='none';
	
	makeIdString();

  if (document.removeEventListener) {
    document.removeEventListener("mousemove", dragGo,   true);
    document.removeEventListener("mouseup",   dragStop, true);
		document.removeEventListener("mousedown", dragStop, true);
  }
  else if (document.detachEvent) {
    document.detachEvent("onmousemove", dragGo);
    document.detachEvent("onmouseup",   dragStop);
		document.detachEvent("onmousedown", dragStop);
  }
	dragObj.selected = false;
}

function getPageCoords(element) {
	var coords = {x: 0, y: 0};
	while (element) {
		coords.x += element.offsetLeft;
		coords.y += element.offsetTop;
		element = element.offsetParent;
	}
	return coords;
}

function swap(indexOud, functie){
	blokOud = blok[indexOud+functie];
	blok[indexOud+functie] = blok[indexOud]
	blok[indexOud] = blokOud
}

function swap2(indexOud, indexNieuw, functieBlok){
	if(indexOud != indexNieuw){
	  waardeOud = blok[indexOud];
    if(indexOud<indexNieuw){
    	for(j=indexOud;j<indexNieuw;j++){
    	  blok[j] = blok[j+1];
    	}
  	}else{
  	  for(j=indexOud-1;j>=indexNieuw;j--){
    	  blok[j+1] = blok[j];
    	}
  	}
  	blok[indexNieuw] = waardeOud;
	}
	for(j=1;j<blokColumn.length;j++){
	  blokColumn[j] += functieBlok[j] 
	}
	
	while(blokColumn[blokColumn.length-1]==0){
	  blokColumn.splice(blokColumn.length-1,1)
	}
}

function makeColumn(indexOud, indexNieuw){
  blokColumn[blokColumn.length-1]--
	blokColumn[blokColumn.length] = 1
	
	if(indexOud != indexNieuw){
	  waardeOud = blok[indexOud];
   	for(j=indexOud;j<indexNieuw;j++){
   	  blok[j] = blok[j+1];
   	}
  	blok[indexNieuw] = waardeOud;
	}
}

function resetBlok(nr){
  var coords = getPageCoords(dragObj.elNode)
  dragObj.xPos = coords.x
  dragObj.yPos = coords.y
		
  if (isNaN(dragObj.xPos)) dragObj.xPos = 0;
  if (isNaN(dragObj.yPos)) dragObj.yPos  = 0;
	
	for(i=0;i<blok.length;i++){
	  if(blok[i] == nr){
		  dragObj.p = i;
			break;
		}
	}
	
	blokColumnTotaal = 0
  for(i=1;i<blokColumn.length;i++){
	  blokColumnTotaal +=blokColumn[i] 
		if(dragObj.p<blokColumnTotaal){
		  dragObj.column = i
			break;
		}
	}
}

function setBlokken(){
  blokHoogte = BlokHoogte();
	setHoogteFrame();
	setBreedteFrame();
	blokHoogteTussen = new Array();
	blokHoogteExtra = 0;
	for(i=1;i<blokColumn.length;i++){
	  //if((i+1)==blokColumn.length){
		//  document.getElementById("blok0").style.left = i*dragObj.marginLeft + (i-1)*dragObj.width;;
	  //	document.getElementById("blok0").style.top = 0;
		//	blokHoogteTussen[i] = document.getElementById("blok0").offsetHeight-2 + dragObj.marginBottom;
		//}else{
		  blokHoogteTussen[i] = 0;
    //}
		for(j=0;j<blokColumn[i];j++){
		  document.getElementById("blok"+blok[j+blokHoogteExtra]).style.left = i*dragObj.marginLeft + (i-1)*dragObj.width;
			document.getElementById("blok"+blok[j+blokHoogteExtra]).style.top = blokHoogteTussen[i];
			blokHoogteTussen[i] += blokHoogte[j+blokHoogteExtra] + dragObj.marginBottom;
		}
	  blokHoogteExtra += blokColumn[i]
	}
}

function BlokHoogte(){
  blokHoogte = new Array();
  for(i=0;i<blok.length;i++){
	  blokHoogte[i] = document.getElementById("blok"+blok[i]).offsetHeight-2;
	}
	return blokHoogte;
}

function setHoogteFrame(){
  frameHoogte = new Array()
	frameHoogteExtra = 0;
  for(i=1;i<blokColumn.length;i++){
	  //if((i+1)==blokColumn.length){
		//	frameHoogte[i] = document.getElementById("blok0").offsetHeight-2 + dragObj.marginBottom;
		//}else{
		  frameHoogte[i] = 0;
    //}
    for(j=0;j<blokColumn[i];j++){
		  frameHoogte[i] += blokHoogte[j+frameHoogteExtra] + dragObj.marginBottom;
		}
	  frameHoogteExtra += blokColumn[i]
	}
  frameHoogteMax = 0;
	for(i=1;i<frameHoogte.length;i++){
		if(frameHoogte[i]>frameHoogteMax)
		  frameHoogteMax = frameHoogte[i];
	}
	document.getElementById('frame').style.height = frameHoogteMax + "px"
}

function setBreedteFrame(){
	if(blokColumn.length>1)
    breedteFrame = (blokColumn.length-1)*(dragObj.width+dragObj.marginLeft) + dragObj.marginLeft
	else
	  breedteFrame = 1*(dragObj.width+dragObj.marginLeft) + dragObj.marginLeft
	breedteBreed = (breedteFrame-2*dragObj.marginLeft-(blokColumn.length-1)*2)
	
	document.getElementById('totalContainer').style.width = (breedteFrame+2+2)+"px"
	document.getElementById('subContainer').style.width = (breedteFrame+2)+"px"
}

function changeSetHomePageLink(idString){
  if (browser.isIE){
	  var homepage = "http://www.utstart.nl/?id="+idString;
    if (!hp.isHomePage(""+homepage+""))
	    document.getElementById("setHomePageLink").innerHTML = "<a href=\"http://www.utstart.nl/?id="+idString+"\" onClick=\"style.behavior='url(#default#homepage)';setHomePage('http://www.utstart.nl/?id="+idString+"');\">Startpagina bijwerken</a> &nbsp;|&nbsp; ";
		else
		  document.getElementById("setHomePageLink").innerHTML = "";
	}else{
	  if (idHomePage!=idString){
		  document.getElementById("setHomePageLink").innerHTML = "<a href=\"setHomePage.php?id="+idString+"\">Startpagina bijwerken</a> &nbsp;|&nbsp; ";
		}else{
		  document.getElementById("setHomePageLink").innerHTML = "";
	  }
	}
}

function fixBlok(fix){
  if(fix){
	  for(i=0;i<blok.length;i++){
		  document.getElementById("sluit"+blok[i]).style.display = "none";
			document.getElementById("verplaats"+blok[i]).style.display = "none";
		}
		setCookie("fixBlok","fix",60);
	}else{
	  for(i=0;i<blok.length;i++){
		  document.getElementById("sluit"+blok[i]).style.display = "block";
			document.getElementById("verplaats"+blok[i]).style.display = "block";
		}
		setCookie("fixBlok","",-10);
	}
}

function showAdv(idnr){
  if(document.getElementById('advLinks'+idnr).style.display != "none"){
	  showIdnr = false;
	}else{
	  showIdnr = true;
	}
	i = 0
	while(document.getElementById('advLinks'+i)!=null){
	  show('advPijlr'+i);hide('advPijlb'+i);hide('advLinks'+i)
		document.getElementById('advCat'+i).style.fontWeight = "normal";
		i++
	}
  if(showIdnr){
	  hide('advPijlr'+idnr);show('advPijlb'+idnr);show('advLinks'+idnr)
		document.getElementById('advCat'+idnr).style.fontWeight = "bold";
	}
	setBlokken();
}

function showAllAds(){
	i = 0
	while(document.getElementById('advCat'+i)!=null){
	  show('advCat'+i)
		i++
	}
	hide("showAllAds")
	setBlokken();
}

// Advertentie //
//remote[remoteNr] = new Array("remoteAdvertentie","remoteAdvertentie");
//remoteNr++;