/**
 *  Ui-button "Class"
 */
 $.fn.UiButton = function(options) {  
 	var defaults = {  
		over_class: "ui-state-hover",	// naam van de display component	
		mousedown_class: "ui-state-active",
		mouseup_class: "ui-state-active"
	};  
	
	// extend options with the default options
	var options = $.extend(defaults, options);  
	return this.each(function(){ 
		if(!$(this).hasClass("bs-ui-button")){
			$(this).addClass("bs-ui-button");
		}
		$(this).addClass("ui-corner-all").addClass("ui-state-default").hover(function(){ 
				$(this).addClass("ui-state-hover"); 
			},
			function(){ 
				$(this).removeClass("ui-state-hover"); 
			}
		).mousedown(function(){
			$(this).addClass("ui-state-active"); 
		})
		.mouseup(function(){
				$(this).removeClass("ui-state-active");
		});

		
		return this;
	});  
};