var Posarray = Array('0px','-136px','-270px','-400px','-528px','-638px');
var gacount = Array('kies-uw-canvas','foto-uploaden','canvas-maken','uw-gegevens','betaalwijze','afronden');


	var numb = 0;
	var numbcurrent = 0;
  var masterswitch = false;
        
        function switchTabon(num){

	        	if(num == "5"){
		        	CopySubmitAdress();	
		        }
	      
                var Obj        = document.getElementById("Tab"+ num);
                var objContent = document.getElementById("Tab_Content"+num);
            
                    if(objContent){
                        objContent.style.display = "block";
                    }
                    
		document.getElementById('googlecount').src = 'html/gacount/'+gacount[num]+'.html';


if(numbcurrent == 4){
					   changemasterprice(document.getElementById('aantalprod').options[document.getElementById('aantalprod').selectedIndex]);               }

		            if(Obj){   
				        var xpos = getStyle(Obj);
				            Obj.style.backgroundPosition = Posarray[num] + " -70px";
				            
				         
					        var names = (num == numb) ? "" : "prevTab_on";    
				
					        Obj.className = "Tab_on "+names;    
					        
			
                    }        
                    if(num == "1"){
                      setTimeout(loadfile,100);
                  }
                     numbcurrent = num;   
        }
        
        function switchDisabled(ids){
        
          var totalli = document.getElementById("Tabs").getElementsByTagName("li");
        
           for(i=0; i<=totalli.length-1; i++){
           
                var obj        = document.getElementById("Tab"+i);
                var objContent = document.getElementById("Tab_Content"+i)
                
                if(obj && objContent){
	                
                    obj.className = "closebutton";
                    objContent.style.display = "none";
                    
              	    obj.href = 'javascript: void(0)';
                     
                    if(i >= numb){

			
                       var xpos = getStyle(obj);

                                   obj.style.backgroundPosition = Posarray[i] + " -35px";
                           
                                  // obj.className = "closebutton";
				   obj.onclick = function(){ 
					return false;
				  }	
                    }
                   
                    
                    if(i <= numb){
                        var xpos = getStyle(obj);
	

                                   obj.style.backgroundPosition = Posarray[i] + " 0px";
                                   obj.disabled = false;
				 
	                     
				   obj.numClick = i;
			
			          
				      
      
				   obj.onclick = function(){ 
					   
					   if(numbcurrent == 2 && this.numClick > numbcurrent){
		            errors("Om uw posities op te slaan dient u op <strong>\"volgende\"</strong> te klikken.");
		            return;
		        }
		         if(numbcurrent == 5){
					   changemasterprice(document.getElementById('aantalprod').options[document.getElementById('aantalprod').selectedIndex]);               }
					   
					   
					   if(numbcurrent < 5 && numb != numbcurrent){
						   
					   validationcheck(numbcurrent+1,1);
					  
					   }else{
						    masterswitch = true;
						   }
					    
				       if(masterswitch == true){
					       
					
					      
					       
					      
					switchTab(this.id); 
			
				
				
					
					
					//pageTracker._trackPageview(ClickTargets[this.numClick]);

				   }
			   }
					
                    }
    
                                           
                }
           if(totalli.length-1 >= numb){
	          
	           
	            if(ids == numb+1){
		            
		      
               numb++;
           } 
             if(i == numb){
		         obj.className = "last_on";
		       }
           }
                  } 
             
           
          
                switchTabon(ids);        
        }

  	function getStyle(obj){
		if(window.getComputedStyle){
			var mX = window.getComputedStyle(obj,null).getPropertyValue('background-position');
		        var newX =  mX.split(' ');
		      
			return newX[0];
		}else if(obj.currentStyle){
			return obj.currentStyle['backgroundPositionX'];
		}

	}

	

