/* Version 1.1 @ 23 Dec 2009 */
//<![CDATA[
;(function($){
	$.fn.inputUI = function(classname) {
		/*var defaults = {
			styleFocusName: classname+"Focus",
			styleAlertName: classname+"Alert"
		};*/
		var styleFocusName = classname+"Focus";
		var	styleAlertName = classname+"Alert";
		return this.each(function(){ //return jQuery  เพื่อให้สามารถเรียก methodแบบ chain  ได้
		   //alert("call plugin on " + this);
		   var $this = $(this);
		   
		   //$this.addClass(classname);
		   $this.filter(":input:text").addClass(classname)
			   	.filter("."+classname)
		   		.data("styleFocus",styleFocusName)
				.data("styleAlert",styleAlertName);
			$this.filter(":input:text").focus(function(){
				$this.addClass($this.data("styleFocus"));					
			})
			.blur(function(){
				$this.removeClass($this.data("styleFocus"));				
			});
			
			$this.filter("textarea").each(function(){
			   var bgid = "bg_"+$(this).attr("name");
		    	$('<div id="'+bgid+'" class="'+classname+'"></div>').insertBefore($(this))
				var divbg = $("#"+bgid+"");
				//alert(divbg.css("padding-left"));
			   $(this).addClass(classname)
				   	.filter("."+classname)
					.data("styleFocus",styleFocusName)
					.data("styleAlert",styleAlertName)
			   		.appendTo(divbg)
					.focus(function(){
						divbg.addClass($(this).data("styleFocus"));
						$(this).addClass($(this).data("styleFocus"));					
					}).blur(function(){
						divbg.removeClass($this.data("styleFocus"));	
						$(this).removeClass($(this).data("styleFocus"));		
					});	
			   
			  
			   //$(this).appendTo(divbg);
			  // $(this).css("overflow", "auto");
			   
				//$(this).css("background-image","url(../img/clear.gif) width:100% height:100%");			
				//alert("test"+$(this).css("background-image"));
													   
			});
			
			$this.filter("input:image").addClass(classname)
		   		.data("styleFocus",styleFocusName)
				.data("styleAlert",styleAlertName)
				.mouseover(function(){
					$(this).addClass("submitStyle1Focus").removeClass("submitStyle1");									
				}).mouseout(function(){
					$(this).addClass("submitStyle1").removeClass("submitStyle1Focus");	
				});
			
			/*.focus(function(){
				
				$this.addClass($this.data("styleFocus"));		
				$('<div class="focus">this</div>').prependTo($this);
				alert("test");
			})
			.blur(function(){
				$this.removeClass($this.data("styleFocus"));				
			});*/
			
		});
	};
	
	/*$(function(){
		 
	})*/

})(jQuery); //execute function  โดยส่ง  jQuery  ไปให้มีชื่อเป็น $
//]]>


