$(document).ready(function () {
    // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
    $('#slickbox').hide();

    if (document.getElementById('tipfiendstate') != null) {
        if (document.getElementById('tipfiendstate').value == 0) 
        {
            $('#slickbox3').hide();
        }
    }

    // slides down, up, and toggle the slickbox on click    
    $('#slick-down').click(function () {
        $('#slickbox').slideDown('slow');
        return false;
    });
    $('#slick-up').click(function () {
        $('#slickbox').slideUp('fast');
        return false;
    });
    $('#slick-slidetoggle').click(function () {
        $('#slickbox').slideToggle(400);
        return false;
    });
    $('#slick-slidetoggle2').click(function () {
        $('#slickbox').slideToggle(400);
        return false;
    });
    $('#slick-slidetoggle3').click(function () {
        $('#slickbox3').slideToggle(400);
        return false;
    });
    $('#slick-slidetoggle4').click(function () {
        $('#slickbox3').slideToggle(400);
        return false;
    });

});