function switchverzendkosten(valueget){
	
	
	if(valueget == "ophalen"){
		
		document.getElementById('verzendennaar').style.display ="none";
		document.getElementById('verzendenophalen').style.display ="block";
		document.getElementById('verzendengratisthuis').style.display ="none";
		document.getElementById('verzendkosten').innerHTML = '0.00';
		}else if(valueget == "thuisbezorgen"){
			
			
			document.getElementById('verzendennaar').style.display ="none";
		document.getElementById('verzendenophalen').style.display ="none";
		document.getElementById('verzendengratisthuis').style.display ="block";
		document.getElementById('verzendkosten').innerHTML = '0.00';
			}else{
			document.getElementById('verzendkosten').innerHTML = valueget;
				document.getElementById('verzendennaar').style.display ="block";
		document.getElementById('verzendenophalen').style.display ="none";
		document.getElementById('verzendengratisthuis').style.display ="none";
		
			}
			changemasterprice(document.getElementById('aantalprod').options[document.getElementById('aantalprod').selectedIndex]);
	}

        function switchTab(ID){
	    
	      
	        
	        
	        
	        if(ID == "Tab2"){
		     
		        	var objs = document.getElementById('flaapp').style;
				objs.width = 'auto';
				objs.height = 'auto';
				objs.overflow =  'visible';
				 closeflashcompo2();
				    	   
		        }else{
		        
		        closeflashcompo();
		        
		        }
		        
		        
		    
		        
		       if(ID == "Tab1"){
		        
		        	var objss = document.getElementById('uploader').style;
				objss.width = 'auto';
				objss.height = 'auto';
				objss.overflow =  'visible';
				    
		        }else{
		        
		        closeflashcompo2();
		        
		        }
	      var totalmenu = document.getElementById(ID).id.toString();
           var totalli = document.getElementById("Tabs").getElementsByTagName("li");
           var totalmenuN = Number(totalmenu.replace("Tab",""));

         var classNames = "Tab_on prevTab_on";
         
           for(i=0; i<=totalli.length-1; i++){
           
                var obj        = document.getElementById("Tab"+i);
                var objContent = document.getElementById("Tab_Content"+i)
                   
                if(obj && objContent){
                
                    if(i < numb+1){
                    var xposnew = getStyle(obj);
                        obj.style.backgroundPosition = Posarray[i] + " 0px";
                       
                        }
                        
                     if(i == numb){
	                     
	                      obj.className = "last_on";
	            
	                    }else{
                        
                    obj.className = "closebutton";
                }
                    objContent.style.display = "none";
                    
   
                }
         
	               
           }
           switchTabon(totalmenuN);
       
        }
        
        
function errors(txt){
	document.getElementById('popuperror').innerHTML = txt;
	document.getElementById('errorFrame').style.display = 'block'; 
	document.getElementById('blackout').style.display = 'block'; 
	document.getElementById('errorFrame').style.marginTop = -Math.round((document.getElementById('errorFrame').offsetHeight/2)-10)+"px";
}

function checkimg(img){
 	document.getElementById('imgname').value = img;
}


