// JavaScript Document 
// This form consider the buttons and input elements inside the FORMs

$.widget("ui.form",{
		 _init:function(){
			 var object = this;
			 var form = this.element;
			 var inputs = form.find("input , select ,textarea");
			 
			  form.find("fieldset").addClass("ui-widget-content sigma_3");
			  form.find("legend").addClass("ui-widget-header ui-corner-all omega_1 alpha_3 beta_3");
			  form.addClass("ui-widget");
			
			  $.each(inputs,function(){
				$(this).addClass('ui-state-default ui-corner-all');

				
				if($(this).is(":reset ,:submit, :button"))
				object.buttons(this);

				else if($(this).is("input[type='text']")||$(this).is("textarea")||$(this).is("input[type='password']"))
				object.textelements(this);

				else if($(this).is("select"))
				object.selector(this);
				
				if($(this).hasClass("date"))
				{
					$(this).datepicker();
					
					
				}
				
				
				}); 
			 },//End of _intial
			 
		 textelements:function(element){
		 	
		 	// wrap the textelements + label in a div 
		 	$(element).wrap('<div class="omega_mb2" />');
			
			$(element).bind({
  			
 			  focusin: function() {
 			   $(this).toggleClass('ui-state-focus');
 				 },
			   focusout: function() {
 			    $(this).toggleClass('ui-state-focus');
 				 }	 
			  });
			 
			 },
			 
			 
		 buttons:function(element)
		 {
			if($(element).is(":submit"))
			{
				$(element).addClass("fg-button ui-priority-primary ui-corner-all ui-state-default hover omega_mt2");
			 $(element).bind("click",function(event)
			   {
				   event.preventDefault();
			   }); 
			}
			if($(element).is(":button"))
			{
				
				$(element).addClass("fg-button  ui-corner-all ui-state-default hover omega_mt2");
			 	
			 	$(element).bind("click",function(event)
			 				   {
				   event.preventDefault();
			   }); 
			  			   
			}
//			 if ($(element).hasClass("primary")){
//			 	$(this).addClass('ui-priority-primary');
//				
//				}
			else if($(element).is(":reset"))
			$(element).addClass("fg-button ui-priority-secondary ui-corner-all hover omega_mt2");
			$(element).bind('mousedown mouseup', function() {
 			   $(this).toggleClass('ui-state-active');
 				 }); 
			
		 },
		 


			 selector:function(element){

			// wrap the textelements + label in a div 
		 	$(element).wrap('<div id="custom-select" class="omega_mb2" />');
		 	
			
							
				}
		 
		 
		 });