$(function() {
		
	// Carrousel
	$('.homeSlide').cycle({
		fx:     'fade',
		cleartype: true,
		speed:   500,
		timeout: 8000,
		pause:   1,
		pager: 	'#slidePager',
		after: onBefore,
		pagerAnchorBuilder: function(idx, slide) { 
			return '#slidePager li:eq(' + idx + ') a'; 
		} 
	});
	function onBefore(curr, next, opts, fwd) {
		//var index = opts.currSlide;
		//$('#prev')[index == 0 ? 'hide' : 'show']();
		//$('#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
		//get the height of the current slide
		var $ht = $(this).height();
		//set the container's height to that of the current slide
		$(this).parent().css("height", $ht);
		$('activeSlide a').click();
	}
	$('.homeSlide').hover(function() { 
		$('.homeSlide').cycle('pause'); 
	}, function() { 
		$('.homeSlide').cycle('resume'); 
	});
		
	//Toggle
	setTimeout(function(){ 
		$("#toggle:not('.hovered')").click(); 
	}, 3000);
	$('#entrances').hover(function(){
		$('#toggle').addClass('hovered');
	});

	$('#toggle').toggle(function () {
		$('#entrances').removeClass('collapsed').animate({
			height: 134
		}, 500);
		$(this).removeClass('up');

		/*
		$('#entrances.collapsed').hover(function(){
			$('#entrances').animate({
				'padding-bottom' : 76
			}, 500);
		}, function(){
			$('#entrances.collapsed').animate({
				'padding-bottom' : 66
			}, 500);  
		});
		*/
	}, function(){
		$('#entrances').addClass('collapsed').animate({
			height: 20,
			'padding-bottom': 66
		}, 500);
		$(this).addClass('up');		
	});
	var entranceLength = $('div#entranceBox li').length
	//alert(entranceLength);
	if (entranceLength == 5) {
		$('div#entrances div.content').addClass('five');
	}
	if ($('div#entranceBox li').length > 3) {
		$("div#entranceBox").jCarouselLite({
			btnNext: "#nextEntrance",
			btnPrev: "#prevEntrance",
			visible: 5,
			circular: true
		});
	} 		
});
window.onload = function () {
	FullScreenBackground('div#bg img');
	$('div#bg img:last').ready(function(){
		$('div#overlay').fadeOut(1000);
	});
}
$(window).resize(function() {
	FullScreenBackground('div#bg img');
});
function FullScreenBackground(theItem){
	var winWidth=$(window).width();
	var winHeight=$(window).height();
	var imageWidth=$(theItem).width();
	var imageHeight=$(theItem).height();
	var picHeight = imageHeight / imageWidth;
	var picWidth = imageWidth / imageHeight;
	if ((winHeight / winWidth) < picHeight) {
		$(theItem).css("width",winWidth);
		$(theItem).css("height",picHeight*winWidth);
	} else {
		$(theItem).css("height",winHeight);
		$(theItem).css("width",picWidth*winHeight);
	};
	$(theItem).css("margin-left",winWidth / 2 - $(theItem).width() / 2);
	$(theItem).css("margin-top",winHeight / 2 - $(theItem).height() / 2);
	$('#bg').addClass('show');
	if (winWidth < 1020) {
		$('#home body').addClass('small');
	} else {
		$('#home body').removeClass('small');
	}
	if (winWidth > 1200) {
		$('#home body').addClass('big');
	} else {
		$('#home body').removeClass('big');
	}
	if (winWidth > 1490) {
		$('#home body').addClass('huge');
	} else {
		$('#home body').removeClass('huge');
	}
	if (winWidth > 1575) {
		$('#home body').addClass('gigantic');
	} else {
		$('#home body').removeClass('gigantic');
	}
}
	
