I have 2 conflicting Javascripts, that need to work on the same page.

I have a page created that has a table, with some js code that makes it sortable by clicking the column headers. This works fine on its own. I also have a page created with the same table, but without the sorting code, but there is code for what is called FancyBox, to display pictures. The FancyBox works fine in the table on the page. Then I also have another page that I created with the sortable table, and the FancyBox code for displaying the pictures, but when I do this, and add both javascripts to the page, the sorting of the table does not work. It returns this error, "Uncaught TypeError: $(...).tablesorter is not a function" Basically I have two conflicting java codes, and need someone who is familiar with java, to make it so I can run both codes on the same page. I need to run the sortable table columns, with the FancyBox code to display the pictures from the table. I have a running example on my server, plus a zip file of all the files needed for you to test on your server. I am looking for the first person who can properly demonstrate it working. You can see in the pictures, that the column headers have up and down arrows to sort in the one picture of the page with no fancybox code. The other two pictures show the fancybox code working, on one page with out the sorting code, and on the other page with the sorting code, but the code is throwing an error on that page. You can see the three pages I am talking about, live @ [login to view URL] Also a complete zip file of the files I am using is @ [login to view URL] For someone who knows java, this should be simple. I just have never dealt with java, and I am stumped.