var Dom = YAHOO.util.Dom;
var Event = YAHOO.util.Event;

var popUpLinks = Dom.getElementsByClassName("popup", "li", "additionalPictures")[0]


YAHOO.namespace ("mijngenda");
/*******************************************************/
/*		MIJNGENDA KAART ACTIVATION SELECTION		   */
/*******************************************************/
YAHOO.mijngenda.activationTypeSelector = {
	init : function() {
		var actRelatienummer = Dom.get("activate_relatienummer");
		var actRekeningnummer = Dom.get("activate_rekeningnummer");
		if (actRelatienummer && actRekeningnummer) {
			Event.addListener(actRelatienummer, "click", YAHOO.mijngenda.activationTypeSelector.activateHandler);
			Event.addListener(actRekeningnummer, "click", YAHOO.mijngenda.activationTypeSelector.activateHandler);
			
			if (actRelatienummer.checked) {
				this.activateImpl(actRelatienummer);
			} else {
				this.activateImpl(actRekeningnummer);
			}
		}
	},
	activateHandler : function(e) {
		var src = e.target ? e.target:e.srcElement;
		YAHOO.mijngenda.activationTypeSelector.activateImpl(src);
	},
	activateImpl : function(obj) {
		if (obj.value == 'relatienummer') {
			Dom.removeClass('fields_rekeningnummer', 'visible');
			Dom.addClass('fields_relatienummer', 'visible');
		} else {
			Dom.removeClass('fields_relatienummer', 'visible');
			Dom.addClass('fields_rekeningnummer', 'visible');		
		}		
	}
}
/*******************************************************/
/*         PHOTO CHANGE HANDLER                        */
/*******************************************************/

YAHOO.mijngenda.articlePictorial = {
                
	disableDefaultBehaviour : function(e) {
		Event.preventDefault(e);
	},
	
	init : function() {                     
		var articlePictorial = document.getElementById("articlePictorial");
		var additionalPictures = document.getElementById("additionalPictures");
		
		if(articlePictorial && additionalPictures) {
			// init picture change
			var pictureLinks = additionalPictures.getElementsByTagName("a");
			for(var i=0; i<pictureLinks.length; i++) {
				Event.addListener(pictureLinks[i], "mouseover", YAHOO.mijngenda.articlePictorial.disableDefaultBehaviour);
				Event.addListener(pictureLinks[i], "mouseover", YAHOO.mijngenda.articlePictorial.showPicture);
			}
		}
		else {
			return false;
		}
	},
	
	showPicture : function() {
		// get previous selected image and remove selected class
		var previousPicture = Dom.getElementsByClassName("selected", "li", "additionalPictures")[0];
		var title = document.getElementById("imageHeader");
		if(previousPicture) {
			Dom.removeClass(previousPicture, "selected");
		}
		// add selected class to selected image
		Dom.addClass(this.parentNode, "selected");
		// display selected full image
		var fullPictureObject = document.getElementById("fullPictureObject");
		fullPictureObject.setAttribute("src", this.rel);
		title.innerHTML=this.title;
	}
}

var pageInit = function() {
    YAHOO.mijngenda.articlePictorial.init();
	YAHOO.mijngenda.activationTypeSelector.init();
}

function popUp() {
	
	
}


Event.addListener(window,"load",pageInit);
Event.addListener(window,"click",popUp());