var imgIterator = -1;
var fadeoutMilisec=500;
var fadeinMilisec=500;
var intervalTime = 6000;

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;
		
		imageViewObject.fadeOut(500);
		setTimeout(function(){
			imageViewObject.css({"backgroundImage":"url("+imgArray[imgIterator]+")"});
			imageViewObject.show(0);
		},600);

		imageViewObjectBG
	}
}

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

function resposeCallback(response){
	tb_show('','http://www.hgh.nl/dev/inspire/tb/bedanktInschrijven.php?width=485&height=325','');
  return true;
}

function bedanktCallBack(response){
	tb_show('','http://www.hgh.nl/dev/inspire/tb/bedanktCallBack.php?width=485&height=325','');
  return true;
}

function bedanktDownloadBack(response){
	tb_show('','http://www.hgh.nl/dev/inspire/tb/bedanktdownload.php?width=485&height=325','');
  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";
}

$(document).ready(function(){
	if(document.getElementById('colomcontent') != null){
		if(document.getElementById('listPane') != null){
			if(document.getElementById('listPane').offsetHeight > document.getElementById('rightcolom').offsetHeight)
				contentHeight = document.getElementById('listPane').offsetHeight;
			else
				contentHeight = document.getElementById('rightcolom').offsetHeight;
		}else{
			if(document.getElementById('colomcontent').offsetHeight > document.getElementById('rightcolom').offsetHeight)
				contentHeight = document.getElementById('colomcontent').offsetHeight;
			else
				contentHeight = document.getElementById('rightcolom').offsetHeight;
		}
		$('#middleShadeLeft,#middleShadeRight,#subsubmenu').css({'height':(contentHeight-86)})
	}

	$('.rightButton').hover(
		function(){
			$(this).addClass('rightButtonActive');
		},
		function(){
			$(this).removeClass('rightButtonActive');
		}
	);

	setTimeout(function(){
		document.getElementById('content').style.paddingRight = 0;
	},100)

	$('.subsubmenuLink').hover(
		function(){
			$(this).addClass('subsubmenuLinkActive');
		},
		function(){
			$(this).removeClass('subsubmenuLinkActive');
		}
	);
	$('.submenu').hover(
		function(){
			$(this).addClass('submenuActive');
		},
		function(){
			$(this).removeClass('submenuActive');
		}
	);
});