// JavaScript Document

( function($) {
	
	$.fn.amrButton = function(opciones){
		var defaults = {
			enlace 				: '#',
			accion				: 'redirigir',
			colorReposo			: '#eee',
			colorSobre			: '#bbb',
			colorClick			: '#bbb',
			colorBordeReposo	: '#aaaaaa',
			colorBordeSobre		: '#143879',
			colorBordeClick		: '#777777',
			colorTextoReposo	: '#8b8b8b',
			colorTextoSobre		: '#143879',
			colorTextoClick		: '#777777'			
		}
	
		opts = $.extend(defaults, opciones);
		
	//inicializamos el aspecto de los botones
		$(this).css({
			backgroundColor	: opts.colorReposo,
			color			: opts.colorTextoReposo,
			border			: opts.colorBordeReposo + " solid 1px"
		});
		
		$(this).attr("enlace",opts.enlace);
		$(this).attr("accion",opts.accion);
		
		$(this).mouseover(function(e){
			$(this).css({
				backgroundColor	: opts.colorSobre,
				color			: opts.colorTextoSobre,
				border			: opts.colorBordeSobre + " solid 1px"
			});
		});
		$(this).mouseout(function(e){
			$(this).css({
				backgroundColor	: opts.colorReposo,
				color			: opts.colorTextoReposo,
				border			: opts.colorBordeReposo + " solid 1px"
			});
		});
		$(this).mousedown(function(){
			$(this).css({
				backgroundColor	: opts.colorClick,
				color			: opts.colorTextoClick,
				border			: opts.colorBordeClick + " solid 1px"
			});
		});
		$(this).mouseup(function(){
			$(this).css({
				backgroundColor	: opts.colorSobre,
				color			: opts.colorTextoSobre,
				border			: opts.colorBordeSobre + " solid 1px"
			});
		});
		
		
		$(this).click(function (){
			if($(this).attr("accion") == 'cancel' || $(this).attr("accion") == 'redirigir'){
				document.location.href=opts.enlace;
			}
		});
	}
	
	
})(jQuery);