window.addEvent('domready', function() {

    //create our Accordion instance
    var myAccordion = new Accordion($('maincontent'), 'h3.contenttitle', 'div.element', {
        opacity: false,
        onActive: function(contenttitle, element){
            contenttitle.setStyle('color', '#41464D');
        },
        onBackground: function(contenttitle, element){
            //contenttitle.setStyle('color', '#528CE0');
        }
    });

    var en = $('contentresume-en');
    var jp = $('contentresume-jp');

    jp.fade(0);

    $('resume-jp').addEvent('click', function(e) {
        // You often will need to stop propagation of the event
        en.fade(0);
        en.setStyle('display', 'none');
        jp.setStyle('display', '');
        jp.fade(1);
        $('resume-en').setStyle('display', '');
        $('resume-jp').setStyle('display', 'none');
    });

    $('resume-en').addEvent('click', function(e) {
        // You often will need to stop propagation of the event
        jp.fade(0);
        jp.setStyle('display', 'none');
        en.setStyle('display', '');
        en.fade(1);
        $('resume-en').setStyle('display', 'none');
        $('resume-jp').setStyle('display', '');
    });

    var aen = $('contentabout-en');
    var ajp = $('contentabout-jp');

    ajp.fade(0);

    $('about-jp').addEvent('click', function(e) {
        aen.fade(0);
        aen.setStyle('display', 'none');
        ajp.setStyle('display', '');
        ajp.fade(1);
        $('about-en').setStyle('display', '');
        $('about-jp').setStyle('display', 'none');
    });

    $('about-en').addEvent('click', function(e) {
        ajp.fade(0);
        ajp.setStyle('display', 'none');
        aen.setStyle('display', '');
        aen.fade(1);
        $('about-en').setStyle('display', 'none');
        $('about-jp').setStyle('display', '');
    });

});