var advantageDetails;

Event.observe(window, 'load', advantageHandler);

function advantageHandler(){
		//Stop listen Event
	Event.stopObserving(window, 'load', advantageHandler);

		//Init
	var child, i;

		//Listen Event on menu elements
	children = $('advantage').childElements();
	children.each(function(child){
		if(child.getStyle('backgroundImage') != 'none'){
			var img;

			img = new Image;
			img.src = child.getStyle('backgroundImage').replace(/url\("?/, '').replace(/\.png"?\)/, 'On.png');

			child.observe('mouseover', showDetails);
			child.observe('mouseout', hideDetails);
		}
	});

		//Make details block
	advantageDetails = new Element('p', {'class':'detail'});
	$('advantage').insert({'bottom':advantageDetails});
}

function showDetails(event){
	advantageDetails.update(Event.element(event).childElements()[Event.element(event).childElements().length - 1].innerHTML);
	advantageDetails.setStyle({'display':'block'});
}

function hideDetails(event){
	advantageDetails.setStyle({'display':'none'});
}
