window.onload = function(){
var button1 = $('button1');
var button2 = $('button2');
var button3 = $('button3');
var button4 = $('button4');

var content1 = $('contentElement1');
var content2 = $('contentElement2');
var content3 = $('contentElement3');
var content4 = $('contentElement4');

var b1Toggle = new Fx.Style('contentElement1', 'height',{duration: 500});
var b2Toggle = new Fx.Style('contentElement2', 'height',{duration: 500});
var b3Toggle = new Fx.Style('contentElement3', 'height',{duration: 500});
var b4Toggle = new Fx.Style('contentElement4', 'height',{duration: 500});
var Logo = $('Logo');
var info = $('info');
var Bild = $('photo');
var BildX = Bild.getPosition().x;
var BildY = Bild.getPosition().y;
var infoText = $('infoText');

Logo.setStyle('left', (BildX-'43')+'px');
Logo.setStyle('top', BildY+'px');
Logo.setStyle('visibility', 'visible');

info.setStyle('left', (BildX + 6)+'px');
info.setStyle('top', (BildY + 6)+'px');
info.setStyle('visibility', 'visible');

infoText.setStyle('left', (BildX + 5)+'px');
infoText.setStyle('top', (BildY + 150)+'px');


button1.addEvent('click', function(){
  if(content1.getStyle('height').toInt() > 0){
  b1Toggle.start(0);
  }else{
    b1Toggle.start(c1Height);
  }
  button1.toggleClass('button1_');
  return false;
});

button2.addEvent('click', function(){
  if(content2.getStyle('height').toInt() > 0){
    b2Toggle.start(0);
  }else{
  	b2Toggle.start(c2Height);
  }
  button2.toggleClass('button2_');
  return false;
});

button3.addEvent('click', function(){
  if(content3.getStyle('height').toInt() > 0){
    b3Toggle.start(0);
  }else{
  	b3Toggle.start(c3Height);
  }
  button3.toggleClass('button3_');
  return false;
});

button4.addEvent('click', function(){
  if(content4.getStyle('height').toInt() > 0){
    b4Toggle.start(0);
  }else{
  	b4Toggle.start(c4Height);
  }
  button4.toggleClass('button4_');
  return false;
});

content1.setStyle('display','block');
content2.setStyle('display','block');
content3.setStyle('display','block');
content4.setStyle('display','block');

var c1Height = content1.getSize().scrollSize.y;
var c2Height = content2.getSize().scrollSize.y;
var c3Height = content3.getSize().scrollSize.y;
var c4Height = content4.getSize().scrollSize.y;


info.addEvent('click', function(){
  if(infoText.getStyle('visibility') == 'hidden'){
  infoText.setStyle('visibility','visible');
  }else{
    infoText.setStyle('visibility','hidden');
  }
});

};

function clearBox(box) {
if(box.value==box.defaultValue) {
box.value = "";
}};