var s1;
var s2;

var clipboards = new Array();    
    

$( document ).ready( function() { 

})

function InitializeClipboard( TableID )
{
    // alert( "Initializing clipboard for: " + TableID );
    
    clipboards[ TableID ] = new ZeroClipboard.Client();
    // alert( "is: " + typeof TableID );
    
    // alert( clipboards[ TableID ].toString() ); 

    var code = getCodeFromSpan( TableID + "SourceCode" ); //, clipboards[ TableID ] );
    //alert( "the code" + code );    
    clipboards[ TableID ].setText( code );
    // clipboards[ TableID ].addEventListener( 'mouseOver', function(){ getCodeFromTable( TableID, clipboards[ TableID ] ) } );
    clipboards[ TableID ].addEventListener( 'complete' , codeCopiedToClipboard );    
    //alert( TableID + "ToClipboard" )
    clipboards[ TableID ].glue( TableID + "ToClipboard" ); 
}

function codeCopiedToClipboard()
{
    alert( "Code copied to the clipboard." );
    $( "div#gotCode" ).html( "" );    
}

function getCodeFromSpan( divId ) 
{
    var code = "";

    $( "div#" + divId + " span.code" ).each( function() 
    {
        code = code + $( this ).html() + "\r\n";
    })
    
    //code = decodeHtml( code );
    $( "a.copyLink" ).hide();
    $( "span.codeHeading" ).show();
    return code; //alert( code );
}

function decodeHtml( str )
{
    var r = new RegExp( " ","gi" );
    str = str.replace( r, " " );    
    
    r = new RegExp( "<", "gi" ); 
    str = str.replace( r, "<" );    
    
    return str;
}