function graphics(){

  var inputs = new Array('login', 'password', 'email'/*, 'from_destination_edit'*/);
  var labels_add = '-label';
  
  var stable_border = '1px solid #B5B5B5';
  var active_border = '1px solid #b2cde6';
  var stable_background = 'top left';
  var active_background = 'bottom left';

  graphicsInit = function() {
    
    //god damm IE7 need:
    
    if(navigator.appVersion.indexOf("IE 7") != -1 && document.getElementById('first') != null){
      document.getElementById('first').style.position = 'relative';
      document.getElementById('first').style.left = '-5px';
      document.getElementById('first').style.width = '145px';
      document.getElementById('first').style.padding = '0 0 0 5px';
      document.getElementById('first').firstChild.firstChild.style.position = 'relative';
      document.getElementById('first').firstChild.firstChild.style.left = '5px';
    }
    
    for(var i = 0; i < inputs.length; i++){
      /*
      každý trapný label vysící nad inputem má tyto akce:
      - grafické zaktivnění pole na přejetí
      - grafické zneaktivnění pole na odjetí
      - schování na jeho kliknutí
      */
      var label = document.getElementById(inputs[i] + labels_add);
      
      label.onmouseover = function(){
        var input = document.getElementById(this.id.substr(0,this.id.indexOf('-label', 0)));
        input.style.border = active_border;
        input.style.backgroundPosition = active_background;
      };
      label.onmouseout = function(){
        var input = document.getElementById(this.id.substr(0,this.id.indexOf('-label', 0)));
        input.style.border = stable_border;
        input.style.backgroundPosition = stable_background;
      };
      label.onclick = function(){
        this.style.visibility = 'hidden';
        var input = document.getElementById(this.id.substr(0,this.id.indexOf('-label', 0)));
        input.focus();
      };
      
      /*
      toš a každý input má tyto akce:
      - grafické zaktivnění na přejetí
      - schování svého labelu, pokud na pole přišel focus jinak než klikem, třeba TABem + grafické zaktivnění pole
      - pokud je label zneviditelněn, pak na odjetí následuje grafické zneaktivnění
      - pokud je při kliknutí jinam obsah pole prázdný, zviditelní se label + grafické zneaktivnění pole
      */
      var input = document.getElementById(inputs[i]);  

      input.onmouseover = function(){
        this.style.border = active_border;
        this.style.backgroundPosition = active_background;
      };
      input.onfocus = function(){
        var label = document.getElementById(this.id + labels_add);
        label.style.visibility = 'hidden';
        this.style.border = active_border;
        this.style.backgroundPosition = active_background;
      };
      input.onmouseout = function(){
        var label = document.getElementById(this.id + labels_add);
        if (label.style.visibility == 'hidden'){
          this.style.border = stable_border;
          this.style.backgroundPosition = stable_background;
        };
      };
      input.onblur = function(){
        if (this.value == ''){
          var label = document.getElementById(this.id + labels_add);
          label.style.visibility = 'visible';
        };
        this.style.border = stable_border;
        this.style.backgroundPosition = stable_background;
      }
      
      /*
      pokud je na startu stránky obsah pole někým nebo něčím přednaplněný (- defaultně prázdný),
      pak se zneviditelní jeho labely, aby se to nad sebou nemíchalo:-)
      */
      if(input.value != ''){
        var label = document.getElementById(input.id + labels_add);
        label.style.visibility = 'hidden';
      }

    }
	
  }; 

  setTimeout('this.graphicsInit();', 100);
	
};