$(document).ready(function(){
	
	$(document).pngFix(); // IE6 transparantie png fix
	
	$('#header-login-button').click(function(){
		$(this).slideUp(200, function(){
			$('#header-login').slideDown(300);
		});
		return false;
	});

	$('a[href=#]').click(function(){
		return false;	
	});
	
	if( $.isFunction($.fn.fancybox) ){
		$('div.pakket a').each(function(){
			var element = this;
			$(this).fancybox({
				cyclic: true,
				titlePosition: 'inside',
				titleShow: true,
				titleFormat: function() {
					html = $('#' + element.id).next('div.info').html();
					return '<span id="fancybox-title-inside">' + html + '</span>';
				}
			});
		});
	}
		
	Carousel.init('#visual');
	
});

/*
 * Carousel
 */	 
var Carousel = {
	
	init: function(obj) {
	
		if ($(obj).length == 0) return false;
		
		var images = [];
		$(obj).find('.overview img').each(function() {
			images.push($(this).attr('src'));
		});

		if (images.length <= 1) return false;

		$.loadImages(images, function() { Carousel.activate(obj); })

	},
	
	activate: function(obj) {
	
		$(obj).tinycarousel({
			pager: true,
			interval: true,
			intervaltime: 3000,
			loop: true
		});
	
	}
	
}

/*
 * Image preloader
 */

// cache nodig voor aggresieve garbage collectors
var cache = [];

// images kan een array zijn, een pad naar images of 1 image
$.loadImages = function(images, callback) {	    

	// maak een array waar nodig
	if (!(images instanceof Array)) {
		images = [images];
	}
	
	var imagesLength = images.length;
	var loadedCounter = 0;
	
	for (var i = imagesLength; i--;) {
		var cacheImage = document.createElement('img');
		
		// onload voor het zetten van de image src ander gaat IE op z'n bek
		cacheImage.onload = function(){
			loadedCounter++;
			
			if (loadedCounter >= imagesLength) {
				if ($.isFunction(callback)) {
					callback();
				}
			}
		  
		}
		cacheImage.src = images[i];
		cache.push(cacheImage);
	}
}