var screenWidth;
var curImage;
var curProject =0;
var visProject=-1;
var dotOver=0;
var totalImage;
var iAfdeling;
var rollOver=0;
var dotCurImage=0;

var secs
var timerID = null
var timerRunning = false
var delay = 500



function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v9.0  
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
function MM_setTextOfLayer(objId,x,newText) { //v9.0
  with (document) if (getElementById && ((obj=getElementById(objId))!=null))
    with (obj) innerHTML = unescape(newText);
}


function randomNumber(limit){
	return Math.floor(Math.random()*limit);
}

function randOrd(){
	return (Math.round(Math.random())-0.5); 
} 

function IsNumeric(strString)
   //  check for valid numeric strings	
   {
   var strValidChars = "0123456789.-";
   var strChar;
   var blnResult = true;

   if (strString.length == 0) return false;

   //  test strString consists of valid characters listed above
   for (i = 0; i < strString.length && blnResult == true; i++)
      {
      strChar = strString.charAt(i);
      if (strValidChars.indexOf(strChar) == -1)
         {
         blnResult = false;
         }
      }
   return blnResult;
   }

function hideAll(tagName){
	var tag = document.getElementsByTagName('UL')
	for(x=0; x<tag.length; x++){
	//hide all div layers with the 'nav' attribute	
		if(tag[x].getAttribute(tagName)){
			tag[x].style.display='none';
		}
	}
}


function hideTotalOverlay(){	
	oTotalOverlay=MM_findObj('overLay');
	oTotalOverlay.style.display='none';
}

function showTotalOverlay(){	
	oContainer=MM_findObj('container');
	oTotalOverlay=MM_findObj('overLay');
	oTotalOverlay.style.height=oContainer.offsetHeight + 500 +'px';
	oTotalOverlay.style.display='block';
	screenWidth=oTotalOverlay.offsetWidth;
}

function showLiteBox(numItem){
	curImage=numItem;
	showTotalOverlay();
	oLiteBox=MM_findObj('liteBox');
	oLiteBox.style.display='block';
	
	var ScrollTop = document.body.scrollTop;	
	if (ScrollTop == 0)
	{
		if (window.pageYOffset)
			ScrollTop = window.pageYOffset;
		else
			ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
	}
	oLiteBox.style.top=ScrollTop +100 +'px';
	oLiteBox.style.left=(screenWidth/2)-150 +'px';
	
	oImg=MM_findObj('liteImage');
	if (oImg){
		oImg.style.backgroundImage='url(images/cms/400/'+ artArray[numItem][2]+'.jpg)';	
	}
	
	oText=MM_findObj('liteText');
	oText.innerHTML='<strong>' + artArray[numItem][0] + '</strong><br>' + artArray[numItem][1];
	
	if (artArray[numItem][3]==1){
		MM_findObj('liteNew').style.display='block'	;
	}else{
		MM_findObj('liteNew').style.display='none'	;
	}
	
	if (numItem==0){
		oPrev=MM_findObj('liteBack');
		oPrev.style.visibility='hidden';
	}else{
		oPrev=MM_findObj('liteBack');
		oPrev.style.visibility='visible';
	}
	
	if (numItem==totalImage-1){
		oPrev=MM_findObj('liteForward');
		oPrev.style.visibility='hidden';
	}else{
		oPrev=MM_findObj('liteForward');
		oPrev.style.visibility='visible';
	}
}

function hideLiteBox(){
	hideTotalOverlay();
	oLiteBox=MM_findObj('liteBox');
	oLiteBox.style.display='none';
}

function showABC(abcValue){
	var tag = document.getElementsByTagName('LI')
	for(x=0; x<tag.length; x++){
	//hide all div layers with the 'nav' attribute	
		if(tag[x].getAttribute('nav')){
			tag[x].style.display='none';
		}
		if(tag[x].getAttribute('ABC')==abcValue){
			tag[x].style.display='block';
		}
	}
}

function setHidden(oItemName,iValue){
	oItem=MM_findObj(oItemName);
	if(oItem){
		oItem.value= iValue;	
	}
	if(oItemName!='xPage'){
		MM_findObj('xPage').value='0';
	}
	oForm=MM_findObj('formSelect');
	oForm.submit();
}

