How to combine two scripts into one?

Why won't my two scripts work on one html page?

I'm using two scripts on a website: MoodalBox - http://www.e-magine.ro/web-dev-and-desig... and SmoothGallery 2.0 - http://smoothgallery.jondesign.net/ I've had MoodalBox working on the site with no problems (until now). I then added the slide show script which works fine but since adding it moodalbox does not function. I think it must be something to do with the fact that there are two scripts on the one html page. Is there a way I run there two without any problems? Script of the page is below (Thanks in advance!): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-… <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="js/mootools.js"></script> <script type="text/javascript" src="js/moodalbox.js"></script> <link rel="stylesheet" href="css/moodalbox.css" type="text/css" media="screen" /> <script src="scripts/mootools.v1.11.js" type="text/javascript"></script> <script src="scripts/jd.gallery.js" type="text/javascript"></script> <link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Welcome to Flynns Photo Service</title> <style type="text/css">  </style> </head> <body> <p align="center"><img src="Image3.jpg" width="800" height="200" /></p> <script type="text/javascript"> function startGallery() { var myGallery = new gallery($('myGallery'), { timed: true, showArrows: false, showCarousel: false }); } window.addEvent('domready', startGallery); </script> <div class="content"> <div id="myGallery"> <div class="imageElement"> <h3>Item 1 Title</h3> <p>Item 1 Description</p> <a href="#" title="open image" class="open"></a> <img src="images/brugges2006/1.jpg" class="full" /> <img src="images/brugges2006/1-mini.jpg" class="thumbnail" /> </div> <div class="imageElement"> <h3>Item 2 Title</h3> <p>Item 2 Description</p> <a href="#" title="open image" class="open"></a> <img src="images/brugges2006/2.jpg" class="full" /> <img src="images/brugges2006/2-mini.jpg" class="thumbnail" /> </div> <div class="imageElement"> <h3>Item 3 Title</h3> <p>Item 3 Description</p> <a href="#" title="open image" class="open"></a> <img src="images/brugges2006/3.jpg" class="full" /> <img src="images/brugges2006/3-mini.jpg" class="thumbnail" /> </div> <div class="imageElement"> <h3>Item 4 Title</h3> <p>Item 4 Description</p> <a href="#" title="open image" class="open"></a> <img src="images/brugges2006/4.jpg" class="full" /> <img src="images/brugges2006/4-mini.jpg" class="thumbnail" /> </div> <div class="imageElement"> <h3>Item 5 Title</h3> <p>Item 5 Description</p> <a href="#" title="open image" class="open"></a> <img src="images/brugges2006/5.jpg" class="full" /> <img src="images/brugges2006/5-mini.jpg" class="thumbnail" /> </div> <div class="imageElement"> <h3>Item 6 Title</h3> <p>Item 6 Description</p> <a href="#" title="open image" class="open"></a> <img src="images/brugges2006/6.jpg" class="full" /> <img src="images/brugges2006/6-mini.jpg" class="thumbnail" /> </div> <div class="imageElement"> <h3>Item 7 Title</h3> <p>Item 7 Description</p> <a href="#" title="open image" class="open"></a> <img src="images/brugges2006/7.jpg" class="full" /> <img src="images/brugges2006/7-mini.jpg" class="thumbnail" /> </div> <div class="imageElement"> <h3>Item 8 Title</h3> <p>Item 8 Description</p> <a href="#" title="open image" class="open"></a> <img src="images/brugges2006/8.jpg" class="full" /> <img src="images/brugges2006/8-mini.jpg" class="thumbnail" /> </div> </div> </div> <p align="center" class="style5"><span class="style6"><a href="index.html">Home</a> <span class="style3">__</span></span> <span class="style6"><a href="about_us.html"rel="moodalbox" title="About Us">About Us</a> <span class="style3">__ </span><a href="gallery.html"rel="moodalbox 780 600" title="Gallery">Gallery</a> <span class="style3">__</span></span> <span class="style6"><a href="contact_us.html"rel="moodalbox" title="Contact Us">Contact Us</a> <span class="style3">__</span></span> <span class="style6"><a href="login.html"rel="moodalbox 300 100" title="Customer Login">Login</a></span><span class="style6"> <span class="style3">__</span></span> <span class="style6"><a href="loca
Answer:

We don't need the entire page code to solve this problem. When you post too much code, people decide not to answer. It would have sufficed to leave the page on a Web server and provided a link to it. 1. You don't need to call the moodalbox.js twice in your head, once will do. 2. It appears to me you have removed some needed script references. I can't tell for sure because I can't see the page in action.

niall_mc... at Yahoo! Answers Visit the source

Was this solution helpful to you?

Related Q & A:

Why won't my @media queries work?Best solution by stackoverflow.com
Why won't my CD drive work?Best solution by Yahoo! Answers
Why won't my enter key work in MSN?Best solution by answers.yahoo.com
Why won't Yahoo! Launchcast Radio work?Best solution by answers.yahoo.com
Why won't sims 2 pets work?Best solution by answers.microsoft.com

Just Added Q & A:

How many active mobile subscribers are there in China?Best solution by Quora
How to find the right vacation?Best solution by bookit.com
How To Make Your Own Primer?Best solution by thekrazycouponlady.com
How do you get the domain & range?Best solution by ChaCha
How do you open pop up blockers?Best solution by Yahoo! Answers

For every problem there is a solution! Proved by Solucija.

Got an issue and looking for advice?
Ask Solucija to search every corner of the Web for help.
Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.