$().ready(function()
{
    $('#tabs').tabs();
    $().everyTime(5000, function()
    {
        var ill_block = $('.illustration');
        var ill1 = ill_block.find('[ill_id="1"]');
        var ill2 = ill_block.find('[ill_id="2"]');
        var ill3 = ill_block.find('[ill_id="3"]');

        if(ill1.css('z-index') == 1)
        {
            ill1.fadeTo( 'slow', 0.5, function()
            {
                ill1.css('z-index', '0');
                ill2.css('z-index', '1');

                ill2.css('opacity', '0.3');
                ill2.css('display', 'block');
                ill2.fadeTo('slow', 1);
                ill1.css('opacity', '0');
            });
        }
        else if(ill2.css('z-index') == 1)
        {
            ill2.fadeTo( 'slow', 0.5, function()
            {
                ill2.css('z-index', '0');
                ill3.css('z-index', '1');

                ill3.css('opacity', '0.3');
                ill3.css('display', 'block');
                ill3.fadeTo('slow', 1);
                ill2.css('opacity', '0');
            });
        }
        else if(ill3.css('z-index') == 1)
        {
            ill3.fadeTo( 'slow', 0.5, function()
            {
                ill3.css('z-index', '-1');
                ill1.css('z-index', '1');

                ill1.css('opacity', '0.3');
                ill1.css('display', 'block');
                ill1.fadeTo('slow', 1);
                ill3.css('opacity', '0');
            });
        }
    });
});