function setArtWork(oItemName,iValue,iCounter){
	oItem=MM_findObj(oItemName);
	if(oItem){
		oItem.value= iValue;	
	}

	oItem=MM_findObj('xCounter');
	oItem.value=iCounter;
	
	oForm=MM_findObj('formSelect');
	oForm.action='kunstwerk.php';
	oForm.submit();
}


function showArt(numItem){
	curImage=numItem;
	
	oImg=MM_findObj('artImage');
	if (oImg){
		oImg.style.backgroundImage='url(images/cms/450/'+ artArray[numItem][2]+'.jpg)';	
	}
	
	oText=MM_findObj('artTitle');
	oText.innerHTML='<strong>' + artArray[numItem][0] + '</strong><br>' + artArray[numItem][1];
	
	oText=MM_findObj('artProperties');
	oText.innerHTML='Techniek: ' + artArray[numItem][4] + '<br>Afmetingen: ' + artArray[numItem][5]+ '<br>Arfilercode: ' + artArray[numItem][6]+ '<br>Status: ' + artArray[numItem][7];
	
	if (artArray[numItem][3]==1){
		MM_findObj('liteNew').style.display='block'	;
	}else{
		MM_findObj('liteNew').style.display='none'	;
	}
	
	if (numItem==0){
		oPrev=MM_findObj('liteBack');
		oPrev.style.visibility='hidden';
	}else{
		oPrev=MM_findObj('liteBack');
		oPrev.style.visibility='visible';
	}
	
	if (numItem==totalImage-1){
		oPrev=MM_findObj('liteForward');
		oPrev.style.visibility='hidden';
	}else{
		oPrev=MM_findObj('liteForward');
		oPrev.style.visibility='visible';
	}
}


function setKado(oItemName,iValue,iCounter){
	oItem=MM_findObj(oItemName);
	if(oItem){
		oItem.value= iValue;	
	}

	oItem=MM_findObj('xCounter');
	oItem.value=iCounter;
	
	oForm=MM_findObj('formSelect');
	oForm.action='kado.php';
	oForm.submit();
}

function showKado(numItem){
	curImage=numItem;
	
	oImg=MM_findObj('kadoImage');
	
	if (oImg){
		oImg.style.backgroundImage='url(images/cms/400/'+ artArray[numItem][2]+'.jpg)';	
	}
	
	oText=MM_findObj('artTitle');
	oText.innerHTML='<strong>' + artArray[numItem][0] + '</strong><br>' + artArray[numItem][1];
	
	oText=MM_findObj('artProperties');
	oText.innerHTML='Techniek: ' + artArray[numItem][4] + '<br>Afmetingen: ' + artArray[numItem][5]+ '<br>Arfilercode: ' + artArray[numItem][6]+ '<br>Status: ' + artArray[numItem][7];
	
	if (artArray[numItem][3]==1){
		MM_findObj('liteNew').style.display='block'	;
	}else{
		MM_findObj('liteNew').style.display='none'	;
	}
	
	if (numItem==0){
		oPrev=MM_findObj('liteBack');
		oPrev.style.visibility='hidden';
	}else{
		oPrev=MM_findObj('liteBack');
		oPrev.style.visibility='visible';
	}
	
	if (numItem==totalImage-1){
		oPrev=MM_findObj('liteForward');
		oPrev.style.visibility='hidden';
	}else{
		oPrev=MM_findObj('liteForward');
		oPrev.style.visibility='visible';
	}
}

function hideAllProject(){
	var tag = document.getElementsByTagName('DIV')
	for(x=0; x<tag.length; x++){
	//hide all div layers with the 'nav' attribute	
		if(tag[x].getAttribute('project')){
			tag[x].style.backgroundImage='url(/images/bgHomeRighjt.jpg)';
			tag[x].style.height='18px';
		}
		
		if(tag[x].getAttribute('project2')){
			tag[x].style.display='none';
		}
	}
	
	
}



