/**
 * @author jb
 */

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

Event.onDOMReady(function(e){
	Dom.setStyle('img','display','none');
})
Event.on('showimg','click',function(e){
	Event.preventDefault(e);
	Dom.setStyle('img','display','');
})

var mouseOverImg = {
	init: function() {
		var MOA = Dom.getElementsByClassName('mouseOver', 'a');
		var MOImg = Dom.getElementsByClassName('mouseOver', 'img');
		Dom.setStyle(MOImg, 'display', 'none');
		Dom.setStyle(MOImg, "position", "absolute");
		Event.addListener(MOA, "mouseout", mouseOverImg.out);
		Event.addListener(MOA, "mouseover", mouseOverImg.over);
	},
	
	over: function() {
		var idImg = 'img-'+this.id.replace(/a-/ig, '');
		Dom.setStyle(idImg, "display", "block");
		Dom.setX(idImg, Dom.getX(this));
		Dom.setY(idImg, Dom.getY(this) + 20);
	},
	
	out: function() {
		var idImg = 'img-'+this.id.replace(/a-/ig, '');
		Dom.setStyle(idImg, "display", "none");
	}
}

Event.onDOMReady(mouseOverImg.init);