(function($) {   	
	$.fn.inputfocus = function(options) {
		
		var opts = $.extend({}, $.fn.inputfocus.defaults, options);
		var markup = '\r\n\r\n<div class="input">\r\n\t<label for="input">label</label>\r\n\t<input name="name" type="text" id="id" />\r\n</div>';
		
		global_current_label = null;
		
		return this.each(function() {
			
			//get a handle on the elements
			var current_input = $(this).children("input[type=text],select,textarea,radio,checkbox");
			
			//get label for current_input 
			var current_label = $('label[for=' + $(current_input).attr('id') + ']');
			
			// only run if ,div.input does not have class 'no-effect'
			if($(this).hasClass('no-effect')==false){
				
				if($(current_label).length && $(current_input).length){
					//get a handle on the elements
					$(current_label).css('display', 'none'); //remove the current label from view
					//cache label text
					var current_label_text = $(current_label).text();
					//populate each text field form element with the contents of the corresponding label <label>
					//check if we're using a text field or a textarea
					if($(current_input).attr('type') == 'text' || $(current_input).attr('cols')){
						//apply label text to input value
						if(!$(current_input).val() || $(current_input).val() == $(current_label).text()){
							if(opts.animate == true){
								$(current_input).val($(current_label).text()).animate({opacity: 0.8});
							}else{
								$(current_input).val($(current_label).text());
							}
						}
						$(current_input).focus(fnFocus);
						$(current_input).blur(fnBlur);
					}
				}else{
					if(!$(this).children('label').length){
						alert('oops the input "'+$(this).children('input').attr('id')+'" does now have a label. Plese use the following XHTML markup : '+markup);
					}else if(!$(this).children('input').length){
						alert('oops the label "'+$(this).children('label').text()+'" does now have an input. Plese use the following XHTML markup : '+markup);
					}
				}
				
				$(this).wrap('<div class="text-bg"></div>');

			}			
		});
	
		function fnFocus(event){
			
			//get event elements
			var focused = $(event.target);
			var label = $(focused).prev('label');
			
			//set the optional bg colour
			if(opts.animate == true){
				$(focused).css('background-color', opts.bgColourFocus);
				$(focused).animate({opacity: 0.8});
			}
			
			//if the current value is the same as the label then blank
			if($(focused).val() == $(label).text()){
				$(focused).val('');
			}
		return false;
		}
		
		function fnBlur(event){			
		
			//get event elements
			var focused = $(event.target);
			var label = $(focused).prev('label');
			
			//set the optional bg colour
			if(opts.animate == true){
				
				if(opts.bgColour == 'none'){
					jQuery.each(jQuery.browser, function(i) {
						//IE7 & less
						if($.browser.msie && parseInt($.browser.version) <= 7){
							is_IE7 = true;
					  	}
					  	else{
							is_IE7 = false;
						}
					});
					
					//only modern browsers
					if(is_IE7 == false){
						$(focused).css('background', 'inherit');
					}else{
						$(focused).css('background', 'none');
					}
					
				}else{
					$(focused).css('background-color', opts.bgColour);
				}
				
			}
			
			//if the user has not typed something apply label text to input value
			if(!$(focused).val()){
				$(focused).val($(label).text());
				if(opts.animate == true){
					$(focused).animate({opacity: 0.8});
				}
			}else{
				if(opts.animate == true){
					$(focused).animate({opacity: 1});
				}
			}
		return false;
		}
	}
	 
  
	$.fn.inputfocus.defaults = {
		bgColourFocus: '#CCFF99',
		bgColour: '#FFFFFF',		
		animate: false
	}
	
})(jQuery);