/* $Id: c_info_gegevens.js 196 2009-02-19 21:39:44Z marius $ */

var gender;
var genders = ["female", "male"];

function avatar_switch(gender) {
    var hidethis = '';
    genders.each(function(needle) { if ($('avatar_' + needle).style.display == '') { hidethis = needle } });
    if (hidethis != gender && hidethis != '') {
        $('avatar_' + hidethis).visualEffect('fade', {duration: 0.2, onComplete: $('avatar_' + gender).visualEffect('appear', {delay: 0.2, duration: 0.2})});
    } else if (hidethis == '' && $('avatar_' + gender).style.display == 'none') {
        $('avatar_' + gender).visualEffect('appear', {delay: 0.2, duration: 0.2});
    }
}

Event.observe($('GegevensGenderM'), 'click', function(event) {
    if (gender == 'female') { $('nickname').visualEffect('fade', {duration: 0.2}) }
    $('avatar').visualEffect('appear', {delay: 0.2, duration: 0.2, onComplete: avatar_switch('male')});
    if (gender != 'male') { for (i=1; i <= 8; i++) { $('GegevensAvatarM' + i).checked = false; Event.observe($('GegevensAvatarM' + i), 'click', function(event) { $('nickname').visualEffect('appear', {duration: 0.2}) }) } }
    gender = 'male';
});

Event.observe($('GegevensGenderF'), 'click', function(event) {
    if (gender == 'male') { $('nickname').visualEffect('fade', {duration: 0.2}) }
    $('avatar').visualEffect('appear', {delay: 0.2, duration: 0.2, onComplete: avatar_switch('female')});
    if (gender != 'female') { for (i=1; i <= 8; i++) { $('GegevensAvatarF' + i).checked = false; Event.observe($('GegevensAvatarF' + i), 'click', function(event) { $('nickname').visualEffect('appear', {duration: 0.2}) }) } }
    gender = 'female';
});