function borderWhite(){
	var tag = document.getElementsByTagName('DIV')
	for(x=0; x<tag.length; x++){
	//hide all div layers with the 'nav' attribute	
		if(tag[x].getAttribute('dotImage')){
			tag[x].style.borderColor='#ffffff';
		}
	}
}

function setProjectHome(numProject,numAfdeling){
	curProject=numProject;
	hideAllProject();
	MM_findObj("homeItem" + numProject).style.backgroundImage='url(/images/bgHomeRightTop.jpg)';
	MM_findObj("homeItem" + numProject).style.height='125px';
	MM_findObj("projectText" + numProject).style.display='block';
	MM_findObj("projectHomeBG").style.backgroundImage='url(/images/cms/630/'+arProject[numProject]['Afbeelding']+')';
	MM_findObj("projectPijl").style.marginTop=(20+(numProject*28))+'px';
	MM_findObj("projectPlus").style.marginTop=(20+(numProject*28))+'px';
	MM_findObj("projectHomeTitle").innerHTML=arProject[numProject]['Titel'];
	MM_findObj("projectHomeText").innerHTML="Locatie: " +arProject[numProject]['Locatie'];
	iProject=arProject[numProject]['ID'];
	iAfdeling=numAfdeling;
}

function setFrameSmall(Page,IDType,ID){
	StopTheClock();
	showTotalOverlay();
	objFrame=MM_findObj('winFrameSmall');
	gotoURL=Page+'?ID='+ID+'&IDType=' + IDType;
	objFrame.src=gotoURL;
	oWin=MM_findObj('winSmall');
	oWin.style.left=(screenWidth/2)-400 +'px';
	MM_showHideLayers('winSmall','','show');
}

function preload(images) {
    if (document.images) {
        var i = 0;
        var imageArray = new Array();
        imageArray = images.split(',');
        var imageObj = new Image();
        for(i=0; i<=imageArray.length-1; i++) {
            //document.write('<img src="' + imageArray[i] + '" />');// Write to page (uncomment to check images)
            imageObj.src=images[i];
        }
    }
}

function setFrameSmall2(Page,IDType,ID){
	StopTheClock();
	showTotalOverlay();
	objFrame=MM_findObj('winFrameSmall');
	gotoURL=Page+'?ID='+ID+'&IDActiviteit=' + IDType;
	objFrame.src=gotoURL;
	oWin=MM_findObj('winSmall');
	oWin.style.left=(screenWidth/2)-400 +'px';
	MM_showHideLayers('winSmall','','show');
}

function setProjectImage(iProject){

	curProject=iProject;
	oSign=MM_findObj("pwInfoSign");
	
	if(rollOver==0){	
		setPWData(iProject);
	}
}

function setPWData(iProject){
		for(i=1;i<6;i++){
		MM_findObj('dotInfo'+i).style.backgroundPosition='0px 0px'
	}
	dotOver=0;
		visProject=iProject;
		oImg=MM_findObj("pwImg");
		oImg.style.backgroundImage="url(images/cms/500/"+ arProject2[iProject]['Afbeelding1']+")";
		MM_findObj('pwTitel').innerHTML=arProject2[iProject]['Titel'];
		
		for (j=1;j<6;j++){
			MM_findObj("dotInfo"+j).style.display='none';
			if (arProject2[iProject]['Afbeelding'+j]!=''){
				MM_findObj("dotInfo"+j).style.display='block';
			}
		}	
		sIntro="";
		if (arProject2[iProject]['Intro']!=''){
			sIntro=	arProject2[iProject]['Intro']+'<br>';
		}
		sLocatie="";
		if (arProject2[iProject]['Locatie']!=''){
			sIntro=	"<span style='color:#006347'>Locatie: </span>" +arProject2[iProject]['Locatie']+'<br>';
		}
		sOpdrachtgever="";
		if (arProject2[iProject]['Opdrachtgever']!=''){
			sOpdrachtgever=	"<span style='color:#006347'>Opdrachtgever: </span>" +arProject2[iProject]['Opdrachtgever']+'<br>';
		}
		
		MM_findObj('pwInfo').innerHTML="<strong>" + arProject2[iProject]['Titel'] +"</strong><br>"+sLocatie+sOpdrachtgever + sIntro + arProject2[iProject]['Text'];
}


