(function () {

	YAHOO.util.Event.onDOMReady(function (ev) {
		
		

		// -----------------------------------
		//
		//	SETUP LOGGER
		//
		// -----------------------------------
		
		//var loader = new YAHOO.util.YUILoader();
		//loader.insert({
		//    require: ['fonts','dragdrop','logger'],
		//    base: '/assets/js/yui/build/',

		//    onSuccess: function(loader) {
		//	    this.myLogReader = new YAHOO.widget.LogReader();
		//    }
		//});




		// -----------------------------------
		//
		//	SETUP ANKEILERS
		//
		// -----------------------------------
		

		var ankeilerIds = [];
		var ankeilerPos = [];
		var ankeilerBtnIds = [];
		
		ankeilerItems = YAHOO.util.Dom.getElementsByClassName('ankeilerIntro', 'div');
		ankeilerBtns = YAHOO.util.Dom.getElementsByClassName('ankeilerBtn', 'div');
		
		for (i=0;i<ankeilerItems.length;i++) {
			ankeilerIds.push(ankeilerItems[i].id);
		}
		
		for (i=0;i<ankeilerIds.length;i++) {
			value = YAHOO.util.Dom.getY(ankeilerIds[i]);
			ankeilerPos.push(value); 
		}
		
		for (i=0;i<ankeilerBtns.length;i++) {
			ankeilerBtnIds.push(ankeilerBtns[i].id); 
		}

		function move(element, xPos, yPos) {
			var move = new YAHOO.util.Motion(element,{ points: { to: [xPos, yPos] } }, 0.75, YAHOO.util.Easing.easeOut);
			move.animate();
		}

		function ankeilerMouseOver(e) {
			YAHOO.log("ankeilerMouseOver: " + this.id);
			for (i=0;i<ankeilerBtnIds.length;i++) {
				if (ankeilerBtnIds[i]==this.id) {
					yPos = ankeilerPos[i]-85;
					xPos = YAHOO.util.Dom.getX(ankeilerIds[i]);
					move(ankeilerIds[i], xPos, yPos);
				}
			}
		}
		
		function ankeilerMouseOut(e) {
			YAHOO.log("ankeilerMouseOut: " + this.id);
			for (i=0;i<ankeilerBtnIds.length;i++) {
				if (ankeilerBtnIds[i]==this.id) {
					yPos = ankeilerPos[i];
					xPos = YAHOO.util.Dom.getX(ankeilerIds[i]);
					move(ankeilerIds[i], xPos, yPos);
				}
			}
		}

		YAHOO.util.Event.addListener(ankeilerBtnIds, "mouseover", ankeilerMouseOver);	
		YAHOO.util.Event.addListener(ankeilerBtnIds, "mouseout", ankeilerMouseOut);




		// -----------------------------------
		//
		//	SETUP OVERVIEW-ITEMS
		//
		// -----------------------------------
		

		var overviewIds = [];
		var overviewBtnIds = [];
		
		overviewItems = YAHOO.util.Dom.getElementsByClassName('overviewItem', 'div');
		overviewBtns = YAHOO.util.Dom.getElementsByClassName('overviewBtn', 'div');

		for (i=0;i<overviewItems.length;i++) {
			overviewIds.push(overviewItems[i].id);
		}
		
		for (i=0;i<overviewItems.length;i++) {
			overviewBtnIds.push(overviewBtns[i].id);
		}
		
		function overviewAnimation(item, color) {
			attributes = { 
				backgroundColor: { to: color } 
			}; 
			overviewAnim = new YAHOO.util.ColorAnim(item, attributes);
			overviewAnim.duration = 0.5; 
			overviewAnim.animate();
		}
		
		function overviewMouseOver(e) {
			YAHOO.log("overviewMouseOver: " + this.id);
			for (i=0;i<overviewBtnIds.length;i++) {
				if (overviewBtnIds[i]==this.id) {
					overviewAnimation(overviewIds[i], '#f2f2f2');
				}
			}
			
		}
		
		function overviewMouseOut(e) {
			YAHOO.log("overviewMouseOut: " + this.id);
			for (i=0;i<overviewBtnIds.length;i++) {
				if (overviewBtnIds[i]==this.id) {
					overviewAnimation(overviewIds[i], '#f9f9f9');
				}
			}
		}

		YAHOO.util.Event.addListener(overviewBtnIds, "mouseover", overviewMouseOver);	
		YAHOO.util.Event.addListener(overviewBtnIds, "mouseout", overviewMouseOut);

	
	
	
	
		// -----------------------------------
		//
		//	SETUP MAIL FRIEND
		//
		// -----------------------------------
		
		var friendStatus = false;
		var friendButton = YAHOO.util.Dom.getElementsByClassName('friendButton', 'a');
		var friendError  = YAHOO.util.Dom.getElementsByClassName('errors', 'div');
		var friendForm   = YAHOO.util.Dom.getElementsByClassName('friendForm', 'div');
		var friendSubmit = YAHOO.util.Dom.getElementsByClassName('friendSubmit', 'input');
		
		
		// Set height
		
		if (navigator.appName == "Microsoft Internet Explorer") {
			var extraHeight = 43;
		} else {
			var extraHeight = 50;
		}
		
		if (friendError != "") {
			extraHeight -= 5;
		}
		else if (friendError != "" && navigator.appName == "Microsoft Internet Explorer") {
			extraHeight -= 10;
		}
		var submitX = YAHOO.util.Dom.getY(friendSubmit);
		var formX   = YAHOO.util.Dom.getY(friendForm);
						
		var formHeight = submitX - formX + extraHeight;
			
		
		if (friendError != "") {
			YAHOO.log("Validatie-error");
			friendAnimation(formHeight);
			friendStatus = true;
		}
		
		function friendMouseOver(e) {
		
			if (friendStatus == false) {
				YAHOO.log("doorsturen openen");
				friendAnimation(formHeight);
				friendStatus = true;
			}
			else if (friendStatus == true) {
				YAHOO.log("doorsturen sluiten");
				friendAnimation(24);
				friendStatus = false;
			}
		}
		
		function friendAnimation(height) {
			var attributes = { 
				height: { to: height } 
			}; 
			var animFriend = new YAHOO.util.Anim('friendContainer', attributes, 1, YAHOO.util.Easing.easeOut);
			animFriend.animate();
			YAHOO.log("animeer height: " + height);
		}
		
		YAHOO.util.Event.addListener(friendButton, "click", friendMouseOver);
		
		
		
		
		// -----------------------------------
		//
		//	SETUP OVERVIEW NAV
		//
		// -----------------------------------
		
		var dittoPages = YAHOO.util.Dom.getElementsByClassName('ditto_page', 'a');
		
		if (dittoPages.length < 1) {
			YAHOO.util.Dom.setStyle(['ditto_pages'], 'visibility', 'hidden');
			YAHOO.util.Dom.setStyle(['ditto_pages'], 'margin', '-30px 0'); 
			YAHOO.util.Dom.setStyle(['ditto_pages'], 'background-color', '#CC0000'); 
		}
		
	});
})();