JQUI - including code

JQUI - including code

I've written a dialog script:

  1. <script>
  2. //Init

  4. $( ".ramka" ).dialog({ autoOpen: false,  
  5. closeText: "zamknij",
  6. hide: 'fade',
  7. show: 'fade',
  8. modal: true,
  9. resizable: false
  10.  });

  12. //Closing window on click

  14. $('body').on('click','.ui-widget-overlay', function() {
  15.     $('.ui-dialog').filter(function () {
  16.     return $(this).css("display") === "block";
  17.     }).find('.ui-dialog-content').dialog('close');
  18. });

  20. //Closing dialog on click
  21. $( ".ramka" ).click(function() {$( this ).dialog( "close" );
  22. });

  24. function widthHeight(szerokosc,wysokosc) {$( ".ramka" ).dialog( "option", "height", wysokosc );
  25.    $( ".ramka" ).dialog( "option", "width", szerokosc );
  26. };
  27. </script>
And I want to put it into a .js file and include it on my sites. Sadly, I don't really have access to the <HEAD> section, because the site is powered by a lousy CMS. When I have this code on a page, the dialog works perfectly (ofcourse I have a div and an opening function in there) but when I put this in a .js file (without the <script> tags) and include in on the site by <script src=""></script> my div isn't hidden and the dialog doesn't work. How do I properly make this code into a library? Or maybe it's just Java isn't like PHP include and I have to put it all in a function and execute it (which I don't think coz including JQuery and JQUI works fine)?