jQuery and loading html/scripts

jQuery and loading html/scripts

Hi,
I am loading sub pages in a website using jQuery using this code:

  1.     function loadContent(htmlfile){
  2.         jQuery("#content").load(htmlfile);
  3.     };


When ever user clicks menu item, the related page gets loaded in a "div" whose id="content".

Some of the pages are using couple of jQuery based plugins such as jTip, LightWindow etc.
These scripts needs to be initialized. For example: to fix .png transparency issue, I am using:


  1. <script type="text/javascript" src="js/jquery.pngFix.pack.js"></script>
  2.     <script type="text/javascript">
  3.         jQuery.noConflict();
  4.         jQuery(document).ready(function(){
  5.             jQuery(document).pngFix();
  6.         });
  7.     </script>


My question is that where do you call/initialize these various scripts? Do you have to call/initialize all the scripts in "index.html"(Global) or  call/initialize in the page where you are using it.(Local)
Keep in mind that all my pages are loaded in "div" which is the part of "index.html".

Thanks

Prashant