var my =
{
    items: ['work', 'studies', 'freetime'],

    story: function()
    {
        $('li[title]').tooltip({
            effect: 'slide',
            position: 'center right',
            offset: [0, 5]
        });

        $('img[title]').tooltip({
            effect: 'slide',
            position: 'top center',
            offset: [20, 0]
        });

        $('.content').hide();
        $('.illustration').hide();
        $('.content.hello').fadeIn(1000);

        jQuery.each(my.items, function(index, value) {
            $('.link.' + value).click(function() {
                $('.content').hide();
                $('.illustration').hide();
                $('.content.' + value).fadeIn(1000);
                $('.illustration.' + value).fadeIn(1000);
            });
        });

        $('img').hover(function() {
            $(this).css('opacity', 1.0);
        }, function() {
            $(this).css('opacity', 0.5);
        });
    }
};