log.debug( 'this is a debug message' );

log.info( 'this is an info message' );

log.warn( 'this is a warning message' );

log.error( 'this is an error message' );

<div id="test" style="width:100%; height:100%; z-index:999;">TEST</div>

<script src="jquery-1.6.1.min.js" type="text/javascript"></script>

<script src="gShake.js" type="text/javascript"></script>

<script src="jquery.event.dblTap.js" type="text/javascript"></script>

<script src="blackbird.js" type="text/javascript"></script>

<link href="blackbird.css" type="text/css" rel="Stylesheet" />

<script>

$(document).ready(function() {

    

        log.debug( 'this is a debug message' );

        log.info( 'this is an info message' );

        log.warn( 'this is a warning message' );

        log.error( 'this is an error message' );

    

        $("#test").bind("dblTap",function(){

            log.toggle();

    });

    

        $(this).gShake(function(){

            log.toggle();

    });



});

</script>