I have just purchased "Tonic Gallery" which my client thinks it's absolutely perfect for his website. The difficulty is that it works great with HTML but for ".php" it won't even load.

To give you a better idea, here two links:

Tonic Gallery Link: http://codecanyon.net/item/tonic-gal...gallery/120710

LincHospitality.com: http://linchospitality.com/

This is inputed into the "Portfolio" tab. As per instructions, I have entered the following into the "head" (header.php):

HTML Code:
<link rel="stylesheet" type="text/css" href="styles/tonic_gallery.css"/>
<link rel="stylesheet" type="text/css" href="styles/demo_styles.css"/>
<link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css"/>

<script type="text/javascript" src="script/jquery-1.4.js"></script>
<script type="text/javascript" src="script/jquery-easing.js"></script>
<script type="text/javascript" src="script/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="script/portfolio-setter.js"></script>
<script type="text/javascript">
		// init the portfolio functionality
		$('#portfolio_wavy').portfolioSetter({xmlSource:'portfolio.xml', wavyAnimation:true});
I had then created the "portfolio.php" page with the required input from the plugin:

PHP Code:
<?php $page "portfolio";?> 
<?php include("header.php"); ?> 

  <div role="main"> 
    <div class="wrapper" id="subPagesWrap"> 
    <div id="portfolio_wavy"></div> 
    </div><!-- wrapper --> 
  </div> <!-- end main --> 

<?php include("footer.php"); ?>
The in a direct ".html" file, it works perfectly! But since I had placed in the "header.php" and "portfolio.php", i get the following error

PHP Code:
$("#portfolio_wavy").portfolioSetter is not a function 
Here is a link to the ".html" files as to how it's suppose to work. Same functions, same root folder just not working in ".php".


Any help will be appreciated!