function validationcheck(id,changetab){
	var error = "";
	if(id == 1){
		
		if(document.getElementById('maat').value == "" || document.getElementById('dikte').value == "" || document.getElementById('totalprice').innerHTML == "niet leverbaar"){ 
	
			error = 'U kunt nog niet verder met de volgende stap, omdat uw selectie niet compleet is. Selecteer uw canvas <strong>maat</strong> en <strong>dikte</strong>';	
		}	
	}else if(id == 2){

		if(document.getElementById('imgname').value == ""){
			
			error = 'U kunt nog niet verder met de volgende stap, omdat <strong>uw eigen foto</strong> nog niet toegevoegd is.';	
	}
	}else if(id == 3){
		
	}else if(id == 4){
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		
		if(document.getElementById('loginuser').checked == false && document.getElementById('newuser').checked == false){
			error = 'U kunt nog niet verder met de volgende stap. Selecteer eerst of u al klant bent of als u nog geen klant bent.<br /><br />';	
		}else{
			if(document.getElementById('user') || document.getElementById('newuser').checked == true){
				if(document.getElementById('loginuser').checked == true){
					if(document.getElementById('user').value == "" || document.getElementById('password').value == ""){
					error = 'U kunt nog niet verder met de volgende stap. Uw inlog gegevens zijn niet compleet ingevuld.<br /><br />';
					}
				}
				if(document.getElementById('newuser').checked == true){	
					var allerror = "";
					if(document.getElementById('naam').value == ""){
						allerror += '<li>Vul uw <b>naam</b> in.</li>';
					}
					if(document.getElementById('voorletters').value == ""){
						allerror += '<li>Vul uw <b>voorletter(s)</b> in.</li>';
					}
					if(document.getElementById('adres').value == ""){
						allerror += '<li>Vul uw <b>adres</b> in.</li>';
					}
					if(document.getElementById('postcode').value == ""){
						allerror += '<li>Vul uw <b>postcode</b> in.</li>';
					}
					if(document.getElementById('plaats').value == ""){
						allerror += '<li>Vul uw <b>plaats</b> in.</li>';
					}
					if(document.getElementById('telefoon').value == ""){
						allerror += '<li>Vul uw <b>telefoon nr.</b> in.</li>';
					}
					if(document.getElementById('email').value == ""){
						allerror += '<li>Vul uw <b>e-mail adres</b> in.</li>';
					}else if(reg.test(document.getElementById('email').value) == false){
						allerror += '<li>Vul een juist <b>e-mail adres</b> in.</li>';
					}
					
					if(allerror){
						error += '<strong>Uw persoonlijke gegevens</strong> zijn nog niet compleet:<ul style="list-style-image: none;">'+allerror+'</ul>';
					}
				}	
			}
		}
	
	   if(document.getElementById('afleveradres').checked == true){
		   var allerrors = "";
		   
					if(document.getElementById('naamaflever').value == ""){
						allerrors += '<li>Vul uw <b>naam</b> in.</li>';
					}
					if(document.getElementById('voorlettersaflever').value == ""){
						allerrors += '<li>Vul uw <b>voorletter(s)</b> in.</li>';
					}
					if(document.getElementById('adresaflever').value == ""){
						allerrors += '<li>Vul uw <b>adres</b> in.</li>';
					}
					if(document.getElementById('postcodeaflever').value == ""){
						allerrors += '<li>Vul uw <b>postcode</b> in.</li>';
					}
					if(document.getElementById('plaatsaflever').value == ""){
						allerrors += '<li>Vul uw <b>plaats</b> in.</li>';
					}
					
					
					if(allerrors){
						error += '<strong>Uw aflever gegevens</strong> zijn nog niet compleet:<ul style="list-style-image: none;">'+allerrors+'</ul>';
					}
	 }
		
	}else if(id == 5){
	  if(document.getElementById('bank').checked == false && document.getElementById('paypal').checked == false && document.getElementById('ideal').checked == false ){
				error = 'Selecteer uw <strong>betaalwijze</strong>.';				  
	  }
	
	}else if(id == 6){
		if(document.getElementById('voorwaarden').checked == false){
			error = 'U moet akkoord gaan met de <strong>algemene voorwaarden</strong>.';
		}
	}
	if(!error){
		 masterswitch = true;
		 
	
		if(id == 6){
			document.getElementById('Mainform').submit();
			}else{
				if(changetab != 1){
					
					
			switchDisabled(id);
			}
		}
		
		 if(id == 1){
			 var objss = document.getElementById('uploader').style;
				objss.width = 'auto';
				objss.height = 'auto';
				objss.overflow =  'visible';
				 
			 }else
			 if(id == 2){
		closeflashcompo2();
		 		var objs = document.getElementById('flaapp').style;
				objs.width = 'auto';
				objs.height = 'auto';
				objs.overflow =  'visible';
				
				if(changetab == "img"){
				    setTimeout('loadimg()',1000);
			    }
			 }
		 
	}else{
		 masterswitch = false;
		errors(error);
	}
}


