$j(function() {

    if ($j('#check-code-window').length == 0) {
        $j('#wrapper').append('<div id="check-code-window" class="hidden">'
            +           '<div class="pop-up-window-header">'
            +              '<div class="left"><div class="right"><div class="center"></div></div></div>'
            +           '</div>'
            +           '<div class="pop-up-window-body">'
            +               '<div class="left">'
            +                   '<div class="right">'
            +                       '<div class="center">'
            +                           '<div class="search-form">'
            +                               '<form action="" method="post">'
            +                                   '<h3>Code Check Window</h3>'
            +                                   '<table align="center">'
            +                                       '<tr>'
            +                                           '<td><label>Enter the 8-character code:</label></td>'
            +                                           '<td>'
            +                                               '<input size="9" class="text green" type="text" name="character-code" id="CodeSearchTextP" />'
            +                                               '<button type="button" class="button green" name="search" onclick="SearchCode(\'CodeSearchTextP\',\'CodeSearchResultsSectionP\',new Array(\'CodeSearchResultsDividerP\',\'CodeSearchResultsSectionP\'))">Check!</button>'
            +                                           '</td>'
            +                                       '</tr>'
            +                                   '</table>'
            +                               '</form>'
            +                           '</div>'
            +                       '<div class="green-line" id="CodeSearchResultsDividerP" style="display:none;" ></div>'
            +                       '<div class="character-code-search"  id="CodeSearchResultsSectionP" style="display:none;" >'
            +                           '<div class="results-header">Search results:</div>'
            +                               '<div class="results-row">'
            +                                   '<span class="arrow-right green">Invoice Document</span><span class="separator">I</span>  Fox Mulder Corporation Ltd <span class="separator">I</span>   July 21st, 2010 9.48pm<span class="separator">I</span>   125.360.471.152'
            +                               '</div>'
            +                           '</div>'
            +                       '</div>'
            +                   '</div>'
            +               '</div>'
            +           '</div>'
            +           '<div class="pop-up-window-footer">'
            +               '<div class="left"><div class="right"><div class="center"></div></div></div>'
            +           '</div>'
            +       '</div>');
    }

    $j('#check-code').click(function() {
        $j('#check-code-window').dialog({            
            autoOpen: true,
            modal: true,
            resizable: false,
            autoResize: true,
            width: 555,
            position: {
                top: 250
            },
            dialogClass: 'pop-up-window check-code',
            overlay: {
                opacity: 0.3,
                background: "black"
            }
        });
    });


    $j('#download').click(function() {
        $j('#download-window').dialog({
            autoOpen: true,
            modal: true,
            resizable: false,
            autoResize: true,
            width: 410,
            position: {
                top: 250
            },
            dialogClass: 'pop-up-window download-window',
            overlay: {
                opacity: 0.3,
                background: "black"
            }
        });
    });

    $j('.ui-widget-overlay').live('click', function () {
        $j('#check-code-window').dialog('close');
        $j('#download-window').dialog('close');
    });
});