window.addEvent('domready', function()
{	
	//we hide all our descriptions at first:
	$$('.descriptioncours').setStyles({'display': 'none', 'opacity': '1'});

	//we then add the events on our links:
	//$$('.descriptioncourstrigger').setStyles('display', 'block');
	$$('.btcampus').addEvent('mouseover', function(_evt)
	{
		//we stop our event:
		_evt = new Event(_evt).stop();

		var theclass = '';
		var classes = this.className.split(' ');
		
		for ( var i = 0; i < classes.length; i++ ) {
			if (classes[i] == 'btadministration' || classes[i] == 'btinformatique' || classes[i] == 'btassurance') {
				theClass = classes[i];	
			}
		}

		if (theClass != '') {
			var theClassDetail = theClass + '_detail';
			//we get our description object:
			var objs_description = $$('.'+theClassDetail);
			var obj_description = objs_description[0];
	
			//we hide all our description elements:
			$$('.descriptioncours').setStyle('display', 'none');
			$$('.descriptioncours').setStyle('opacity', '1');
			
			//we show our container:
			obj_description.setStyle('display', 'block');
	
			//we then get the position of our link & set our description container with the right position:
			var arr_pos = this.getPosition();
			var arr_size = obj_description.getSize();
			var xoffset = 0;
			var yoffset = 0 - arr_size.y;
			switch (theClass) {
				case 'btadministration':
					xoffset = 10;
				break;
				case 'btinformatique':
					xoffset = 491 - arr_size.x/2;
				break;
				case 'btassurance':
					xoffset = 982 - arr_size.x;
				break;
			}

			obj_description.setStyles({
							'position': 'absolute', 
							'top': arr_pos.y + yoffset, 
							'left': xoffset
			});
		}
	});
	
	$$('.btcampus').addEvent('mouseout', function(_evt)
	{
		//we hide all our description elements:
		$$('.descriptioncours').setStyle('display', 'none');
	});
	
});