$(document).ready(
    function() {
        showContent();
        setLinkButton();
    });

    function showContentNoFade() {
        $('.contentBg').fadeIn(600, function() {
            $('.wrapSection').css({ 'visibility': 'visible' });
        });
    }

    function showContent() {
        $('.contentBg').fadeIn(600, function() {
            setTimeout(function() {
                $('.contentBg').fadeTo(600, 0.2, function() {
                    $('.wrapSection').css({ 'visibility': 'visible' });
                });
            }, 1000);
        });
    }

    function showHideMet(bvalue) {
        var nobj = $('.boxFisc').length;
        if (bvalue) {
            for (i = 0; i < nobj; i++) {
                var currentObj = $('.boxFisc:eq(' + i + ')').attr('id');
                var sClass = $('#' + currentObj).attr('class');
                if (sClass == 'boxFisc on noMet')
                    $('#' + currentObj).attr({ 'class': 'boxFisc off noMet' })
            }
        } else {
            for (i = 0; i < nobj; i++) {
                var currentObj = $('.boxFisc:eq(' + i + ')').attr('id');
                var sClass = $('#' + currentObj).attr('class');
                if (sClass == 'boxFisc off noMet')
                    $('#' + currentObj).attr({ 'class': 'boxFisc on noMet' })
            }
        }
    }

    function setLinkButton() {
        $('#btn01').bind('click', function() {

            $(this).attr({ 'href': 'javascript:;' });

            $('#btn02').attr({ 'class': 'btn02' });
            $('#btn01').attr({ 'class': 'btn01 active' });
            showHideMet(false);
        });
        $('#btn02').bind('click', function() {
            $(this).attr({ 'href': 'javascript:;' });

            $('#btn01').attr({ 'class': 'btn01' });
            $('#btn02').attr({ 'class': 'btn02 active' });
            showHideMet(true);
        });        
    }