var screenWidth;
var curImage;
var totalImage;


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

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("Email");
			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();
	}
	
	function setButton(numButton,idQ){
		
		for (i=1;i<5;i++){
			oButton=MM_findObj('chk'+i);
			oAnswer=MM_findObj('xAnswer'+i);
			if(oAnswer){
				
				oAnswer.value=0;
			}
			if(oButton){
				oButton.style.backgroundPosition="0px 0px";	
			}
		}
		oButton=MM_findObj('chk'+numButton);
		oAnswer=MM_findObj('xAnswer' + numButton);
		if (oButton.style.backgroundPosition!="0px -60px"){
			oButton.style.backgroundPosition="0px -60px";
			oAnswer.value=1;			
		}else{
			oButton.style.backgroundPosition="0px 0px";
			oAnswer.value=0;
		}
	}
	
	function submitQuiz(iN){
		oForm=MM_findObj('frmQuiz');
			if (iN==-1&&(MM_findObj('xAnswer1').value==1||MM_findObj('xAnswer2').value==1||MM_findObj('xAnswer3').value==1||MM_findObj('xAnswer4').value==1)){
			oForm.target="_top";
		}	
		oForm.submit()	
	}
	

var secs
var timerID = null
var timerRunning = false
var delay = 500
var curImage=0;
var TopImage=2;
var BottomImage=1;
var arImages= new Array('topImage.jpg','topImage2.jpg','topImage3.jpg');


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();
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
        //alert("You have just wasted 10 seconds of your life.")
		curImage=curImage+1;
		if (curImage==3){
			curImage=0;	
		}
		setImage(curImage);
		InitializeTimer();
		
    }
    else
    {
        self.status = secs
        secs = secs - 1
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)
    }
}

function setImage(numImage){
	if (TopImage==2){
		sImage2.start();
		sImage2.onMotionFinished= changeOrderImage(numImage);
	}else{
		sImage1.start();
		sImage1.onMotionFinished= changeOrderImage(numImage);
	}
	
	
	//oBottom.innerHTML=oTop.innerHTML;
	
}

function changeOrderImage(numImage){
	oTop=MM_findObj("imageLayer_"+TopImage);
	oBottom=MM_findObj("imageLayer_" +BottomImage);
	oTop.innerHTML="<img src='images/"+arImages[numImage]+"'>"

	TempImage=TopImage;
	TopImage=BottomImage;
	BottomImage=TempImage;
	oTop.style.zIndex=10000;
	oBottom.style.zIndex=5000;	
}

function init(){
	sImage1=  new Sequence();
	var shImage1 = document.getElementById('imageLayer_1');
	sImage1.addChild(new OpacityTween(shImage1,Tween.regularEaseOut,20,100,2));

	sImage2=  new Sequence();
	var shImage2 = document.getElementById('imageLayer_2');
	sImage2.addChild(new OpacityTween(shImage2,Tween.regularEaseOut,20,100,2));

	bInit=true;
}