window.addEvent('domready', function() {
    
    // default init
    var selectcount = 0;
    
    // setting display
    var contents = $$('div.entry-content');
    contents[1].setStyle('height', '350px');
    
    var profiles = $$('div.profile');
    profiles.setStyle('display', 'block');
    profiles.setStyle('position', 'absolute');
    profiles.setStyle('top', '0');
    profiles.fade('out');
    profiles[0].fade('in');

    function memberselect(arg) {
	profiles.fade('out');
	profiles[arg].fade('in');
    }
    $('select-mitomo').addEvent('click', function() {
	memberselect('0');
	selectcount = 0;
    });
    $('select-takashi').addEvent('click', function() {
	memberselect('1');
	selectcount = 1;
    });
    $('select-akio').addEvent('click', function() {
	memberselect('2');
	selectcount = 2;
    });
    $('select-hayato').addEvent('click', function() {
	memberselect('3');
	selectcount = 3;
    });

    var membermove = function() {
	profiles.fade('out');
	profiles[selectcount].fade('in');
    };
    
    var memberprev = function() {
	if (selectcount == 0 ) {
	    selectcount = 3;
	    membermove();
	} else {
	    selectcount--;
	    membermove();
	}
    };
    
    var membernext = function() {
	if (selectcount == 3 ) {
	    selectcount = 0;
	    membermove();
	} else {
	    selectcount++;
	    membermove();
	}
    };

    var prev = $$('a.select-prev');
    var next = $$('a.select-next');
    prev.addEvent('click', function() {
	memberprev();
    });
    next.addEvent('click', function(){
	membernext();
    });

    // tooltips
    var myTips = new Tips('.select-icon', {
	fixed: true, 
	hideDelay: 50, 
	showDelay: 50 
    });
    myTips.addEvents({ 
	'show': function(tip) { 
	    tip.fade('in'); 
	}, 
	'hide': function(tip) { 
	    tip.fade('out'); 
	} 
    });

});