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

var imgArray = new Array();
var imageViewObject=null;
var processingClick=false;
var savevalue="";
/*
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 printf(fstring){
	var pad = function(str,ch,len)
      { var ps='';
        for(var i=0; i<Math.abs(len); i++) ps+=ch;
        return len>0?str+ps:ps+str;
      }
    var processFlags = function(flags,width,rs,arg)
      { var pn = function(flags,arg,rs)
          { if(arg>=0)
              { if(flags.indexOf(' ')>=0) rs = ' ' + rs;
                else if(flags.indexOf('+')>=0) rs = '+' + rs;
              }
            else
                rs = '-' + rs;
            return rs;
          }
        var iWidth = parseInt(width,10);
        if(width.charAt(0) == '0')
          { var ec=0;
            if(flags.indexOf(' ')>=0 || flags.indexOf('+')>=0) ec++;
            if(rs.length<(iWidth-ec)) rs = pad(rs,'0',rs.length-(iWidth-ec));
            return pn(flags,arg,rs);
          }
        rs = pn(flags,arg,rs);
        if(rs.length<iWidth)
          { if(flags.indexOf('-')<0) rs = pad(rs,' ',rs.length-iWidth);
            else rs = pad(rs,' ',iWidth - rs.length);
          }    
        return rs;
      }
    var converters = new Array();
    converters['c'] = function(flags,width,precision,arg)
      { if(typeof(arg) == 'number') return String.fromCharCode(arg);
        if(typeof(arg) == 'string') return arg.charAt(0);
        return '';
      }
    converters['d'] = function(flags,width,precision,arg)
      { return converters['i'](flags,width,precision,arg); 
      }
    converters['u'] = function(flags,width,precision,arg)
      { return converters['i'](flags,width,precision,Math.abs(arg)); 
      }
    converters['i'] =  function(flags,width,precision,arg)
      { var iPrecision=parseInt(precision);
        var rs = ((Math.abs(arg)).toString().split('.'))[0];
        if(rs.length<iPrecision) rs=pad(rs,' ',iPrecision - rs.length);
        return processFlags(flags,width,rs,arg); 
      }
    converters['E'] = function(flags,width,precision,arg) 
      { return (converters['e'](flags,width,precision,arg)).toUpperCase();
      }
    converters['e'] =  function(flags,width,precision,arg)
      { iPrecision = parseInt(precision);
        if(isNaN(iPrecision)) iPrecision = 6;
        rs = (Math.abs(arg)).toExponential(iPrecision);
        if(rs.indexOf('.')<0 && flags.indexOf('#')>=0) rs = rs.replace(/^(.*)(e.*)$/,'$1.$2');
        return processFlags(flags,width,rs,arg);        
      }
    converters['f'] = function(flags,width,precision,arg)
      { iPrecision = parseInt(precision);
        if(isNaN(iPrecision)) iPrecision = 6;
        rs = (Math.abs(arg)).toFixed(iPrecision);
        if(rs.indexOf('.')<0 && flags.indexOf('#')>=0) rs = rs + '.';
        return processFlags(flags,width,rs,arg);
      }
    converters['G'] = function(flags,width,precision,arg)
      { return (converters['g'](flags,width,precision,arg)).toUpperCase();
      }
    converters['g'] = function(flags,width,precision,arg)
      { iPrecision = parseInt(precision);
        absArg = Math.abs(arg);
        rse = absArg.toExponential();
        rsf = absArg.toFixed(6);
        if(!isNaN(iPrecision))
          { rsep = absArg.toExponential(iPrecision);
            rse = rsep.length < rse.length ? rsep : rse;
            rsfp = absArg.toFixed(iPrecision);
            rsf = rsfp.length < rsf.length ? rsfp : rsf;
          }
        if(rse.indexOf('.')<0 && flags.indexOf('#')>=0) rse = rse.replace(/^(.*)(e.*)$/,'$1.$2');
        if(rsf.indexOf('.')<0 && flags.indexOf('#')>=0) rsf = rsf + '.';
        rs = rse.length<rsf.length ? rse : rsf;
        return processFlags(flags,width,rs,arg);        
      }  
    converters['o'] = function(flags,width,precision,arg)
      { var iPrecision=parseInt(precision);
        var rs = Math.round(Math.abs(arg)).toString(8);
        if(rs.length<iPrecision) rs=pad(rs,' ',iPrecision - rs.length);
        if(flags.indexOf('#')>=0) rs='0'+rs;
        return processFlags(flags,width,rs,arg); 
      }
    converters['X'] = function(flags,width,precision,arg)
      { return (converters['x'](flags,width,precision,arg)).toUpperCase();
      }
    converters['x'] = function(flags,width,precision,arg)
      { var iPrecision=parseInt(precision);
        arg = Math.abs(arg);
        var rs = Math.round(arg).toString(16);
        if(rs.length<iPrecision) rs=pad(rs,' ',iPrecision - rs.length);
        if(flags.indexOf('#')>=0) rs='0x'+rs;
        return processFlags(flags,width,rs,arg); 
      }
    converters['s'] = function(flags,width,precision,arg)
      { var iPrecision=parseInt(precision);
        var rs = arg;
        if(rs.length > iPrecision) rs = rs.substring(0,iPrecision);
        return processFlags(flags,width,rs,0);
      }
    farr = fstring.split('%');
    retstr = farr[0];
    fpRE = /^([-+ #]*)(\d*)\.?(\d*)([cdieEfFgGosuxX])(.*)$/;
    for(var i=1; i<farr.length; i++)
      { fps=fpRE.exec(farr[i]);
        if(!fps) continue;
        if(arguments[i]!=null) retstr+=converters[fps[4]](fps[1],fps[2],fps[3],arguments[i]);
        retstr += fps[5];
      }
    return retstr;
}

function lookup(inputString) {
	if(inputString.length == 0) {
		// Hide the suggestion box.
		$('#suggestions').hide();
	} else {
		$.post("inspire/ajax/autosuggest.php", {queryString: ""+inputString+""}, function(data){
			if(data.length >0) {
				$('#suggestions').show();
				$('#autoSuggestionsList').html(data);
			}
		});
	}
} // lookup
	
function fill(curvalue,curvaueid) {
	$('#woonplaats').attr('value',curvalue);
	document.getElementById('factuur[plaats_id]').value=curvaueid;
	setTimeout("$('#suggestions').hide();", 200);
}
	
function lookup2(inputString) {
	if(inputString.length == 0) {
		// Hide the suggestion box.
		$('#suggestions2').hide();
	} else {
		$.post("inspire/ajax/autosuggest.php?fillnumb=2", {queryString: ""+inputString+""}, function(data){
			if(data.length >0) {
				$('#suggestions2').show();
				$('#autoSuggestionsList2').html(data);
			}
		});
	}
} // lookup

function fill2(curvalue,curvaueid) {
	$('#woonplaats2').attr('value',curvalue);
	document.getElementById('aflever[plaats_id]').value=curvaueid;
	setTimeout("$('#suggestions2').hide();", 200);
}
var leaderItterator=0;
var leaders = new Array();
var preloader = new Array();
var sliderInterval = "";
var status = "waiting";
function changeLeader(direction){
	if(direction == 'next')
		leaderItterator++;

	if(leaders[leaderItterator] == null){
		leaderItterator = 0;
	}
	
	
	$('#content_blok_rechts_behind').css('backgroundImage',$('#product_'+leaders[leaderItterator]).css('backgroundImage'));
	$("#content_blok_rechts_behind").html($('#product_'+leaders[leaderItterator]).html());
	$("#content_blok_rechts_behind").show(0);
	$("#content_blok_rechts_top").fadeOut(500);

	setTimeout(function(){
		$('#content_blok_rechts_top').css('backgroundImage',$('#content_blok_rechts_behind').css('backgroundImage'));
		$("#content_blok_rechts_top").html($("#content_blok_rechts_behind").html());
		$("#content_blok_rechts_top").show(0);
		$("#content_blok_rechts_behind").hide(0);
	},800);
}

function changeLeaderSlide(direction){
	if(status == "waiting"){
		status = "sliding";
		if(direction == 'next')
			leaderItterator++;
	
		if(leaders[leaderItterator] == null){
			leaderItterator = 0;
		}
		
		$('.navigator').removeClass('activeButton');
		
		$("#slide_right").html($('#product_'+leaders[leaderItterator]).html());
		$('#slide_right').css('backgroundImage',$('#product_'+leaders[leaderItterator]).css('backgroundImage'));
		$('#slider').animate({'marginLeft':"-737px"},750);
		
		setTimeout(function(){
			$('#button_'+leaderItterator).addClass('activeButton');
			$('#slide_left').html($('#slide_right').html());
			$('#slide_left').css('backgroundImage',$('#slide_right').css('backgroundImage'));
	
			$('#slider').css({'marginLeft':"0px"});
			status = "waiting";
		},850);
	}else{
		setTimeout(function(){changeLeaderSlide(direction);},900);
	}
}