YAHOO.namespace('dg');

YAHOO.dg.init = function() {
	var mainDiv = YAHOO.util.Dom.get('dg_tems');
	var selectedTem = YAHOO.util.Dom.getElementsByClassName('selected', 'blockquote', mainDiv);
		
	// hide everyblockquote in the dg_tems div
	allTems = mainDiv.getElementsByTagName('blockquote');
	YAHOO.util.Dom.setStyle(allTems, 'display', 'none');	
	//except the one with the selected class
	YAHOO.util.Dom.setStyle(selectedTem, 'display', 'block');
	
	var showhide = function(e) {
		// recup l'id du bloc a cacher a partir de l'id de la fotos
		var source = YAHOO.util.Event.getTarget(e);
		var source = source.parentNode;
		//remove the "selected" class everywhere
		var allLinks = YAHOO.util.Dom.get('dg_hide');
		var allLinks = allLinks.getElementsByTagName('a');
		YAHOO.util.Dom.removeClass(allLinks, 'selected');
		//add the "selected" class to the clicked link
		YAHOO.util.Dom.addClass(source, 'selected');		
		// get the html ref to the elem to show
		if(source.href)
			var elemId = source.href.split('#')[1];
		else
			var elemId	= null;
		if(elemId != null){
		var elem = YAHOO.util.Dom.get(elemId);
		// hide everything
		YAHOO.util.Dom.setStyle(allTems, 'display', 'none');
		//except the clicked element
		YAHOO.util.Dom.setStyle(elem, 'display', 'block');
		}
	};
	
	YAHOO.util.Event.addListener('dg_hide', 'mouseover', showhide);
};

YAHOO.util.Event.addListener(window, 'load', YAHOO.dg.init);