// 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 = '#E8E8E8';
  var comFocoBordaCampo = '#68A9D9';
  var comFontCampo = '#0066CC';
	var comBorda = '2px';

  var retiraFocoBackgroundCampo = '#ffffff';
  var retiraFocoBordaCampo = '#CCCCCC';
  var retiraFontCampo = '#999999';
	var retiraBorda = '1px';
  
  function RecebeFocoCampo(txtField){
     $(txtField).css({height:'20px',backgroundColor:comFocoBackgroundCampo,borderColor:comFocoBordaCampo,color:comFontCampo,borderWidth:comBorda,	fontWeight:'bold'});
  }
  function RetiraFocoCampo(txtField){
     $(txtField).css({height:'20px',backgroundColor:retiraFocoBackgroundCampo,borderColor:retiraFocoBordaCampo,color:retiraFontCampo,borderWidth:retiraBorda});
  }

  function RecebeFocoCampoTextArea(txtField){
     $(txtField).css({backgroundColor:comFocoBackgroundCampo,borderColor:comFocoBordaCampo,color:comFontCampo,borderWidth:comBorda,	fontWeight:'bold'});
  }
  function RetiraFocoCampoTextArea(txtField){
     $(txtField).css({backgroundColor:retiraFocoBackgroundCampo,borderColor:retiraFocoBordaCampo,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);
  }
	

