window.onload = function(){
//select the first button
var button1 = $('button1');
//select the second button
var button2 = $('button2');
//select the first content element
var content1 = $('publikacje');
//select the second content element
var content2 = $('poglady');

//The height transition we attach to 'contentElement1'
var b1Toggle = new Fx.Style('publikacje', 'height',{duration: 500});
//The height transition we attach to 'contentElement2'
var b2Toggle = new Fx.Style('poglady', 'height',{duration: 500});

//add an onclick event listener to button1
button1.addEvent('click', function(){
  //toggle height transition (hide-show)
  if(content1.getStyle('height').toInt() > 0){
    //hide
	
  	  b1Toggle.start(0);
	  //content2.setStyle('display','block');
      
   }else{
    //show
	 content2.setStyle('display','none');
	 content1.setStyle('display','block');
	 b2Toggle.start(0);
     b1Toggle.start(c1Height);
  }
  //toggle classname button1 <-> button1 button1_
  button1.toggleClass('button1_');

  return false;
});

//add an onclick event listener to button2
button2.addEvent('click', function(){
  //toggle height transition (hide-show)
  if(content2.getStyle('height').toInt() > 0){
    //hide
    b2Toggle.start(0);
  }else{
    //show
	 content1.setStyle('display','none');
	 content2.setStyle('display','block');
	 b1Toggle.start(0);
     b2Toggle.start(c2Height);
	
  }
  //toggle classname button2 <-> button2 button2_
  button2.toggleClass('button2_');
  return false;
});

//set css display:block for the contentElements
content1.setStyle('display','block');
content2.setStyle('display','block');

//get the scrollSize of the contentElements
var c1Height = content1.getSize().scrollSize.y;
var c2Height = content2.getSize().scrollSize.y;
};