window.onload = function() { 	 																										//select the first button
  var button1 = $('button1');																												//select the second button
  var content1 = $('contentElement1');																							//select the second content element
  var b1Toggle = new Fx.Style('contentElement1', 'height',{duration: 500});					//The height transition we attach to 'contentElement1'
  button1.addEvent('click', function(){					 										 								//add an onclick event listener to button1
    if(content1.getStyle('height').toInt() > 0){																		//toggle height transition (hide-show)
      b1Toggle.start(0);										 	 																			//hide
    }else{
      b1Toggle.start(c1Height);																											//show
    }
    button1.toggleClass('button1_');																								//toggle classname button1 <-> button1 button1_
    return false;
  });
  content1.setStyle('display','block');																							//set css display:block for the contentElements
  var c1Height = content1.getSize().scrollSize.y;																		//get the scrollSize of the contentElements
 
  var button2 = $('button2');																												//select the first content element
  var content2 = $('contentElement2');
  var b2Toggle = new Fx.Style('contentElement2', 'height',{duration: 500});					//The height transition we attach to 'contentElement2'
  button2.addEvent('click', function(){																							//add an onclick event listener to button2
    if(content2.getStyle('height').toInt() > 0){																		//toggle height transition (hide-show)
      b2Toggle.start(0);									 	 																				//hide
    }else{
      b2Toggle.start(c2Height);																											//show
    }
    button2.toggleClass('button2_');																								//toggle classname button2 <-> button2 button2_
    return false;
  });
  content2.setStyle('display','block');
  var c2Height = content2.getSize().scrollSize.y;
 
  var button3 = $('button3');																												//select the first content element
  var content3 = $('contentElement3');
  var b3Toggle = new Fx.Style('contentElement3', 'height',{duration: 500});					//The height transition we attach to 'contentElement2'
  button3.addEvent('click', function(){																							//add an onclick event listener to button2
    if(content3.getStyle('height').toInt() > 0){																		//toggle height transition (hide-show)
      b3Toggle.start(0);									 	 																				//hide
    }else{
      b3Toggle.start(c3Height);																											//show
    }
    button3.toggleClass('button3_');																								//toggle classname button2 <-> button2 button2_
    return false;
  });
  content3.setStyle('display','block');
  var c3Height = content3.getSize().scrollSize.y;
  
  
  var button4 = $('button4');																												//select the first content element
  var content4 = $('contentElement4');
  var b4Toggle = new Fx.Style('contentElement4', 'height',{duration: 500});					//The height transition we attach to 'contentElement2'
  button4.addEvent('click', function(){																							//add an onclick event listener to button2
    if(content4.getStyle('height').toInt() > 0){																		//toggle height transition (hide-show)
      b4Toggle.start(0);									 	 																				//hide
    }else{
      b4Toggle.start(c4Height);																											//show
    }
    button4.toggleClass('button4_');																								//toggle classname button2 <-> button2 button2_
    return false;
  });
  content4.setStyle('display','block');
  var c4Height = content4.getSize().scrollSize.y;


  var button5 = $('button5');																												//select the first content element
  var content5 = $('contentElement5');
  var b5Toggle = new Fx.Style('contentElement5', 'height',{duration: 500});					//The height transition we attach to 'contentElement2'
  button5.addEvent('click', function(){																							//add an onclick event listener to button2
    if(content5.getStyle('height').toInt() > 0){																		//toggle height transition (hide-show)
      b5Toggle.start(0);									 	 																				//hide
    }else{
      b5Toggle.start(c5Height);																											//show
    }
    button5.toggleClass('button5_');																								//toggle classname button2 <-> button2 button2_
    return false;
  });
  content5.setStyle('display','block');
  var c5Height = content5.getSize().scrollSize.y;

  var button6 = $('button6');																												//select the first content element
  var content6 = $('contentElement6');
  var b6Toggle = new Fx.Style('contentElement6', 'height',{duration: 500});					//The height transition we attach to 'contentElement2'
  button6.addEvent('click', function(){																							//add an onclick event listener to button2
    if(content6.getStyle('height').toInt() > 0){																		//toggle height transition (hide-show)
      b6Toggle.start(0);									 	 																				//hide
    }else{
      b6Toggle.start(c6Height);																											//show
    }
    button6.toggleClass('button6_');																								//toggle classname button2 <-> button2 button2_
    return false;
  });
  content6.setStyle('display','block');
  var c6Height = content6.getSize().scrollSize.y;
};