//Extendemos jquery para poder poner los bordes redondos a cualquier elemento. Parámetro: relative (true o false, defecto true) --> si hay que forzar que el elemento al que se asignan los bordes tenga position relative o no.
jQuery.fn.extend({
	bordesRedondos: function(relative) {
		this.each(function() {
			this.relative = relative == undefined ? true : relative;
			//Borde superior izquierdo
			var img_si = $('<img src="/dev/clickair/resGrupo.nsf/borde-si.png">').css({display:'block', position:'absolute', top:0, left:0, zIndex:50});
			//Borde superior derecho
			var img_sd = $('<img src="/dev/clickair/resGrupo.nsf/borde-sd.png">').css({display:'block', position:'absolute', top:0, right:0, zIndex:50});
			//Es necesario que el display del elemento sea relative para que se posicionen bien los bordes
			if (this.relative) $(this).css('position', 'relative');
			$(this).prepend(img_si).prepend(img_sd);
		});
		return this;
	}
});
$(document).ready(function() {
	//Ponemos los bordes a todos los elementos de la clase bordes-redondos
	$('.bordes-redondos').bordesRedondos();
	//Activamos los rollover para los botones de la clase rollOver
	$('//input.rollOver[@type="button"]').each(function() {
		$(this).css('background-color', 'transparent')
		.css('backgroundImage', 'url(' + $(this).attr('noHover') + ')')
		.hover(
			function() {
				$(this).css('backgroundImage', 'url(' + $(this).attr('hover') + ')');
			},
			function() {
				$(this).css('backgroundImage', 'url(' + $(this).attr('noHover')+ ')');
			}
		); 
	});
	//Activamos los rollover para las imágenes de la clase rollOver
	$('img.rollOver').each(function() {
		this.src = $(this).attr('noHover');
		$(this).hover(
			function() {
				this.src = $(this).attr('hover');
			},
			function() {
				this.src = $(this).attr('noHover');
			}
		); 
	});
});