(function($){
	
	$.fn.extend({
		NF_UpdateState: function(){
			if( $(this).attr('checked') ){
				// if we are dealing with radio buttons we need to change other buttons in the set
				if( $(this).attr('type') == 'radio' ){
					var name = $(this).attr('name');
					$('input[name=' + name + ']').parent().removeClass('NF_on').addClass('NF_off');
				}
				$(this).parent().removeClass('NF_off').addClass('NF_on');
			} else {
				$(this).parent().removeClass('NF_on').addClass('NF_off');
			}
		}
	});

	$.fn.NiceForm = function() {
		
		//var Obj = this;
	
		// set interface
		function _setInterface(Obj){
			var instance = 0;
			
			Obj.each(function(){
				var el = $(this).attr('id') || instance++,
					isFloated = $(this).css('float'),
					type = $(this).attr('type'),
					outer = $('<span></span>')
									.css({float:isFloated})
									.addClass('NF_' + type)
									.attr('id','NFid_' + el)
									.hover(function(){
										$(this).addClass('NF_hover');
									},
									function(){
										$(this).removeClass('NF_hover');
									}),
					inner = $('<span></span>');
				
				if( $(this).attr('checked') ){
					inner.addClass('NF_on');
				}
				
				$(this).wrap(outer);
				$(this).wrap(inner);
				
				var width = $(this).parent().width(),
					height = $(this).parent().height();
					
				$(this).css({
					position:"absolute", 
					top:"0", 
					left:"0", 
					padding:"0", 
					margin:"0", 
					width:width + "px", 
					height:height + "px", 
					opacity:"0"
				}).focus(function(){
					$(this).parent().parent().addClass('NF_hover');
				}).blur(function(){
					$(this).parent().parent().removeClass('NF_hover');
				});
				
				$(this).NF_UpdateState();
			});
			
			if( $.browser.msie ){
				Obj.click(function(){
					$(this).change();
				});
			}
			
			Obj.keyup(function(){
				$(this).NF_UpdateState();
			})
			
			Obj.change(function(){
				$(this).NF_UpdateState();
			});
		};
		
		return _setInterface(this);
		
	};
	
})(jQuery);