// JavaScript Document
/**
* Pobiera obiekt z dokumentu na podstawie id
* @return object
* @param int  objId
*/
function gEBI( objId ){

  return document.getElementById( objId );

} // end function getElById

function menuTopChange( id, color ) {

  if( document.body.style.backgroundColor )
    sBgColor = document.body.style.backgroundColor;
  else
    sBgColor = '#ffffff';

  gEBI( 'menu_button_1' ).style.borderColor = sBgColor;
  gEBI( 'menu_button_2' ).style.borderColor = sBgColor;
	gEBI( 'menu_button_3' ).style.borderColor = sBgColor;
  gEBI( 'menu_button_4' ).style.borderColor = sBgColor;
  gEBI( 'menu_button_5' ).style.borderColor = sBgColor;
	gEBI( 'menu_button_6' ).style.borderColor = sBgColor;

	gEBI( 'pages_1' ).style.display = 'none';
	gEBI( 'pages_2' ).style.display = 'none';
	gEBI( 'pages_3' ).style.display = 'none';
	gEBI( 'pages_4' ).style.display = 'none';
	gEBI( 'pages_5' ).style.display = 'none';
	gEBI( 'pages_6' ).style.display = 'none';

	currentColor = ( gEBI( 'menu_button_' + id ).style.borderColor == sBgColor ) ? color : sBgColor;

  gEBI( 'menu_button_' + id ).style.borderColor = currentColor;

  current = ( gEBI( 'pages_' + id ).style.display == 'none' ) ? 'block' : 'none';
  gEBI( 'pages_' + id ).style.display    = current;

  gEBI( 'pages' ).style.backgroundColor = color;
} // end function menuTopChange