function makeInvisible( el ) {
  var el = $( el );
  el.className = el.className ? el.className + ' ui_hidden' : 'ui_hidden';

  /*var styleHash = {
    position    : 'absolute',
    left        : '-10000px',
    top         : '-10000px',
    width       : '5000px',
    height      : '5000px'
  }
  
  Element.setStyle( el, styleHash );*/
} // function makeInvisible

function makeVisible( el ) {
  var el       = $( el );
  var cssClass = el.className;
  
  if ( cssClass ) {
    if ( cssClass == 'ui_hidden' ) {
      el.className = '';
    } else {
      while ( md = el.className.match( /^(.*?)\s*ui_hidden$/ ) ) {
        el.className = md[1];
      } // while
    } // if
  } // if
  
  /*var styleHash = {
    position    : 'static',
    left        : 'auto',
    top         : 'auto',
    width       : 'auto',
    height      : 'auto'
  }
  
  Element.setStyle( el, styleHash );*/
} // function makeVisible

function hideElement( el ) {
  el = $( el );
  el.style.display = 'none';
}

function displayElement( el ) {
  el = $( el );
  var tagName = el.tagName.toUpperCase();
  var displayValue = 'block';
  
  if ( tagName == 'TD' && !Browser.msie ) {
    displayValue = 'table-cell';
  } else if ( tagName == 'TR' && !Browser.msie ) {
    displayValue = 'table-row';
  } else if ( tagName == 'TABLE' && !Browser.msie ) {
    displayValue = 'table';
  } else if ( tagName == 'SPAN' ) {
    displayValue = 'inline';
  } // if
  
  el.style.display = displayValue;
} // displayElement


// ф-ция для прописывания высоты плавающих блоов - прописывается
// максимальная высота в строчке плавающих блоков при условии, что ширина у всех блоков одинаковая

function adjustFloatBlocks( blocks, container ) {
  if ( blocks && blocks.length && blocks.length > 0 && container ) {
    var container  = $( container );
    var maxHeight  = {};
  
    var firstBlock = $( blocks[0] );
    var blockWidth = firstBlock.getWidth();
    var containerWidth = container.getWidth();
    
    var blocksInRow = parseInt( containerWidth / blockWidth );
  
    for ( var i=0; i < blocks.length; i++ ) {
      var rowNum = parseInt( i / blocksInRow );
    
      var block  = $( blocks[i] );
      var height = block.getHeight();
    
      var rowMaxHeight = maxHeight[rowNum];
      if ( !rowMaxHeight || height > rowMaxHeight ) maxHeight[rowNum] = height;
    } // for

    for ( var i=0; i < blocks.length; i++ ) {
      var rowNum = parseInt( i / blocksInRow );
      var block  = $( blocks[i] );
    
      block.setStyle({
        height : maxHeight[rowNum] + 'px'
      });
    } // for
  } // if
} // adjustFloatBlocks