// JavaScript Document


// essa funão é executada assim que a página é carregada-----------
$(document).ready(function(){
		
   //para todos os edits coloca essa função como foco 			
	 $("input:text").bind('focus', function(){
     RecebeFocoCampo(this);
   });
   //para todos os edits coloca essa função como foco
	 $("input:text").bind('blur', function(){
     RetiraFocoCampo(this);
   });
	 //para todos os edits coloca essa função como foco 						   
   $("input:password").bind('focus', function(){
     RecebeFocoCampo(this);
   });
   //para todos os edits coloca essa função como foco
   $("input:password").bind('blur', function(){
     RetiraFocoCampo(this);
   });
   //para todos os edits coloca essa função como foco 						   
   /*$("input:button").bind('focus', function(){
     RecebeFocoBotao(this);
   });
   //para todos os edits coloca essa função como foco
   $("input:button").bind('blur', function(){
     RetiraFocoBotao(this);
   });*/	
	 //para todos os textArea coloca essa função como foco 						   
   $("textarea").bind('focus', function(){
     RecebeFocoCampoTextArea(this);
   });
   //para todos os edits coloca essa função como foco
   $("textarea").bind('blur', function(){
     RetiraFocoCampoTextArea(this);
   });
	/* 
	 //para todos os comboBox coloca essa função como foco 						   
   $("input:checkbox").bind('focus', function(){
     RecebeFocoCampo(this);
   });
   //para todos os comboBox coloca essa função como foco
   $("input:checkbox").bind('blur', function(){
     RetiraFocoCampo(this);
   });*/

	// $("select").removeClass("combobox");

})
  
// funções dos campos de texto ------------------------------------  
  var comFocoBackgroundCampo = '#F8F4F1';
  var comFocoBordaCampo = 'orange';
  var comFontCampo = '#0066CC';
	var comBorda = '1px';

  var retiraFocoBackgroundCampo = '#fff';
  var retiraFocoBordaCampo = '#CCCCCC';
  var retiraFontCampo = '#666';
	var retiraBorda = '1px';
  
  function RecebeFocoCampo(txtField){
     $(txtField).css({'padding-left':'5px','height':'25px','backgroundColor':comFocoBackgroundCampo,'borderColor':comFocoBordaCampo,'color':comFontCampo,'borderWidth':comBorda,	'fontWeight':'normal'});
  }
	
  function RetiraFocoCampo(txtField){
     $(txtField).css({'padding-left':'5px','height':'25px','backgroundColor':retiraFocoBackgroundCampo,'borderColor':retiraFocoBordaCampo,'color':retiraFontCampo,'borderWidth':retiraBorda});
  }

  function RecebeFocoCampoTextArea(txtField){
     $(txtField).css({'padding-left':'5px','borderColor':comFocoBordaCampo,'backgroundColor':comFocoBackgroundCampo,'color':comFontCampo,'borderWidth':comBorda,'fontWeight':'normal'});
  }
	
  function RetiraFocoCampoTextArea(txtField){
     $(txtField).css({'padding-left':'5px','borderColor':retiraFocoBordaCampo,'backgroundColor':retiraFocoBackgroundCampo,'color':retiraFontCampo,'borderWidth':retiraBorda});
  }
// funções do botão ------------------------------------------------
  var comFocoBordaBotao = '#68A9D9';
  var comFontBotao = '#68A9D9';
 
  var retiraFocoBordaBotao = '#0066FF';
  var retiraFontBotao = '#0066FF';
  
  function RecebeFocoBotao(btnId){
	 $(btnId).css("borderColor",comFocoBordaBotao);
	 $(btnId).css("color",comFontBotao);
  }
  function RetiraFocoBotao(btnId){
	 $(btnId).css("borderColor",retiraFocoBordaBotao);
	 $(btnId).css("color",retiraFontBotao);
  }