function closeflashcompo(){
	var objs = document.getElementById('flaapp').style;
				objs.width = '1px';
				objs.height = '1px';
				objs.overflow =  'hidden';
}

function closeflashcompo2(){
	var objs = document.getElementById('uploader').style;
				objs.width = '1px';
				objs.height = '1px';
				objs.overflow =  'hidden';
}






	var dpi = 10;
	var hdpi = 0;
	var wdpi = 0;
	var snijdpi = 0;
		var kbs = 0;
function changeprice(value,id){

	if(id == "dikteprice"){
	var imgsnijarray = new Array();	
	    imgsnijarray = value.value.split(',');
	    snijdpi = imgsnijarray[1];
		
	}else{
	var imgarray = new Array();	
	    imgarray = value.value.split(',');
	    dpi = imgarray[3];
	    hdpi = imgarray[1];
	    wdpi = imgarray[2];
	    kbs = imgarray[4];
	 }   
	 
	document.getElementById('afmetingtxt').value = document.getElementById('maat').options[document.getElementById('maat').selectedIndex].innerHTML;
	     document.getElementById('stageh').value = Math.round(dpi/2.54 * hdpi);	
		document.getElementById('stagew').value = Math.round(dpi/2.54 * wdpi);
	    document.getElementById('snijmarge').value = Math.round(dpi/2.54 * snijdpi);
		document.getElementById('dpi').value = dpi;
		document.getElementById('kb').value = (kbs) ? kbs : "0";
loadimg();
	loadfile();
			  document.getElementById("afronden" + id).innerHTML = value.id;
        	document.getElementById("afrondenname" + id).innerHTML = value.innerHTML;
        	
	var getmaat = document.getElementById('maat').options[document.getElementById('maat').selectedIndex].innerHTML;
	var getdik = document.getElementById('dikte').options[document.getElementById('dikte').selectedIndex].value;
	
		var getdikmaat = document.getElementById('dikte').options[document.getElementById('dikte').selectedIndex].innerHTML;
	getdik = getdik.split(",");
	document.getElementById('UserUpload').src = "inc/php/countprice.php?type="+getmaat+"&dik="+getdik[0]+"&mm="+getdikmaat;
	
	   
}

function loadfile(){
	var XMLmovie = getFlashObjectup();
        XMLmovie.uploadfile(document.getElementById('kb').value,document.getElementById('imgids').value); 	
}



function changemasterprice(numb){
	

	var totalverzenden = Number(document.getElementById('verzendkosten').innerHTML);
	var totalamountprice = (Number(document.getElementById('totalprice').innerHTML) * Number(numb.value))+totalverzenden;
	var totalamountpricecanvas =  (Number(document.getElementById('afrondencanvastotaal').innerHTML) * Number(numb.value)); 
	
	
	if(Number(document.getElementById('kortingpercent').innerHTML) > 0){
		var kortings = totalamountpricecanvas/100*Number(document.getElementById('kortingpercent').innerHTML);
		document.getElementById('korting').style.display = 'block';
		document.getElementById('afrondenkortingprice').innerHTML = kortings.toFixed(2);
		totalamountprice = totalamountprice - document.getElementById('afrondenkortingprice').innerHTML;
	}else{
		document.getElementById('korting').style.display = 'none';
		}

	document.getElementById('verzendkostentotalprice').innerHTML = totalverzenden.toFixed(2);
	document.getElementById('afrondentotalprice').innerHTML = totalamountprice.toFixed(2);
	document.getElementById('afrondencanvastotaallast').innerHTML = totalamountpricecanvas.toFixed(2);
	
	
}



	var flash_ID = "app";
	var flash_Obj = null;
	function getFlashObject(){
		if (flash_Obj == null){
			var flashObj;
			if (navigator.appName.indexOf( "Microsoft" ) != -1){
	       	   flashObj = window[flash_ID];
	   	    } 
	   		else{
	    		 flashObj = window.document[flash_ID];
	    	}
	    	flash_Obj = flashObj;
		}
	
		return flash_Obj;
	}
	
		var flash_IDup = "up";
	var flash_Objup = null;
	function getFlashObjectup(){
		if (flash_Objup == null){
			var flashObjup;
			if (navigator.appName.indexOf( "Microsoft" ) != -1){
	       	   flashObjup = window[flash_IDup];
	   	    } 
	   		else{
	    		 flashObjup = window.document[flash_IDup];
	    	}
	    	flash_Objup = flashObjup;
		}
	
		return flash_Objup;
	}