function setPWInfoOff(oObj,iProject){
	if (iProject==visProject&&rollOver==1){
		borderWhite();
		rollOver=0;
	}else{
		borderWhite();
		rollOver=1
		oObj.style.borderColor='#ff0000';
	
		oInfo=MM_findObj("pwInfo");
		oSign=MM_findObj("pwInfoSign");	
	
		oInfo.style.display="none";
		oSign.style.marginTop="345px";
		setPWData(curProject)
	}
}

function setPWInfo(oObj){

	oInfo=MM_findObj("pwInfo");
	oSign=MM_findObj("pwInfoSign");
	
	if(oSign.style.marginTop!="220px"){
		oInfo.style.display="block";
		oSign.style.marginTop="220px";
	}else{
		oInfo.style.display="none";
		oSign.style.marginTop="345px";
	}
}

function setDotImgOn(numImage){
	for(i=1;i<6;i++){
		MM_findObj('dotInfo'+i).style.backgroundPosition='0px 0px'
	}
	
	if (dotOver==1&&dotCurImage==numImage){
		dotOver=0;
		setDotImg2(numImage);
		
	}else{
		MM_findObj('dotInfo'+numImage).style.backgroundPosition='-30px 0px'		
		setDotImg2(numImage);
		dotOver=1;
	}
	dotCurImage=numImage;
}

function setDotImg2(numImage){
	oImg=MM_findObj("pwImg");
	oImg.style.backgroundImage="url(images/cms/500/"+ arProject2[visProject]['Afbeelding'+numImage]+")";
}

function setDotImg(numImage){
	if (dotOver==0){
		setDotImg2(numImage)
	}
}

function InitializeTimer()
{
    // Set the length of the timer, in seconds
    secs = 10
    StopTheClock()
    StartTheTimer()
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false
}

function StartTheTimer()
{
    if (secs==0)
    {
        StopTheClock()
		curProject=curProject+1;
		if (curProject==6){
			curProject=0;	
		}
		setProjectHome(curProject);
		InitializeTimer();		
    }
    else
    {
        self.status = secs
        secs = secs - 1
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)
    }
}






var secs2
var timerID2= null
var timerRunning2 = false
var delay2 = 1
var oMaterieel;
var oldValue=0;


function InitializeTimer2()
{
	oMaterieel=MM_findObj("rowMaterieel")
    // Set the length of the timer, in seconds
    secs2 = 1
    StopTheClock2()
    StartTheTimer2()

}

function StopTheClock2()
{
    if(timerRunning2)
       clearTimeout(timerID2)
    	timerRunning2 = false
}

function StartTheTimer2()
{
    if (secs2==0)
    {
        StopTheClock2()		
		newValue=oldValue-1
		widthRow= MM_findObj("rowMaterieel").style.width.replace('px','');
		if (newValue< (-1 * widthRow)) {
			newValue=450;

		}
		oMaterieel.style.marginLeft=newValue+"px";
		MM_findObj("leftCounter").innerHTML=newValue;
		oldValue=newValue;
		InitializeTimer2();		
    }
    else
    {
        self.status = secs2
        secs2 = secs2 - 1
        timerRunning2 = true
        timerID2 = self.setTimeout("StartTheTimer2()", delay2)
    }
}






var secs3
var timerID3= null
var timerRunning3 = false
var delay3 = 500
var oMaterieel;
var oldValue=0;


function InitializeTimer3()
{

    // Set the length of the timer, in seconds
    secs3 = 10;
    StopTheClock3()
    StartTheTimer3()
}

function StopTheClock3()
{
    if(timerRunning3)
       clearTimeout(timerID3)
    	timerRunning3 = false
}

function StartTheTimer3()
{
    if (secs3==0)
    {
        StopTheClock3()	
		if (curPV<arrayProject.length-1){	
		curPV++;}else{
			curPV=0;
		}
		setCurPageProject(curPV);
		InitializeTimer3();		
    }
    else
    {
        self.status = secs3
        secs3 = secs3 - 1
        timerRunning3 = true
        timerID3 = self.setTimeout("StartTheTimer3()", delay3)
    }
}