(function($) {                                          
	$.fn.jCarouselLite = function(o) {
		o = $.extend({
			btnPrev: null,
			btnNext: null,
			btnGo: null,
			mouseWheel: false,
			auto: null,

			speed: 200,
			easing: null,

			vertical: false,
			circular: true,
			visible: 3,
			start: 0,
			scroll: 1,

			beforeStart: null,
			afterEnd: null
				
		}, o || {});

		return this.each(function() {                           // Returns the element collection. Chainable.

			var running = false, animCss=o.vertical?"top":"left", sizeCss=o.vertical?"height":"width";
			var div = $(this), ul = $("ol", div), tLi = $("li", ul), tl = tLi.size(), v = o.visible;

			if(o.circular) {
				ul.prepend(tLi.slice(tl-v-1+1).clone())
					.append(tLi.slice(0,v).clone());
				o.start += v;
			}

			var li = $("li", ul), itemLength = li.size(), curr = o.start;
			//var li = $("li", ul), itemLength = 12, curr = o.start;
			div.css("visibility", "visible");
				
			//if(itemLength < 4) {
			//	$(o.btnPrev).hide();
			//	$(o.btnNext).hide();		
			//}
				
			//li.css({overflow: "hidden", float: o.vertical ? "none" : "left"});
			li.css({margin: "0", overflow: "hidden", float: o.vertical ? "none" : "left"});
			ul.css({height: "127px", margin: "0", padding: "0", position: "relative", "list-style-type": "none", "z-index": "1"});
			div.css({overflow: "hidden", height: "127px", position: "relative", "z-index": "2", left: "0px"});

			//var liSize = o.vertical ? height(li) : width(li);   // Full li size(incl margin)-Used for animation
			var liSize = 285;   // (padding: left + right) + (margin: left + right) <-- van het a element
			//var ulSize = liSize * itemLength;                   // size of full ul(total length, not just for the visible items)
			var ulSize = liSize * itemLength;                   // size of full ul(total length, not just for the visible items)
			//var divSize = liSize * v;                           // size of entire div(total length for just the visible items)
			var divSize = liSize * v;                           // size of entire div(total length for just the visible items)

				
			//li.css({width: li.width(), height: li.height()});
			li_height = liSize - 0;
			li.css({width: liSize, height: li_height});
			ul.css(sizeCss, ulSize+"px").css(animCss, -(curr*liSize));

			div.css(sizeCss, divSize+"px");                     // Width of the DIV. length of visible images

			if(o.btnPrev)
				$(o.btnPrev).click(function() {
					return go(curr-o.scroll);
				});

			if(o.btnNext)
				$(o.btnNext).click(function() {
					return go(curr+o.scroll);
				});

			if(o.btnGo)
				$.each(o.btnGo, function(i, val) {
					$(val).click(function() {
						return go(o.circular ? o.visible+i : i);
					});
				});

			if(o.mouseWheel && div.mousewheel)
				div.mousewheel(function(e, d) {
					return d>0 ? go(curr-o.scroll) : go(curr+o.scroll);
				});

			if(o.auto)
				setInterval(function() {
					go(curr+o.scroll);
				}, o.auto+o.speed);

			function vis() {
				return li.slice(curr).slice(0,v);
			};

			function go(to) {
				if(!running) {

					if(o.beforeStart)
						o.beforeStart.call(this, vis());

					if(o.circular) {            // If circular we are in first or last, then goto the other end
						if(to<=o.start-v-1) {           // If first, then goto last
							ul.css(animCss, -((itemLength-(v*2))*liSize)+"px");
							// If "scroll" > 1, then the "to" might not be equal to the condition; it can be lesser depending on the number of elements.
							curr = to==o.start-v-1 ? itemLength-(v*2)-1 : itemLength-(v*2)-o.scroll;
						} else if(to>=itemLength-v+1) { // If last, then goto first
							ul.css(animCss, -( (v) * liSize ) + "px" );
							// If "scroll" > 1, then the "to" might not be equal to the condition; it can be greater depending on the number of elements.
							curr = to==itemLength-v+1 ? v+1 : v+o.scroll;
						} else curr = to;
					} else {                    // If non-circular and to points to first or last, we just return.
						if(to<0 || to>itemLength-v) return;
						else curr = to;
					}                           // If neither overrides it, the curr will still be "to" and we can proceed.

					running = true;

					ul.animate(
						animCss == "left" ? { left: -(curr*liSize) } : { top: -(curr*liSize) } , o.speed, o.easing,
						function() {
							if(o.afterEnd)
								o.afterEnd.call(this, vis());
							running = false;
						}
					);
					// Disable buttons when the carousel reaches the last/first, and enable when not
					if(!o.circular) {
						$(o.btnPrev + "," + o.btnNext).removeClass("disabled");
						$( (curr-o.scroll<0 && o.btnPrev)
							||
							(curr+o.scroll > itemLength-v && o.btnNext)
							||
							[]
							).addClass("disabled");
					}

				}
				return false;
			};
		});
	};

	function css(el, prop) {
		return parseInt($.css(el[0], prop)) || 0;
	};
	function width(el) {
		return  el[0].offsetWidth + css(el, 'marginLeft') + css(el, 'marginRight');
	};
	function height(el) {
		return el[0].offsetHeight + css(el, 'marginTop') + css(el, 'marginBottom');
	};

})(jQuery);