function canvasdata(data){
	
	 document.getElementById('datainput').value = data;
	 validationcheck(3);
	 closeflashcompo();
	 closeflashcompo2();
}

function loadimg(){
	var XMLmovie = getFlashObject();
        XMLmovie.flashstage(document.getElementById('stagew').value, 
        					document.getElementById('stageh').value, 
        					document.getElementById('snijmarge').value,
        					document.getElementById('img').value,document.getElementById('dpi').value,document.getElementById('kb').value); 	
}


function CopySubmitAdress(){
	var string = "";
	if(document.getElementById('afleveradres').checked == true){
		
		string += document.getElementById('voorlettersaflever').value;
		string += ' ';
		string += document.getElementById('naamaflever').value;
		string += '<br />';
		string += document.getElementById('adresaflever').value;
		string += '<br />';
		string += document.getElementById('postcodeaflever').value;
		string += ' ';
		string += document.getElementById('plaatsaflever').value;
		document.getElementById('Submitadress').value = string;
		document.getElementById('ShowDelivery').innerHTML = string;
		
	}else if(document.getElementById('newuser').checked == true && document.getElementById('afleveradres').checked == false){
		
		string += document.getElementById('voorletters').value;
		string += ' ';
		string += document.getElementById('naam').value;
		string += '<br />';
		string += document.getElementById('adres').value;
		string += '<br />';
		string += document.getElementById('postcode').value;
		string += ' ';
		string += document.getElementById('plaats').value;
		document.getElementById('Submitadress').value = string;
		document.getElementById('ShowDelivery').innerHTML = string;	
	}
		
}

function UserSwitch(ID){
	  if(ID){
	      document.getElementById('login').style.display = 'block'; 
	      document.getElementById('nieuw').style.display = 'none';	
	      document.getElementById('Submitadress').value = document.getElementById('SubmitadressLogin').value;
	      document.getElementById('ShowDelivery').innerHTML = document.getElementById('SubmitadressLogin').value;
	      
	  }else{
	      document.getElementById('login').style.display = 'none';
	      document.getElementById('nieuw').style.display = 'block';
	 }
}

function DeliverySwitch(Obj){
	if (Obj.checked) { 
	 	document.getElementById('aflever').style.display = 'block' 
 	}else{ 
	 	document.getElementById('aflever').style.display = 'none';
 	}
}


function CheckUser(){
	var password = document.getElementById('password').value;
	var user = document.getElementById('user').value;

				if(password == "" || user == ""){
					errors('U kunt nog niet verder met de volgende stap. Uw inlog gegevens zijn niet compleet ingevuld.');
					
				}else{
					errors("<img src=\"img/template/loader.gif\" style=\"float: left;\" /> U wordt nu ingelogd. <br />Ogenblik geduld a.u.b.");
					document.getElementById('UserUpload').src = "inc/php/checkUser.php?p="+password+"&u="+user;
					}
	
}

function goback(ID){
	
	 switchTab("Tab"+ID)
	
	}