var imgIterator = -1;
var fadeoutMilisec=400;
var fadeinMilisec=800;
var intervalTime = 4000;

var imgArray = new Array();
var woningArray = new Array();
var plattegrondArray = new Array();
var locatieArray = new Array();
					
var imageViewObject=null;
var processingClick=false;
var myinterval=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(){
	if(myinterval != false){
		clearInterval(myinterval);
	}
	myinterval = setInterval(function(){nextImage()},intervalTime);	
}

function nextImage(){
	if(processingClick==false){
		processingClick=true;
		imgIterator++;
		loadCurrentImg();
		//hideImageText();
	}
}

function prevImage(){
	if(processingClick==false){
		processingClick=true;
		imgIterator--;
		loadCurrentImg();
		//hideImageText();
	}
}

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

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

function formSubmitted(){
	document.getElementById('contact_div').style.paddingTop = '50px';
	document.getElementById('contact_div').innerHTML = document.getElementById('bedanktText').innerHTML;
}

var currentU;
var currentO;
var menuiterator=0;

function loadPage(obj,u,thickbox){
	if($(obj).parent().get(0).className == "lang_menu_2"){
		animateMenu();
	}else{
		if($(obj).parent().get(0).className == "lang_menu_3"){
			animateMenu(2);
			setTimeout(function(){
				animateMenu(2);
			},300);
		}
	}
	if(thickbox==true){
		tb_show("", u+"&height=475&width=735&animation=fade", "");
	}else
		ajax(u,document.getElementById('content'));
		
	currentU = u;
	currentO = obj;
}

var animation=false;
var menuInterline = 18;

function animateMenu(times){
	if(times == 2){
		speed=500;
	}else{
		speed = 500;
	}
	
	if(animation == false){
		animation = true;
		//Anitmate the menu
		$('.lang_menu_1 a,.lang_menu_2 a,.lang_menu_3 a,.lang_menu_4 a,.lang_menu_5 a').css({'color':'#ac625a'});

		if(times == 2){
			$('.lang_menu_4').attr('innerHTML',$('.lang_menu_1').attr('innerHTML'));
			$('.lang_menu_5').attr('innerHTML',$('.lang_menu_2').attr('innerHTML'));
				
			$('.lang_menu_1').animate({'top':'-'+(menuInterline*2)+'px'},speed);
			$('.lang_menu_2').animate({'top':'-'+(menuInterline)+'px'},speed);
			$('.lang_menu_3').animate({'top':'0px'},speed);
			$('.lang_menu_4').animate({'top':(menuInterline)+'px'},speed);
			$('.lang_menu_5').animate({'top':(menuInterline*2)+'px'},speed);
			setTimeout(function(){
				//Reset the divs
				$('.lang_menu_1').stop();
				$('.lang_menu_1').css({'top':'0px'});
				$('.lang_menu_1').attr('innerHTML',$('.lang_menu_3').attr('innerHTML'));

				$('.lang_menu_2').stop();
				$('.lang_menu_2').css({'top':(menuInterline)+'px'});
				$('.lang_menu_2').attr('innerHTML',$('.lang_menu_4').attr('innerHTML'));
				
				$('.lang_menu_3').stop();
				$('.lang_menu_3').css({'top':(menuInterline*2)+'px'});
				$('.lang_menu_3').attr('innerHTML',$('.lang_menu_5').attr('innerHTML'));
					
				$('.lang_menu_4').css({'top':(menuInterline*3)+'px'});
				$('.lang_menu_5').css({'top':(menuInterline*4)+'px'});
				
				$('.lang_menu_1 a').css({'color':'#660000'});
				$('.lang_menu_2 a').css({'color':'#700e0c'});
				$('.lang_menu_3 a,.lang_menu_4 a,.lang_menu_5 a').css({'color':'#ac625a'});
				
				animation = false;
			},speed+100);
		}else{
			$('.lang_menu_4').attr('innerHTML',$('.lang_menu_1').attr('innerHTML'));
				
			$('.lang_menu_1').animate({'top':'-'+(menuInterline)+'px'},speed);
			$('.lang_menu_2').animate({'top':'0px'},speed);
			$('.lang_menu_3').animate({'top':(menuInterline)+'px'},speed);
			$('.lang_menu_4').animate({'top':(menuInterline*2)+'px'},speed);
				
			setTimeout(function(){
			//Reset the divs
				$('.lang_menu_1').stop();
				$('.lang_menu_1').css({'top':'0px'});
				$('.lang_menu_1').attr('innerHTML',$('.lang_menu_2').attr('innerHTML'));

				$('.lang_menu_2').stop();
				$('.lang_menu_2').css({'top':(menuInterline)+'px'});
				$('.lang_menu_2').attr('innerHTML',$('.lang_menu_3').attr('innerHTML'));
				
				$('.lang_menu_3').stop();
				$('.lang_menu_3').css({'top':(menuInterline*2)+'px'});
				$('.lang_menu_3').attr('innerHTML',$('.lang_menu_4').attr('innerHTML'));
					
				$('.lang_menu_4').css({'top':(menuInterline*3)+'px'});
				
				$('.lang_menu_1 a').css({'color':'#660000'});
				$('.lang_menu_2 a').css({'color':'#700e0c'});
				$('.lang_menu_3 a,.lang_menu_4 a').css({'color':'#ac625a'});
				animation = false;
			},speed+100);
		}
	}
}

var textStatus='up';
function hideImageText(){
	if(textStatus == 'up'){
		$('#project_info_text').fadeOut(300);
		setTimeout(function(){
			$('#project_info_text').attr("innerHTML","");
			$("#project_info_text_bg,#project_info_text").css({height:"200px",padding:"0px 20px 0px 20px"});
			$("#project_info_text_bg,#project_info_text").animate({height:"0px"},500);
			textStatus='down';
		},320);
	}
}

function showImageText(pid){
	if(textStatus == "down"){
		$("#project_info_text_bg").animate({height:"200px",padding:"20px 20px 20px 20px"},500);
	}
	
	setTimeout(function(){
		if(textStatus == "down"){
			$("#project_info_text_bg,#project_info_text").css({padding:"20px 20px 20px 20px"});
			$('#project_info_text').hide();
		}
		
		$('#project_info_text').css({height:"200px",padding:"20px 20px 20px 20px"});
		$('#project_info_text').attr("innerHTML",$('#project_'+pid+"_text").attr("innerHTML"));
		$('#project_info_text').fadeIn(300);
	},600);
	textStatus='up';
}

function showCategorie(inputArray){
	clearInterval(myinterval);
	hideImageText();
	imgArray=inputArray;
	$.preload(imgArray);
	imgIterator=0;
	loadCurrentImg();

	if(imgArray.length > 1){
		loopBackgroundImage();
	}
}