// ©2010 Didier Berck

var className;
Event.observe(document, 'dom:loaded', initNav);
function initNav(evt) {
	var isIE6 = false;
	var isIE = navigator.userAgent.match(/MSIE\s(\d)+/);
	if(isIE) {
		var version = parseFloat(navigator.appVersion.split('MSIE')[1]);
		if(6 >= version) {
			isIE6 = true;
		} else {
			isIE = false;
		}
	}

	$$('.info').each(function(elt) {
		elt.insert({
			after: '<div class="imgmask"></div>'
		});
		elt.next().hide();
		if(isIE6) {
			fixPng(elt.next());
		}
		Event.observe(elt, 'mouseover', function(evt) {
			var elt = (Event.element(evt).hasClassName('news')) ? Event.element(evt) : Event.element(evt).up('div.news');
			elt.down('div.imgmask').show();
			var classes = $w(elt.className);
			className = classes[1];
			elt.removeClassName(className);
			elt.addClassName('newsOver');
		});
		Event.observe(elt, 'mouseout', function(evt) {
			var elt = (Event.element(evt).hasClassName('news')) ? Event.element(evt) : Event.element(evt).up('div.news');
			elt.removeClassName('newsOver');
			elt.down('div.imgmask').hide();
			elt.addClassName(className);
		});
		Event.observe(elt, 'click', function(evt) {
			var elt = (Event.element(evt).hasClassName('news')) ? Event.element(evt) : Event.element(evt).up('div.news');
			elt.removeClassName('newsOver');
			elt.down('div.imgmask').hide();
			elt.addClassName(className);
			elt.down('a').blur();
			elt.down('a').down('img').writeAttribute("src", elt.down('a').down('img').readAttribute("src").gsub("-over", ""));
		});
	});
}