function formCheck(typeForm){
	flagError=0;
	MM_findObj('hTypeForm').value=typeForm;
	
	if(typeForm==2){
		arForm=new Array("Achternaam", "Adres", "Postcode","Plaats","Email","Telefoon");
		oErrorTopBox=MM_findObj("errorBox2")
	}else{
		
	}
	
	switch(typeForm){
		case 2:
			arForm=new Array("Achternaam", "Adres", "Postcode","Plaats","Email","Telefoon");
			oErrorTopBox=MM_findObj("errorBox2")
		break;
		
		case 3:
			arForm=new Array("Achternaam","Email","Telefoon");
			oErrorTopBox=MM_findObj("errorBox3")
		break;
		
		default:
			arForm=new Array("Username","FormPassword");
			oErrorTopBox=MM_findObj("errorBox1")
	}
	
	
		for (var i=0; i<arForm.length; i++){
			oName='s' + arForm[i];
			oItem=MM_findObj(oName);
			oName='box'+arForm[i];
			oError=MM_findObj(oName);
			oName='form'+arForm[i];
			oBlock=MM_findObj(oName);
			//alert(oName+'='+oItem.value)
			if (oItem.value==''){				
				oError.style.color='#ff0000';
				flagError=1
			}else{
				oError.style.color='#000000';
			}
			if (arForm[i]=='Email'){
				var a=oItem.value.indexOf('@')
				var p=oItem.value.indexOf('.')
				if (a==-1 || p==-1){
					oError.style.color='#ff0000';				
					flagError=1
				}else{
					oError.style.color='#000000';
				}
			}
			
			
			if (arForm[i]=='Postcode'){
				oPostCode=MM_findObj('sPostcode');				
				if (IsNumeric(oPostCode.value.substring(0,4))&& oPostCode.value.length>=4){
					oError.style.color='#000000';
				}else{
					oError.style.color='#ff0000';	
					flagError=1	
				}				
			}
		}	
		if (flagError==1){
			oErrorTopBox.style.display="block"	;
		}else{
			oErrorTopBox.style.display="none"	;	
		}

		
		arForm2=new Array();
		for (var i=0; i<arForm2.length; i++){
			oName = "b" + arForm2[i];
			oItem=MM_findObj(oName);
			flagSel=0
			for (var j=0; j<oItem.length;j++){
				if (oItem[j].checked){
					flagSel=1;			
				}
			}
			oName='formErr'+arForm2[i];;
			oError=MM_findObj(oName);
			oName='form'+arForm2[i];;
			oBlock=MM_findObj(oName);
			if (flagSel==0){
				oError.style.display='block';	
				oBlock.style.borderLeft='5px solid #ff0000';
				oBlock.style.backgroundColor='#CCCCCC'
				flagError=1
			}else{
				oError.style.display='none';
				oBlock.style.borderLeft='5px solid #eeeeee';
				oBlock.style.backgroundColor='#eeeeee'
			}
		}
			
		oItem=MM_findObj('formErrorBlock')	
		if (flagError==1){
			
		}else{
			MM_findObj("contactForm").submit();	
		}
	}
	
	function setProjectWijzer(oObject){
		MM_findObj(oObject).selectedIndex=0;
		MM_findObj('frmAfdeling').submit();
	}
	
	function setPV(curNum){
		iAfdeling=arrayProject[curNum]["IDActiviteit"];;
		iProject=arrayProject[curNum]["ID"];
		setFrameSmall2('projectwijzer.php',iAfdeling,iProject);
		
	}
	
	function setCurPageProject(curNum){
		oCategory=MM_findObj("pVTitel");
		oTitle=MM_findObj("pVFooter");
		oImg=MM_findObj("pVImg");
		if (oCategory){
			oCategory.innerHTML=arrayProject[curNum]["Activiteit"];
			oTitle.innerHTML=arrayProject[curNum]["ProjectNaam"];
			oImg.style.backgroundImage="url(/images/cms/250/"+arrayProject[curNum]['Image']+")";
		}
	}