window.addEvent('domready', function() {
    //Close all content blocks
    $$('.ui-accordion25-content').setStyle('display', 'none');
    $$('.ui-accordion50-content').setStyle('display', 'none');
    $$('.ui-accordion75-content').setStyle('display', 'none');
    $$('.ui-accordion100-content').setStyle('display', 'none');
        
    var elem25 = $$('.ui-accordion25-header');
    if (elem25.length > 0) {
      elem25[0].addClass('active25');
      elem25[0].getNext().setStyle('display', 'block').addClass('active');   
    }

    var elem50 = $$('.ui-accordion50-header');
    if (elem50.length > 0) {
      elem50[0].addClass('active50');
      elem50[0].getNext().setStyle('display', 'block').addClass('active');
    }
        
    var elem75 = $$('.ui-accordion75-header');
    if (elem75.length > 0) {
      elem75[0].addClass('active75');
      elem75[0].getNext().setStyle('display', 'block').addClass('active');
    }
        
    var elem100 = $$('.ui-accordion100-header');
    if (elem100.length > 0) {
      elem100[0].addClass('active100');
      elem100[0].getNext().setStyle('display', 'block').addClass('active');
    }
    
    //Init the title click
    $$('.ui-accordion25-header').addEvent('click', function(e){
        // Check if the content of the clicked title is hidden, if yes :
        if ( $(this).getNext().hasClass('active') != true ) {
            //Close content of the active title and remove the active class
            $$('.ui-accordion25-header').removeClass('active25').getNext().setStyle('display', 'none').removeClass('active');
            //Add class 'active to the clicked title, and show his content
            $(this).toggleClass('active25').getNext().setStyle('display', 'block').addClass('active');
        } else {
            //Close content of the active title and remove the active class
            $$('.ui-accordion25-header').removeClass('active25').getNext().setStyle('display', 'none').removeClass('active');        
        }
    });
    
    $$('.ui-accordion50-header').addEvent('click', function(e){
        // Check if the content of the clicked title is hidden, if yes :
        if ( $(this).getNext().hasClass('active') != true ) {
            //Close content of the active title and remove the active class
            $$('.ui-accordion50-header').removeClass('active50').getNext().setStyle('display', 'none').removeClass('active');
            //Add class 'active to the clicked title, and show his content
            $(this).toggleClass('active50').getNext().setStyle('display', 'block').addClass('active');
        } else {
            //Close content of the active title and remove the active class
            $$('.ui-accordion50-header').removeClass('active50').getNext().setStyle('display', 'none').removeClass('active');        
        }
        
        
    });
    
    $$('.ui-accordion75-header').addEvent('click', function(e){
        // Check if the content of the clicked title is hidden, if yes :
        if ( $(this).getNext().hasClass('active') != true ) {
            //Close content of the active title and remove the active class
            $$('.ui-accordion75-header').removeClass('active75').getNext().setStyle('display', 'none').removeClass('active');
            //Add class 'active to the clicked title, and show his content
            $(this).toggleClass('active75').getNext().setStyle('display', 'block').addClass('active');
        } else {
            //Close content of the active title and remove the active class
            $$('.ui-accordion75-header').removeClass('active75').getNext().setStyle('display', 'none').removeClass('active');        
        }
    });
    
    $$('.ui-accordion100-header').addEvent('click', function(e){
        // Check if the content of the clicked title is hidden, if yes :
        if ( $(this).getNext().hasClass('active') != true ) {
            //Close content of the active title and remove the active class
            $$('.ui-accordion100-header').removeClass('active100').getNext().setStyle('display', 'none').removeClass('active');
            //Add class 'active to the clicked title, and show his content
            $(this).toggleClass('active100').getNext().setStyle('display', 'block').addClass('active');
        } else {
            //Close content of the active title and remove the active class
            $$('.ui-accordion100-header').removeClass('active100').getNext().setStyle('display', 'none').removeClass('active');        
        }
    });
    
});