Jave Code problem, simple for someone with a little experience

[Eshezo]

Hi all, I'm new here and appreciate any help on this which is a simple thing but not for me.

I'm using Java in some Ebay listings to display various galleries of pictures which are hosted elsewhere (photobucket)

The gallery works perfectly but I need more than one in the same listing and when I do that the second or third gallery changes the pictures on the first gallery, I;m assuming because the code is using the same variables or something.

Anyway the question is what do I have to change to have more than one running on the same page, code is below....thanks in advance

<!-- Photo gallery Start -->
<table align="left" style="margin: 0px auto; padding: 10px 0px; border: 1px solid rgb(153, 51, 51); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" cellspacing="0" cellpadding="0">
<tbody><tr>
<td style="padding: 10px 5px 10px 10px; width: 580px; text-align: center; vertical-align: top;">
<script language="JavaScript" type="text/javascript">
<!--
function showPhoto(num)
{
for (i = 1; i <= 7; i++)
// Above line needs to match the total number of photos in gallery
{document.getElementById("photoexd" + i).style.display = "none";
document.getElementById("photoexd" + num).style.display = "block";}
}
// -->
</script>
<div class="photoedis" id="photoexd1" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_028.jpg">
<p></p></div>
<div class="photoedis" id="photoexd2" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_026.jpg">
<p></p></div>
<div class="photoedis" id="photoexd3" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_023.jpg">
<p></p></div>
<div class="photoedis" id="photoexd4" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_023-small.jpg">
<p></p></div>
<div class="photoedis" id="photoexd5" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%202/WP_20130823_034.jpg">
<p></p></div>
<div class="photoedis" id="photoexd6" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%202/WP_20130823_033.jpg">
<p></p></div>
<div class="photoedis" id="photoexd7" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%202/WP_20130823_032.jpg">
<p></p></div></td>
<td style="padding: 10px; text-align: center; vertical-align: top;">
<ul style="list-style: none; margin: 0px; padding: 0px; border: 1px solid rgb(112, 112, 112); width: 110px; height: 400px; overflow: auto;">
<!-- The above height sets the height of the thumbnail gallery, default value 400px -->
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(1)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_028.jpg"></li>
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(2)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_026.jpg"></li>
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(3)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_023.jpg"></li>
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(4)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_023-small.jpg"></li>
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(5)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%202/WP_20130823_034.jpg"></li>
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(6)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%202/WP_20130823_033.jpg"></li>
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(7)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%202/WP_20130823_032.jpg"></li>
</ul>
</td></tr></tbody></table>
<!--
Photo gallery code by Photo Gallery Maker
Free for personal use in ebay listings
-->
<style type="text/css">
<!--
#photoexd1 {display: block;}
.photoedis {display: none;}
-->
</style>
<!-- Photo gallery End -->

[JosAH]

That is Javascript and this is a Java forum; we can't help you here.

kind regards,

Jos

[jim829]

Wrong forum. Looks like JavaScript to me, not Java.

Regards,
Jim

[gimbal2]

That is Javascript and this is a Java forum; we can't help you here.

Liar, I happen to know that you are a world class Javascript expert.

[JosAH]

Liar, I happen to know that you are a world class Javascript expert.

Am not! I fell asleep with my nose on the keyboard and when I woke up there was that Javascipt code ;-P

kindest regards,

Jos

[gimbal2]

See? You're so epic you write the code... I mean script in your sleep.

[DarrylBurke]

Looks like spamming the link to some stupid gallery maker

db

[Eshezo]

Looks like spamming the link to some stupid gallery maker

db

Sorry guys, I'm not spamming anything, and I apologise for posting to your Java forum rather than JavaScript, I was just looking for a little help...

It's simply a script to create a gallery on an Ebay listing and it works just not two of them together for two separate galleries..

It's not spamming to a gallery maker it's very legit..

rgds Esh