var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

window.onload = jsOnload

var intVal, imgX
imgX = 0

var arrSlider = [];

var cntSliderImg = 13; // total slider images
var numSliderImg = 0; // current arrSliderImg index
var arrSliderImg = ['1','3','2','4','5','6','7','8','9','10','11','12','13']; // slider image order


var slideDelay = 6000

var images = [];

function preloadSlides() {
	for (i = 0; i < cntSliderImg; i++) {
		images[i] = new Image()
		images[i].src = "/images/slider/slide" + arrSliderImg[i] + ".png"
	}
}
		
function jsOnload(){


	setTimeout("preloadSlides()", 200);
	
	numSliderImg = Math.round(Math.random() * (cntSliderImg - 1)) 

	new SliderImg(0)
	setInterval("new SliderImg()", slideDelay)

}

function moveImage(){


	// imgX = imgX + 1
	// if (imgX > 9000){
		// imgX = 0
	// }

}



function SliderImg(idImg) {
	
	this.useSliderImg = arrSliderImg[numSliderImg]
	
	numSliderImg++;
	
	if (numSliderImg >= cntSliderImg) numSliderImg = 0
	
	this.idImg = idImg
	this.imgX = -1000
	this.imgVX = 0
	
	// Start position
	if (idImg == 0){
		this.imgX = 270
	}
	
	this.img = new Image()
	this.img.src = "/images/slider/slide" + this.useSliderImg + ".png"
	
	this.intTimeout = null
	
	this.slideOutSeconds = slideDelay - 200
	this.tweenStyle = 0
	
	var tmpThis = this;
	
	this.img.onclick = function (){ 
		tmpThis.slideOut()
		new SliderImg()
		
	};
	
	this.img.style.position = "absolute"
	
	this.img.style.marginLeft = this.imgX + "px"
	this.img.style.marginTop = "0px"
	
	document.getElementById("sliderContainer").appendChild(this.img)
	
	this.moveX = function (){
	
		if (this.tweenStyle == 0){
			// Tween in
			this.imgVX = (this.imgVX + ( this.targetX - this.imgX )) * 0.88
			this.imgX += this.imgVX / 100;
		} else if (this.tweenStyle == 1){
			// Tween out
			this.imgVX += 2
			this.imgX += this.imgVX ;
		} 
		
		this.img.style.marginLeft = this.imgX + "px"
	
		if (this.imgX > 1800) {
			clearInterval(this.intVal)
			this.img.src = ""
			
			try {
				document.getElementById("sliderContainer").removeChild(this.img)
			} catch(e) { }
			
			
			
			return false;
		}
	}
	
	this.intValFunc = function (){
		var tmpThis = this
		return 
	}
	
	this.slideIn = function (){
		this.tweenStyle = 0
		this.targetX = 270
		clearInterval(this.intVal)
		this.intVal = setInterval( function (){tmpThis.moveX()}, 20 )
		this.intTimeout = setTimeout( function (){tmpThis.slideOut()}, this.slideOutSeconds )
	}

	this.slideOut = function (){
		this.imgVX = 0
		this.tweenStyle = 1
		this.targetX = 2000
		clearInterval(this.intVal)
		this.intVal =  setInterval( function (){tmpThis.moveX()}, 20 )
	}
	
	this.slideIn();
	
}





// open hidden layer
function mopen(id)
{	
	mcancelclosetime();
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
}

function mclose(id)
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime(id)
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime(id)
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}


// close layer when click-out
document.onclick = mclose;

function jsInputBlur(obj){


	if (obj.value == ""){
		if (obj.name == "telefoon"){
			 obj.value = formtelefoonnummer
			 obj.className = "bigInputEmpty"
		}
		
		if (obj.name == "email"){
			 obj.value = formemail
			 obj.className = "bigInputEmpty"
		}
		
		if (obj.name == "naam"){
			 obj.value = formnaam
			 obj.className = "bigInputEmpty"
		}
		
		if (obj.name == "bedrijf"){
			obj.value = formbedrijf
			obj.className = "bigInputEmpty"
		}
		}
}

function jsInputFocus(obj){
	obj.className = "bigInput"
	if (obj.value == formnaam || obj.value == formbedrijf || obj.value == formtelefoonnummer  || obj.value == formemail ){
		obj.value = "";
	}
}

function jsTAFocus(obj){
	obj.className = "contactVraag"
	if (obj.value == formvraag ){
		obj.value = "";
	}
}

function jsTABlur(obj){
	if (obj.value == ""){
		obj.value = formvraag
		obj.className = "contactVraagEmpty"
	}
}