window.addEvent('domready', function() {
	$$('div.item').each( function(el) {
		el.addEvent('mouseover',function(){ this.addClass("hover-ie")});
		el.addEvent('mouseout',function(){ this.removeClass("hover-ie")});
	});
	
	$$('div.overzicht').each( function(el) {
		el.addEvent('mouseover',function(){ this.addClass("hover-ie")});
		el.addEvent('mouseout',function(){ this.removeClass("hover-ie")});
	});
	
	$$('a.externe-link').each( function(el) {
		el.target = '_blank';
	});
	
	// minifoto to grote foto's
	$$('div#thumbnails a').each( function(el) {
		if(!el.hasClass('nozoom')) {
			
			el.addEvent('click', function(event){				
				// switch the image
				var tmpSrc,tmpTxt,tmpUrl;
				
				// is it for products (big) or contentpages (small)
				if(!$chk($('zoom')))
					tmpUrl = "/uploads/img";
				else
					tmpUrl = "/uploads/imgproduct";
				
				var bigImg = $('placeholderimg');				
				
				tmpSrc = bigImg.get('rel');
				tmpTxt = bigImg.getParent().get('title');
				
				// big image
				bigImg.set('src',tmpUrl + "groot/" + el.getFirst().get('rel'));
				bigImg.set('rel',el.getFirst().get('rel'));
				bigImg.getParent().set('title',el.getFirst().get('title'));
				
				
				// big images <a> (for lightbox src)
				bigImg.getParent().set('href', tmpUrl + "lightbox/" + el.getFirst().get('rel'));				
				
				// small image			
				el.getFirst().set('src', tmpUrl + "klein/" + tmpSrc);
				el.getFirst().set('rel', tmpSrc);
				el.getFirst().set('title', tmpTxt);
				el.getParent().set('src', tmpUrl + "lightbox/" + tmpSrc);
					
				return false;
			});
		}
	});
	
	// fotoblok script
	$$('div.fotoblok').each( function(el) {
		var fotos = $$(el.getElements('a.fotobloka'));
		
		if(fotos.length > 1) {
			
	        var currentCounter = new Hash({'counter': 0,
										   'fotos': fotos});
			var paused = false;
			
			var periodicalFunctionVar = periodicalChange.periodical(4000,currentCounter);
			
			var controls = $$(el.getElements('a.f-left'));
			if(controls.length == 3) {
				// backward
				controls[0].addEvent('click', function() {
					// pause timer
					$clear(periodicalFunctionVar);
					paused = true;
					
					var curPic = currentCounter.get('counter');
					if(curPic == 0)
						var nextPic = fotos.length - 1;
					else
						var nextPic = curPic - 1;
					
					flipPhotos(fotos[curPic],fotos[nextPic]);
					
					currentCounter.set('counter',nextPic);
				});
				// pause
				controls[1].addEvent('click', function() {
					if(!paused) {
						$clear(periodicalFunctionVar);
						paused = true;
					} else {
						periodicalFunctionVar = periodicalChange.periodical(4000,currentCounter);
						paused = false;
					}
				});
				// forward
				controls[2].addEvent('click', function() {
					// pause timer
					$clear(periodicalFunctionVar);
					paused = true;
					
					var curPic = currentCounter.get('counter');
					if(curPic == fotos.length - 1)
						var nextPic = 0;
					else
						var nextPic = curPic + 1;
					
					flipPhotos(fotos[curPic],fotos[nextPic]);
					
					currentCounter.set('counter',nextPic);
				});				
			}
		} else {
			el.getElements('div.navigatie').setStyle('display','none');
		}
	});
	
	// Start fotoslider home
	if ($$('div.image-slider')) {
		$$('.intro-image').each( function(el, index) { if ( index > 0 ) el.setStyle('opacity','0'); });
		var currentCountdownCounter = new Hash({'counter': 1});
		var periodicalFunctionVar = loopImageSlider.periodical(5000,currentCountdownCounter);
	}
	
});

var imageLoopCounter = 1;
var loopImageSlider = function() {
	var s_images = $$('.intro-image');
	(function(){
		// Bij laatste terugzappen
		if (imageLoopCounter < s_images.length) {
			s_images[imageLoopCounter-1].fade(0);
			s_images[imageLoopCounter].fade(1);	
			imageLoopCounter+=1;
		} else {
			s_images[s_images.length-1].fade(0);
			s_images[0].fade(1);
			imageLoopCounter = 1;
		}		
	}).delay(10);	
}


var periodicalChange = function() {
	var fotos = this.fotos;
	var curPic = this.counter;
	var nextPic = ++this.counter;
	
	if(nextPic >= fotos.length)
		nextPic = this.counter = 0;
	
	flipPhotos(fotos[curPic],fotos[nextPic]);
}

var flipPhotos = function(current, next) {
	current.setStyle('display','none');
	next.setStyle('display','block');	
}

function getStrippedUrl() {
	var url = location.href;
	var index = url.lastIndexOf('#');
	return url.substr( 0, index );
}

function printpage( ) {
  var url = getStrippedUrl() + '?actie=print';
  popup = window.open( url, "help", "width=720, height=700, top=100, left=100, toolbar=0, resizable=1, scrollbars=1, status=0.menubar=0, location=0, directories=0");
  popup.focus();
}