var imgIterator = -1;
var fadeoutMilisec=500;
var fadeinMilisec=500;
var intervalTime = 6000;
var maat=0;
var imgArray = new Array();
var imageViewObject=null;
var processingClick=false;

/*
Gebruik,

vul in de pagina de array 
	imgArray[<?=$key?>] = "<?=$url?>";
om te loopen start 
loopBackgroundImage(dest)

andes vul
imageViewObject = $('#content');
en run event op nextImage()
*/

function loopBackgroundImage(dest){
	imageViewObject = $(dest);
	setInterval(function(){nextImage()},intervalTime);	
}

function nextImage(ani){
	if(processingClick==false){
		processingClick=true;
		imgIterator++;
		if(ani==null)loadCurrentImg();
		else loadCurrentImgFade();
	}
}
function prevImage(ani){
	if(processingClick==false){
		processingClick=true;
		imgIterator--;
		if(ani==null)loadCurrentImg();
		else loadCurrentImgFade();
	}
}

function loadCurrentImg(){
	if(imageViewObject != null){
		if(imgIterator < 0){
			imgIterator = (imgArray.length-1)
		}
		
		if(imgArray[imgIterator] == null){
			//Alle afbeeldingen zijn getoond, start een nieuw project
			imgIterator=0;
		}
		
		imageViewObject.fadeTo(fadeoutMilisec,0);
		setTimeout(function(){
			imageViewObject.css({"background-image":"url('"+imgArray[imgIterator]+"')"	});
			imageViewObject.fadeTo(fadeinMilisec,1,function(){processingClick=false;});		
		},fadeoutMilisec);
	}
}

var fastLoad="";
function loadCurrentImgFade(){
	if(imageViewObject != null){
		if(imgIterator < 0){
			imgIterator = (imgArray.length-1)
		}
		
		if(imgArray[imgIterator] == null){
			//Alle afbeeldingen zijn getoond, start een nieuw project
			imgIterator=0;
		}
		var loadTime=0;
		if(imgArray[imgIterator] != fastLoad){
			imageViewObjectBG.css({"background-image":"url('"+imgArray[imgIterator]+"')"});
			loadTime = 500;
		}else{
			loadTime = 0;
		}

		fadeoutMilisec=500;
		setTimeout(function(){
			imageViewObject.fadeOut(fadeoutMilisec);

			setTimeout(function(){
				if(imgArray!=null){
					currentActiveLBimg=imgArray[imgIterator];
				}
				//imageViewObject.fadeTo(fadeinMilisec,1,function(){processingClick=false;});		
				processingClick=false;
				imageViewObject.css({"background-image":"url('"+imgArray[imgIterator]+"')"});
				imageViewObject.show();
				
				if(imgArray[(imgIterator+1)] != null){
					imageViewObjectBG.css({"background-image":"url('"+imgArray[(imgIterator+1)]+"')"});
					fastLoad = imgArray[(imgIterator+1)];
				}
			},fadeoutMilisec+200);
		},loadTime);
	}
}

//Contactformulier ondersteuning
function startCallback(){
  return true;
}

function formSubmitted(){
	document.getElementById('formHTML').innerHTML ="Bedankt voor het aanvragen van informatie<br>Wij zullen zo spoedig mogelijk contact met u opnemen.<br><br>Met vriendelijke groet,<br><Br>It's us";
}

function bestelformulierToevoegen(product_id,numb){
	if(document.getElementById("maat") != null){
		maat = document.getElementById("maat")[document.getElementById("maat").selectedIndex].text;
	}

	if(document.getElementById("steel1") != null){
		if(document.getElementById("steel1").checked == true){
			var steel = 'met steel'
		}else{
			var steel = 'zonder steel'
		}
	}
	
	ajax("inspire/html/ajax/addproduct.php?product_id="+product_id+"&maat="+maat+"&steel="+steel+"&numb="+numb,document.getElementById("TB_ajaxContent"));
	tb_remove();

	if($('#downloadbutton').css("display") == "none"){
		$('#downloadbutton').show();
		$('#downloadbutton ul').css({padding:"0px 10px 0px 30px","height":"0px"});
		$('#downloadbutton ul').animate({"height":"20px","paddingTop":"5px","paddingBottom":"5px"},600);	
	}
}

function downloadFormulier(){
	ajax("<?=$cms->websiteUrl?>/inspire/html/ajax/formulierThickbox.php",document.getElementById("TB_ajaxContent"));
}

function setPrijs(){
	
	if(document.getElementById("maat") != null){
		maat = document.getElementById("maat")[document.getElementById("maat").selectedIndex].value;
	}else{
		maat = document.getElementById("intprijs").value;
	}

	if(document.getElementById("steel1") != null){
		if(document.getElementById("steel1").checked == true){
			var steel = 0;
		}else{
			var steel = document.getElementById('zondersteelprijs').value;
		}
	}else{
		var steel = 0;
	}
	
	
	if(document.getElementById("prijs") != null){
		document.getElementById("prijs").innerHTML=$.sprintf("%.2f",(maat-steel)).replace(".",",");
	}
}