// 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 = '#F0F7FD';

  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({'height':'25px','backgroundColor':comFocoBackgroundCampo,'borderColor':comFocoBordaCampo,'color':comFontCampo,'borderWidth':comBorda,	'fontWeight':'normal'});

  }

	

  function RetiraFocoCampo(txtField){

     $(txtField).css({'height':'25px','backgroundColor':retiraFocoBackgroundCampo,'borderColor':retiraFocoBordaCampo,'color':retiraFontCampo,'borderWidth':retiraBorda});

  }



  function RecebeFocoCampoTextArea(txtField){

     $(txtField).css({'borderColor':comFocoBordaCampo,'backgroundColor':comFocoBackgroundCampo,'color':comFontCampo,'borderWidth':comBorda,'fontWeight':'normal'});

  }

	

  function RetiraFocoCampoTextArea(txtField){

     $(txtField).css({'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);

  }