var screenWidth;
var curImage;
var totalImage;

<!--
// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

// Main function to retrieve mouse x-y pos.s
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft
tempY = event.clientY + document.body.scrollTop
} else {  // grab the x-y pos.s if browser is NS
tempX = e.pageX
tempY = e.pageY

}  
// catch possible negative values in NS4
if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}  
// show the position values in the form named Show
// in the text fields named MouseX and MouseY
return true
}
//-->


function Initialise(){
	oTotalOverlay=MM_findObj('overLay');	
	oTotalOverlay.style.display='block';
	screenWidth=oTotalOverlay.offsetWidth;
	//oMainMenu=MM_findObj("mainMenu");
	//oMainMenu.style.left=(screenWidth-900)/2+'px';
	oTotalOverlay.style.display='none';
}

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 flipBG(){
		document.body.style.backgroundImage = 'url(images/bg.gif)';
}

function flipLine(){
	oLine=MM_findObj("HeaderLine");
		oLine.style.display ='block';
}

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 slideShow(objNum, objWidth){
	oSlider=MM_findObj("directionImages"+objNum)
	if(objWidth>1000){
		oSlider.style.marginLeft=50+Math.floor(((tempX-38)*(945-objWidth+38))/945)+'px';
	}
	
	//oSlider.style.border='1px solid #ff0000'
}

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 + 50 +'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 hideShopBox(){
	hideTotalOverlay();
	oShopBox=MM_findObj('shopBox');
	oShopBox.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 showShopBox(numItem,transactionType,transactionCategory){
	showTotalOverlay();
	oShopBox=MM_findObj('shopBox');
	oShopBox.style.display='block';
	
	oFrame=MM_findObj("shopFrame");
	if (oFrame){
		oFrame.src="shoppingCard.php?AC="+numItem+"&type="+transactionType+"&cat="+transactionCategory;	
	}
	
	var ScrollTop = document.body.scrollTop;	
	if (ScrollTop == 0)
	{
		if (window.pageYOffset)
			ScrollTop = window.pageYOffset;
		else
			ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
	}
	oShopBox.style.top=ScrollTop +100 +'px';
	oShopBox.style.left=(screenWidth/2)-150 +'px';
}


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();
}

var nextI;

function showLibImage(aspect,imgSrc){
	showWorkImage(imgSrc);
}


function showWorkImage(imgSrc){
	nextI=parseFloat(imgSrc)+1;
	if(nextI>artArray.length){
		nextI=0;	
	}
	oImageBox=MM_findObj("imageBox")
	if (oImageBox){
		var ScrollTop = document.body.scrollTop;	
		if (ScrollTop == 0)
		{
			if (window.pageYOffset)
				ScrollTop = window.pageYOffset;
			else
				ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
		}
		oImageBox.style.top=ScrollTop +20 +'px';
		showTotalOverlay();
		oImageBox.style.display='block';
		oImage=MM_findObj("imageBoxImage");
		if (oImage){
			oImage.innerHTML="<img src='/images/cms/800/"+artArray[imgSrc][0]+"'>"
		}
		oText=MM_findObj("imageBoxText");
		if(oText){
			oText.innerHTML=artArray[imgSrc][1];
		}
		
	}
}

function closeImageBox(){
	oImageBox=MM_findObj("imageBox")
	if (oImageBox){
		hideTotalOverlay();
		oImageBox.style.display='none';
		
	}	
}

function setLibImage(imgName){
	oImg=MM_findObj("libImage");
	if(oImg){		
		oImg.innerHTML="<img src='/images/cms/400/" + imgName +"'>";
		
	}
}

function setVoorwaarden(){
	oPage=MM_findObj("Voorwaarden")	;
	oPage.style.display='block';
}

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 submitLoginForm(){
	MM_findObj("KunstpuntLoginForm").submit();	
}

function setShoppingCard(strShop){
	oCard= MM_findObj("shoppingCard");
	if(oCard){
		oCard.innerHTML=strShop;	
	}
}

function setUserDisplay(oObj){
	MM_findObj('userLogin').style.display='none';
	MM_findObj('userDisplay').style.display='none';	
	MM_findObj(oObj).style.display='block';
}

function formCheck(typeForm){
		flagError=0;
		MM_findObj('hTypeForm').value=typeForm;
		
		if(typeForm==2){
			arForm=new Array("Voornaam","Achternaam","Email","Telefoon");
			oErrorTopBox=MM_findObj("errorBox2")
		}else{
			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 setAbonnement(typeAbonnement){		
		if (MM_findObj("chkAbonnement"+typeAbonnement).checked){
			MM_findObj("inputAbonnement"+typeAbonnement).value=1;
		}else{
			MM_findObj("inputAbonnement"+typeAbonnement).value=0;
		}
		calcAbonnement();
	}
	
	function changeAbonnement(typeAbonnement){
		calcAbonnement();
	}
	
	function calcAbonnement(){
		grandTotal=0;
		for (i=0;i<9;i++){
			subTotal=MM_findObj("inputAbonnement"+i).value*12*MM_findObj("chkAbonnement"+i).value/100;
			grandTotal=grandTotal+subTotal;
			if (subTotal!=0){
				MM_findObj("divAbonnement"+i).innerHTML="&euro; <strong>" + subTotal+",- </strong>";
			}else{
				MM_findObj("divAbonnement"+i).innerHTML="";		
			}
		}
		if (grandTotal!=0){
			MM_findObj("grandTotaal").innerHTML="Totaal per jaar&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&euro; " + grandTotal + ",-";
		}else{
			MM_findObj("grandTotaal").innerHTML="&nbsp;";
		}
	}
	
	function chkFormAbonnement(typeSubmit){
		if(typeSubmit=='1'){
			MM_findObj("gotoURL").value="artShopOverzicht.php";
		}else{
			MM_findObj("gotoURL").value="artShopUser.php";
		}
		MM_findObj("abonnementForm").submit();
	}
	
	
var secs2
var timerID2= null
var timerRunning2 = false
var delay2 = 1
var oMaterieel;
var newValue=1;


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

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

function StartTheTimer2()
{
    if (secs2==0)
    {
        StopTheClock2()		
		setDriehoek(newValue);
		newValue++;
		if (newValue==3){
			newValue=0;	
		}
		InitializeTimer2();		
    }
    else
    {
        self.status = secs2
        secs2 = secs2 - 1
        timerRunning2 = true
        timerID2 = self.setTimeout("StartTheTimer2()", delay2)
    }
}


function setDriehoek(numItem){
	oDriehoek=MM_findObj('triangle')
	if (oDriehoek){
		oDriehoek.style.backgroundPosition=(numItem*-160)+'px 0px';
	}

}

function showBGMenu(sMenu){
	hideDiv('bgM');
	oMenu=MM_findObj(sMenu);
	if (oMenu){
		oMenu.style.display='block'	;
	}
}

function hideDiv(tagName){
	var tag = document.getElementsByTagName('DIV')
	for(x=0; x<tag.length; x++){
		if(tag[x].getAttribute(tagName)){
			tag[x].style.display='none';
		}
	}	
}
