// drag & drop http://elouai.com/javascript-drag-and-drop.php
var ie=document.all;
var nn6=document.getElementById&&!document.all;

var isdrag=false;
var dragx,dragy;
var dobj;

function movemouse(e)
{
  if (isdrag)
  {
    dobj.style.left = nn6 ? tx + e.clientX - dragx : tx + event.clientX - dragx;
    dobj.style.top  = nn6 ? ty + e.clientY - dragy : ty + event.clientY - dragy;
    return false;
  }
}

function selectmouse(e) 
{
  var fobj       = nn6 ? e.target : event.srcElement;//srcElement;
  var topelement = nn6 ? "HTML" : "BODY";

  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.className=="dragme")
  {
//  alert('Dragable!');
    isdrag = true;
    dobj = fobj;
    tx = parseInt(dobj.offsetLeft+0);
    ty = parseInt(dobj.offsetTop+0);
    dragx = nn6 ? e.clientX : event.clientX;
    dragy = nn6 ? e.clientY : event.clientY;
    document.onmousemove=movemouse;
    return false;
  }
}

document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");
//============================= end drag & drop
var click=0;

function showElementInit( num )
{
var elnum='element'+num;
//if(document.getElementById('tab'+num).className!='tabactive'){
	if (document.getElementById(elnum)){
		document.getElementById(elnum).style.display='block';
		document.getElementById('tab'+num).className='tabactive';
//		document.getElementById('tab0').className='tab';
		hideElement(num);
//if (elnum=='element'+2 && click==0){HTMLArea.replaceAll(); click=0;};
		}
//	}
}

function showElement( num )
{
var elnum='element'+num;
//if(document.getElementById('tab'+num).className!='tabactive'){
	if (document.getElementById(elnum)){
		document.getElementById(elnum).style.display='block';
		document.getElementById('tab'+num).className='tabactive';
//		document.getElementById('tab0').className='tab';
		hideElement(num);
if (document.detail.elements['tabnum']){
//	if(num==NULL){num=1;}
	document.detail.elements['tabnum'].value=num;
	//alert(document.detail.elements['tabnum'].value);
	}
		}
//	}
}

function hideElement( num )
{
var elnum='element'+num;
	for(i=0;i<=10;i++) {
		if (document.getElementById('element'+i) 
		&& document.getElementById('element'+i)!=document.getElementById(elnum)){
		document.getElementById('element'+i).style.display='none';
		document.getElementById('tab'+i).className='tab';
		}
//code voor datepicker
	/*if(document.getElementById('datepicker')){
		document.getElementById('datepicker').style.visibility='invisible';
		document.getElementById('datepicker').style.display='none';
		}*/
//=============
	}
}

function showAllElements(num)
{
	for(i=0;i<=10;i++) {
	if (document.getElementById('element'+i))
		{
		document.getElementById('element'+i).style.display='block';
		document.getElementById('tab'+i).className='tab';
		}
	}
		document.getElementById('tab'+num).className='tabactive';
}

function showParentNode(node)
{
alert (document.getElementById(node).previousSibling);
}

function openVenster(winurl,winname,winfeatures)
{
	newwin = window.open(winurl,winname,winfeatures);
 		setTimeout('newwin.focus()',350);
}

function openBestand(afbeelding, map)
{
var dialoog='';
//openVenster('showdir.php?veld='+input,'dialoog','top=160,left=160,width=700,height=450,menubar=0,scrollbars=yes,status=no,resizable=yes');
var dialoog=window.open('showdir.php?dir='+map+'&veld='+afbeelding,'dialoog','top=160, left=160, width=700,height=450,menubar=0,scrollbars=yes,status=yes,resizable=yes');
}