jQuery(function() {
	jQuery('span.inputHelp').addClass('inputHelpJS').parents('fieldset').css({
		position: 'relative'
	});
	jQuery('span.mensajeExtendido').addClass('mensajeExtendidoJS').parents('fieldset').css({
		position: 'relative'
	});

	jQuery('span.inputHelp').hide().before(' <span title="Ayuda">?</span>').prev().css('color','#990000').hover(function() {
		jQuery(this).css({color: '#990000', cursor: 'pointer'});
	},
	function() {
		jQuery(this).css('color','#990000');
	}).bind('click', function() {
		jQuery('span.inputHelp:visible').fadeOut('slow');
		jQuery(this).next(':not(:visible)').fadeIn('slow');
	});
	
	jQuery('span.mensajeExtendido').hide().before(' <span title="Mas informacion">*</span>').prev().css('color','#42783A').hover(
	function() {
		jQuery(this).css({color: '#42783A', cursor: 'pointer'});
	},
	function() {
		jQuery(this).css('color','#42783A');
	}).bind('click', function() {
		jQuery('span.mensajeExtendido:visible').fadeOut('fast');
		jQuery(this).next(':not(:visible)').fadeIn('slow');
	});
});