(function () {

	YAHOO.util.Event.onDOMReady(function (ev) {		
		
	
		// -----------------------------------
		//
		//	SETUP OPDRACHTGEVERS CAROUSEL
		//
		// -----------------------------------
	
		var opdrachtgeversCarousel = new YAHOO.widget.Carousel("container", {
			animation: { speed: 1 }
		});
		
		opdrachtgeversCarousel.set("firstVisible", 0);
		opdrachtgeversCarousel.set("numVisible", 3);
		opdrachtgeversCarousel.addListener("afterScroll", onAfterCaseScroll);
		opdrachtgeversCarousel.render();
		opdrachtgeversCarousel.show();

		var forwardElement = document.getElementById("opdrachtgeversForward"); 
		var backwardElement = document.getElementById("opdrachtgeversBackward"); 

		if (navigator.appName == "Microsoft Internet Explorer")  {
			var lastVisible = opdrachtgeversCarousel.get("numVisible");
			var carouselItems = opdrachtgeversCarousel.get("numItems") -1;
		} else {
			var lastVisible = opdrachtgeversCarousel.get("numVisible");
			var carouselItems = opdrachtgeversCarousel.get("numItems");
		}
		
		function onAfterCaseScroll(e) {
			addOpdrachtgeversNav();
		}

		function opdrachtgeversForward(e) {
			YAHOO.log("click on: " + this.id);
			if (lastVisible == opdrachtgeversItems) return;
			removeCaseNav();
			lastVisible = lastVisible + 1;
			opdrachtgeversCarousel.scrollForward( );
		}

		function opdrachtgeversBackward(e) {
			YAHOO.log("click on: " + this.id);
			if (lastVisible == opdrachtgeversCarousel.get("numVisible")) return;
			removeOpdrachtgeversNav();
			lastVisible = lastVisible - 1;
			opdrachtgeversCarousel.scrollBackward( ); 
		}
		
		function addOpdrachtgeversNav() {
			YAHOO.util.Event.addListener(forwardElement, "click", opdrachtgeversForward); 
			YAHOO.util.Event.addListener(backwardElement, "click", opdrachtgeversBackward);
		}
		
		function removeOpdrachtgeversNav() {
			YAHOO.util.Event.removeListener(forwardElement, "click", opdrachtgeversForward); 
			YAHOO.util.Event.removeListener(backwardElement, "click", opdrachtgeversBackward);
		}
		
		addOpdrachtgeversNav();





		// -----------------------------------
		//
		//	SETUP OPDRACHTGEVERS-ITEMS
		//
		// -----------------------------------
		
		var carouselBtnIds = [];
		
		carouselBtns = YAHOO.util.Dom.getElementsByClassName('carouselBtn', 'div');
		
		for (i=0;i<carouselBtns.length;i++) {
			carouselBtnIds.push(carouselBtns[i].id);
		}
		
		function carouselAnimation(item, opacity) {
			attributes = { 
				opacity: { to: opacity }
			}; 
			carouselAnim = new YAHOO.util.Anim(item, attributes);
			carouselAnim.duration = 0.25; 
			carouselAnim.animate();
		}
		
		function carouselMouseOver(e) {
			YAHOO.log("carouselMouseOver: " + this.id);
			for (i=0;i<carouselBtnIds.length;i++) {
				if (carouselBtnIds[i]==this.id) {
					carouselAnimation(carouselBtnIds[i], '0.15');
				}
			}
		}
		
		function carouselMouseOut(e) {
			YAHOO.log("carouselMouseOut: " + this.id);
			for (i=0;i<carouselBtnIds.length;i++) {
				if (carouselBtnIds[i]==this.id) {
					carouselAnimation(carouselBtnIds[i], '0');
				}
			}
		}

		YAHOO.util.Event.addListener(carouselBtnIds, "mouseover", carouselMouseOver);	
		YAHOO.util.Event.addListener(carouselBtnIds, "mouseout", carouselMouseOut);
		
	});
})();