window.onDomReady(function(){


var q1 = $('q1');
var q2 = $('q2');
var q3 = $('q3');
var q4 = $('q4');
var q5 = $('q5');
var q6 = $('q6');
var q7 = $('q7');
var q8 = $('q8');
var q9 = $('q9');
var q10 = $('q10');

var a1 = $('a1');
var a2 = $('a2');
var a3 = $('a3');
var a4 = $('a4');
var a5 = $('a5');
var a6 = $('a6');
var a7 = $('a7');
var a8 = $('a8');
var a9 = $('a9');
var a10 = $('a10');

var faq1Fx = new Fx.Style('a1', 'height',{duration: 500, transition: Fx.Transitions.Sine.easeInOut});
var faq1Fxcolor = new Fx.Style('a1', 'color',{duration: 1000, transition: Fx.Transitions.Quint.easeInOut});
var faq1Fxcolor2 = new Fx.Style('a1', 'color',{duration: 500, transition: Fx.Transitions.Quint.easeOut});
//add an onclick event listener to button1
q1.addEvent('click', function(){
  //toggle height transition (hide-show)
  if(a1.getStyle('height').toInt() > 0){
    //hide
  	faq1Fx.start(0);
	faq1Fxcolor2.start('FFFFFF');
  }else{
    //show
	faq1Fx.start(a1Height);
	faq1Fxcolor.start('666666');
  }
  q1.toggleClass('q1_');
  return false;
});

var faq2Fx = new Fx.Style('a2', 'height',{duration: 500, transition: Fx.Transitions.Sine.easeInOut});
var faq2Fxcolor = new Fx.Style('a2', 'color',{duration: 1000, transition: Fx.Transitions.Quint.easeInOut});
var faq2Fxcolor2 = new Fx.Style('a2', 'color',{duration: 500, transition: Fx.Transitions.Quint.easeOut});
//add an onclick event listener to button1
q2.addEvent('click', function(){
  //toggle height transition (hide-show)
  if(a2.getStyle('height').toInt() > 0){
    //hide
  	faq2Fx.start(0);
	faq2Fxcolor2.start('FFFFFF');
  }else{
    //show
	faq2Fx.start(a2Height);
	faq2Fxcolor.start('666666');
  }
  q2.toggleClass('q2_');
  return false;
});

var faq3Fx = new Fx.Style('a3', 'height',{duration: 500, transition: Fx.Transitions.Sine.easeInOut});
var faq3Fxcolor = new Fx.Style('a3', 'color',{duration: 1000, transition: Fx.Transitions.Quint.easeInOut});
var faq3Fxcolor2 = new Fx.Style('a3', 'color',{duration: 500, transition: Fx.Transitions.Quint.easeOut});
//add an onclick event listener to button1
q3.addEvent('click', function(){
  //toggle height transition (hide-show)
  if(a3.getStyle('height').toInt() > 0){
    //hide
  	faq3Fx.start(0);
	faq3Fxcolor2.start('FFFFFF');
  }else{
    //show
	faq3Fx.start(a3Height);
	faq3Fxcolor.start('666666');
  }
  q3.toggleClass('q3_');
  return false;
});

var faq4Fx = new Fx.Style('a4', 'height',{duration: 500, transition: Fx.Transitions.Sine.easeInOut});
var faq4Fxcolor = new Fx.Style('a4', 'color',{duration: 1000, transition: Fx.Transitions.Quint.easeInOut});
var faq4Fxcolor2 = new Fx.Style('a4', 'color',{duration: 500, transition: Fx.Transitions.Quint.easeOut});
//add an onclick event listener to button1
q4.addEvent('click', function(){
  //toggle height transition (hide-show)
  if(a4.getStyle('height').toInt() > 0){
    //hide
  	faq4Fx.start(0);
	faq4Fxcolor2.start('FFFFFF');
  }else{
    //show
	faq4Fx.start(a4Height);
	faq4Fxcolor.start('666666');
  }
  q4.toggleClass('q4_');
  return false;
});

var faq5Fx = new Fx.Style('a5', 'height',{duration: 500, transition: Fx.Transitions.Sine.easeInOut});
var faq5Fxcolor = new Fx.Style('a5', 'color',{duration: 1000, transition: Fx.Transitions.Quint.easeInOut});
var faq5Fxcolor2 = new Fx.Style('a5', 'color',{duration: 500, transition: Fx.Transitions.Quint.easeOut});
//add an onclick event listener to button1
q5.addEvent('click', function(){
  //toggle height transition (hide-show)
  if(a5.getStyle('height').toInt() > 0){
    //hide
  	faq5Fx.start(0);
	faq5Fxcolor2.start('FFFFFF');
  }else{
    //show
	faq5Fx.start(a5Height);
	faq5Fxcolor.start('666666');
  }
  q5.toggleClass('q5_');
  return false;
});

var faq6Fx = new Fx.Style('a6', 'height',{duration: 500, transition: Fx.Transitions.Sine.easeInOut});
var faq6Fxcolor = new Fx.Style('a6', 'color',{duration: 1000, transition: Fx.Transitions.Quint.easeInOut});
var faq6Fxcolor2 = new Fx.Style('a6', 'color',{duration: 500, transition: Fx.Transitions.Quint.easeOut});
//add an onclick event listener to button1
q6.addEvent('click', function(){
  //toggle height transition (hide-show)
  if(a6.getStyle('height').toInt() > 0){
    //hide
  	faq6Fx.start(0);
	faq6Fxcolor2.start('FFFFFF');
  }else{
    //show
	faq6Fx.start(a6Height);
	faq6Fxcolor.start('666666');
  }
  q6.toggleClass('q6_');
  return false;
});

var faq7Fx = new Fx.Style('a7', 'height',{duration: 500, transition: Fx.Transitions.Sine.easeInOut});
var faq7Fxcolor = new Fx.Style('a7', 'color',{duration: 1000, transition: Fx.Transitions.Quint.easeInOut});
var faq7Fxcolor2 = new Fx.Style('a7', 'color',{duration: 500, transition: Fx.Transitions.Quint.easeOut});
//add an onclick event listener to button1
q7.addEvent('click', function(){
  //toggle height transition (hide-show)
  if(a7.getStyle('height').toInt() > 0){
    //hide
  	faq7Fx.start(0);
	faq7Fxcolor2.start('FFFFFF');
  }else{
    //show
	faq7Fx.start(a7Height);
	faq7Fxcolor.start('666666');
  }
  q7.toggleClass('q7_');
  return false;
});

var faq8Fx = new Fx.Style('a8', 'height',{duration: 500, transition: Fx.Transitions.Sine.easeInOut});
var faq8Fxcolor = new Fx.Style('a8', 'color',{duration: 1000, transition: Fx.Transitions.Quint.easeInOut});
var faq8Fxcolor2 = new Fx.Style('a8', 'color',{duration: 500, transition: Fx.Transitions.Quint.easeOut});
//add an onclick event listener to button1
q8.addEvent('click', function(){
  //toggle height transition (hide-show)
  if(a8.getStyle('height').toInt() > 0){
    //hide
  	faq8Fx.start(0);
	faq8Fxcolor2.start('FFFFFF');
  }else{
    //show
	faq8Fx.start(a8Height);
	faq8Fxcolor.start('666666');
  }
  q8.toggleClass('q8_');
  return false;
});

var faq9Fx = new Fx.Style('a9', 'height',{duration: 500, transition: Fx.Transitions.Sine.easeInOut});
var faq9Fxcolor = new Fx.Style('a9', 'color',{duration: 1000, transition: Fx.Transitions.Quint.easeInOut});
var faq9Fxcolor2 = new Fx.Style('a9', 'color',{duration: 500, transition: Fx.Transitions.Quint.easeOut});
//add an onclick event listener to button1
q9.addEvent('click', function(){
  //toggle height transition (hide-show)
  if(a9.getStyle('height').toInt() > 0){
    //hide
  	faq9Fx.start(0);
	faq9Fxcolor2.start('FFFFFF');
  }else{
    //show
	faq9Fx.start(a9Height);
	faq9Fxcolor.start('666666');
  }
  q9.toggleClass('q9_');
  return false;
});

var faq10Fx = new Fx.Style('a10', 'height',{duration: 500, transition: Fx.Transitions.Sine.easeInOut});
var faq10Fxcolor = new Fx.Style('a10', 'color',{duration: 1000, transition: Fx.Transitions.Quint.easeInOut});
var faq10Fxcolor2 = new Fx.Style('a8', 'color',{duration: 500, transition: Fx.Transitions.Quint.easeOut});
//add an onclick event listener to button1
q10.addEvent('click', function(){
  //toggle height transition (hide-show)
  if(a10.getStyle('height').toInt() > 0){
    //hide
  	faq10Fx.start(0);
	faq10Fxcolor2.start('FFFFFF');
  }else{
    //show
	faq10Fx.start(a10Height);
	faq10Fxcolor.start('666666');
  }
  q10.toggleClass('q10_');
  return false;
});



//get the scrollSize of the contentElements
var a1Height = a1.getSize().scrollSize.y;
var a2Height = a2.getSize().scrollSize.y;
var a3Height = a3.getSize().scrollSize.y;
var a4Height = a4.getSize().scrollSize.y;
var a5Height = a5.getSize().scrollSize.y;
var a6Height = a6.getSize().scrollSize.y;
var a7Height = a7.getSize().scrollSize.y;
var a8Height = a8.getSize().scrollSize.y;
var a9Height = a9.getSize().scrollSize.y;
var a10Height = a10.getSize().scrollSize.y;
});