Confused

Confused

hello,
i am using bluethrust clan scripts v3 and am tryng to add dialog boxes to the site to help new members and staff.
i am looking at the page http://jqueryui.com/dialog/#animated and copied
  1. <script>
  2. // increase the default animation speed to exaggerate the effect
  3. $.fx.speeds._default = 1000;
  4. $(function() {
  5. $( "#dialog" ).dialog({
  6. autoOpen: false,
  7. show: "blind",
  8. hide: "explode"
  9. });
  11. $( "#opener" ).click(function() {
  12. $( "#dialog" ).dialog( "open" );
  13. return false;
  14. });
  15. });
  16. </script>
  17. </head>
  19. <div id="dialog" title="Basic dialog">
  20. <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
  21. </div>
  23. <button id="opener">Open Dialog</button>
My page looks like this:
  1. <?php
  2. /*
    * Command Structure v0.1 BETA
    * Copyright 2013
    * Author: Nuker_Viper
    * E-mail: nuker@swfclan.com
    * Website: http://www.swfclan.com
    *
    * License: http://www.swfclan.com/license.php
    *
    */








  3. ?>
  4. <html>
    <script>
    // increase the default animation speed to exaggerate the effect
    $.fx.speeds._default = 1000;
    $(function() {
    $( "#dialog" ).dialog({
    autoOpen: false,
    show: "blind",
    hide: "explode"
    });
    $( "#opener" ).click(function() {
    $( "#dialog" ).dialog( "open" );
    return false;
    });
    });
    </script>
    </html>
    <?php

















  5. include("en_global_varibles.php");
    include("include/classes/class_global.php");

  6. if(checkLogin(MEMBER_NAME, MEMBER_PASS) AND checkRank(MEMBER_RANK, $pid)) {
  7. echo "

  8. <div id='dialog' title='Basic dialog'> <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the x icon.</p></div>
  9. <button id='opener'>Open Dialog</button>

  10. ";

  11. }
  12. else {
    echo "
    <table align='center' border='0' cellspacing='0' cellpadding='0' width='400'>
    <tr>
    <td class='main' align='center'><img src='images/restrictedarea.png' border='0'></td>
    </tr>
    </table>
    ";
    }







  13. ?>
my theme ( which affects every page) has this in its header...
  1. <link rel='stylesheet' type='text/css' href='themes/blacksmoke/style.css'>
  2. <link rel='stylesheet' type='text/css' href='java/development-bundle/themes/ui-darkness/jquery-ui.css'>
  3. <link rel='stylesheet' type='text/css' href='java/css/ui-darkness/jquery-ui-1.9.2.custom.css'>
  4. <link rel='stylesheet' type='text/css' href='java/css/ui-darkness/jquery-ui-1.9.2.custom.min.css'>
  5. <script language="javascript" src="btjscripts.js"></script>
  6. <script type='text/javascript' src='java/jquery-1.8.3.js'></script>
  7. <script type='text/javascript' src='java/development-bundle/jquery-1.8.3.js'></script>
  8. <script type='text/javascript' src='java/jquery-ui-1.9.2.custom.js'></script>
  9. <script type='text/javascript' src='java/jquery-ui-1.9.2.custom.min.js'></script
the problem is i cannot figure out why when i click on the open dialog button nothing happens. i am using IE9