(function () {

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

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

		var merkenIds = [];
		var merkenBtnIds = [];
		
		merkenItems = YAHOO.util.Dom.getElementsByClassName('merk', 'img');
		merkenBtns = YAHOO.util.Dom.getElementsByClassName('merkenBtn', 'a');

		for (i=0;i<merkenItems.length;i++) {
			merkenIds.push(merkenItems[i].id);
		}
		
		for (i=0;i<merkenItems.length;i++) {
			merkenBtnIds.push(merkenBtns[i].id);
		}
		
		function merkenAnimation(item, opacity) {
			attributes = { 
				opacity: { to: opacity }
			}; 
			merkenAnim = new YAHOO.util.Anim(item, attributes);
			merkenAnim.duration = 0.5; 
			merkenAnim.animate();
		}
		
		function merkenMouseOver(e) {
			YAHOO.log("merkenMouseOver: " + this.id);
			for (i=0;i<merkenBtnIds.length;i++) {
				if (merkenBtnIds[i]==this.id) {
					merkenAnimation(merkenIds[i], '0');
				}
			}
			
		}
		
		function merkenMouseOut(e) {
			YAHOO.log("merkenMouseOut: " + this.id);
			for (i=0;i<merkenBtnIds.length;i++) {
				if (merkenBtnIds[i]==this.id) {
					merkenAnimation(merkenIds[i], '1');
				}
			}
		}

		YAHOO.util.Event.addListener(merkenBtnIds, "mouseover", merkenMouseOver);	
		YAHOO.util.Event.addListener(merkenBtnIds, "mouseout", merkenMouseOut);

	});
})();