$(document).ready(function() {
	$('.button img').mouseover(
	function(){
		var detail = $(this).attr('legend');
		var posLastPoint = $(this).attr('src').lastIndexOf('_');
		var on_state = $(this).attr('src').substring(0, posLastPoint) + '_on.png';
		$(this).parents('.buttons_area').find('.buttons_text').html(detail);
		$(this).attr('src', on_state);
	}).mouseleave(
	function(){
		var posLastPoint = $(this).attr('src').lastIndexOf('_');
		var off_state = $(this).attr('src').substring(0, posLastPoint) + '_off.png';
		$(this).attr('src', off_state);
	});
});