window.addEvent('domready',function() {
	if($('homeSlider') != null){
		initHomeSlider();
		MM_preloadImages('/data/home-slider/slider-plaatbewerking.jpg','/data/home-slider/slider-prototypbouw.jpg','/data/home-slider/slider-kleinconstructie.jpg','/data/home-slider/slider-montage.jpg');
	}
	
	
	var allowClick = true;
	
	var imageSize = 445;
	
	var detailSlider = $('detailSlider');
    var imageContainer = $('imageContainer');
	var sliderText = $('detailSliderText');
	var slides = $('slides');
	if(slides != null) {
  	var allSlidesText = slides.getElements('div');
  	
  	var allImages = imageContainer.getElements('div.image');
      var numberOfImages = allImages.length;
  	
  	var totalLength = imageSize*numberOfImages;
  	
  	var counter = 1;
  	allSlidesText.each(function(element){
  		if(element.get('rel') == counter){
  			text = element.get('html');
  		}
  	});
  	
  	sliderText.set('html', text);
  	
  	var myFx = new Fx.Tween(imageContainer, {
          duration: 'short',
          transition: 'sine:in:out',
          link: 'cancel',
          property: 'margin-left',
          onComplete: function() {
			   allowClick = true;
		  }
      });
      
      var backBtn = detailSlider.getElement('a.backBtn');
  	var fwdBtn = detailSlider.getElement('a.fwdBtn');
          
  	fwdBtn.addEvent('click',function(e){
  		e.preventDefault();
  				
  		if(allowClick == true){
  			
  			counter = counter +1;
	  		var margin = imageContainer.getStyle('margin-left');
	  		var newMargin = margin.toInt() - imageSize;
	  		if(newMargin < (-totalLength+imageSize)){
	  			newMargin = 0;	
	  			counter = 1;
	  		}
	  		var text = '';
	  		allSlidesText.each(function(element){
	  			if(element.get('rel') == counter){
	  				text = element.get('html');
	  			}
	  		});
	  		sliderText.set('html', text);
	  		myFx.start(newMargin);
  		}
  		allowClick = false;  
  	});
  	
  	backBtn.addEvent('click',function(e){
  		e.preventDefault();
  		
  		if(allowClick == true){
  			counter = counter -1;
	  		var margin = imageContainer.getStyle('margin-left');
	  		var newMargin = margin.toInt() + imageSize;
	  		if(newMargin > 0){
	  			newMargin = -totalLength +imageSize;
	  			counter = numberOfImages;	
	  		}
	  		allSlidesText.each(function(element){
	  			if(element.get('rel') == counter){
	  				text = element.get('html');
	  			}
	  		});
	  		sliderText.set('html', text);
	  		myFx.start(newMargin);
	  	}
  		allowClick = false;
  	});
	}
	
  SqueezeBox.assign($$('a.offer'), {
    handler:'iframe',
    size:{x:500,y:700}
  });
  
  $$('div.offer').addEvent('click', function() {
    var link = this.getElement('a');
    link.fireEvent('click');
  });
  
  SqueezeBox.assign($$('.reference a.referencelink'), {
    handler:'iframe',
    size:{x:500,y:600}
  });
  
  $$('a.submit').addEvent('click', function(e) {
    if(e != null) {
      e.preventDefault();
    }
    var form = this.getParent('form');
    form.submit();
  });
	
});

// JavaScript Document
var currentImage = 1;
var maxImages = 4;
var periodical = null;

function slide() {
	
	if (currentImage < maxImages) {
		currentImage++;
	}
	else {
		currentImage = 1;
	}
	
	$$('#homeSlider .item').removeClass('active');
	
	var elm = $('item'+currentImage);
	
	elm.addClass('active');

	var relValue = elm.get('rel');
	var splitValue = relValue.split('|');
			
	if(splitValue[0] != null) {
	  var backgroundSlider = splitValue[0];
	}
	
	$('homeSlider').setStyle("background-image", "url('"+backgroundSlider+"')");
	$('linkField').addEvent('click', function(e) {
		if(splitValue[1] != null) {
		  window.location = splitValue[1];
		}			
	});
	
}

function initHomeSlider() {
	
	var relValue = $('item1').get('rel');
	var splitValue = relValue.split('|');
		
	if(splitValue[0] != null) {
	  var backgroundSlider = splitValue[0];
	}
		
	$('homeSlider').setStyle("background-image", "url('"+backgroundSlider+"')");
	$('linkField').addEvent('click', function(e) {
		if(splitValue[1] != null) {
		  window.location = splitValue[1];
		}			
	});
	
	$$('#homeSlider .item a').addEvent('click', function(e) {
		var link = this.get('href');
		window.location = link;
	});
	
	$$('#homeSlider .item').addEvent('click', function(e) {
		if (e) e.preventDefault();
		$$('#homeSlider .item').removeClass('active');

		this.addClass('active');
		var relValue = this.get('rel');
		var splitValue = relValue.split('|');
		
		
		if(splitValue[0] != null) {
		  var backgroundSlider = splitValue[0];
		}
		
		$('homeSlider').setStyle("background-image", "url('"+backgroundSlider+"')");
		$('linkField').addEvent('click', function(e) {
			if(splitValue[1] != null) {
			  window.location = splitValue[1];
			}			
		});
		
		clearInterval(periodical);
	});
	
	periodical = slide.periodical(5000);
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}