JavaScript - Help Making Pictures Move On A Page

<div class="input text required">
<label for="CampaignTitle">Title</label>
<input name="data[Campaign][title]" type="text" maxlength="76" id="CampaignTitle" />
</div>

$('#CampaignTitle').bind("onpropertychange input", function() {
$('#titleBar').text(this.value);
});

<div class="input textarea">
<label for="CampaignStory">Story</label>
<textarea name="data[Campaign][story]" class="ckeditor" cols="30" rows="6" id="CampaignStory" ></textarea>
</div>

$('#CampaignStory').bind("onpropertychange input", function() {
$('#story').text(this.value);
});

              
<div class="col-1">
    <div id="swap">
        <img src="images/gallery-img3-big.jpg" alt="" />
    </div>
</div>
<div class="col-2">
    <div class="list3">
       <ul>
          <li><a href="#"><img src="images/gallery-img1.jpg" alt="" /></a></li>
          <li><a href="#"><img src="images/gallery-img2.jpg" alt="" /></a></li>
          <li><a href="#"><img src="images/gallery-img3.jpg" alt="" /></a></li>
        </ul>
    </div>
</div>

<script type="text/javascript">
	$(document).ready(function(){		
	$('#photos45').galleryView({
		panel_width: 980,
		panel_height: 300,
		gallery_width: 980,
		gallery_height: 900,
		frame_width: 120,
		frame_height: 50,
		pause_on_hover: true,
		nav_theme: 'light'
	});
	});
</script>

 <div style="height:360px; overflow:hidden; " >
 <ul id="photos45">
 <li><img src="../site_files/banners/cush.jpg" alt="Baffin Cush"/></a></li>

  <li><img src="../site_files/banners/coveralls.jpg" alt="Big Al Coveralls"/></li>

 <li><img src="../site_files/banners/chloe.jpg" alt="Baffin Chloe" /></li>
 
 <li><img src="../site_files/banners/chloe.jpg" alt="Baffin Chloe" /></li>
 </ul>
  

</div>

<script type="text/javascript">
<!--
var rand=Math.round(Math.random()*1);
var img=new Array(2);


img[0]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i897.jpg" ;
img[1]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i885.jpg" ;

document.write("<img src=\"" + img[rand] + "\" />");
//-->
</script>

<table style="background-color: #ffffff;" border="0" cellspacing="0" cellpadding="0" width="500" bordercolor="#FFCC00">
<tbody>
<tr>
<td><script type="text/javascript">
<!--
var rand=Math.round(Math.random()*1);
var img=new Array(2);

img[0]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i897.jpg" ;
img[1]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i885.jpg" ;

document.write("<img src=\"" + img[rand] + "\" />");
//-->
</script></td>
<td><script type="text/javascript">
<!--
var rand=Math.round(Math.random()*1);
var img=new Array(2);

img[0]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i877.jpg" ;
img[1]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i876w.jpg" ;

document.write("<img src=\"" + img[rand] + "\" />");
//-->
</script></td>
</tr>
<tr>
<td><script type="text/javascript">
<!--
var rand=Math.round(Math.random()*1);
var img=new Array(2);

img[0]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i856w.jpg" ;
img[1]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i856.jpg" ;

document.write("<img src=\"" + img[rand] + "\" />");
//-->
</script></td>
<td><script type="text/javascript">
<!--
var rand=Math.round(Math.random()*1);
var img=new Array(2);

img[0]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i776w.jpg" ;
img[1]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i776.jpg" ;

document.write("<img src=\"" + img[rand] + "\" />");
//-->
</script></td>
<td><br /></td>
</tr>
<tr>
<td><script type="text/javascript">
<!--
var rand=Math.round(Math.random()*1);
var img=new Array(2);

img[0]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i465.jpg" ;
img[1]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i335.gif" ;

document.write("<img src=\"" + img[rand] + "\" />");
//-->
</script></td>
<td><script type="text/javascript">
<!--
var rand=Math.round(Math.random()*1);
var img=new Array(2);

img[0]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i9.jpg" ;
img[1]="http://i1083.photobucket.com/albums/j400/ReggieAzevedoFilho/i1.jpg" ;

document.write("<img src=\"" + img[rand] + "\" />");
//-->
</script></td>
<td><br /></td>
</tr>
</tbody>
</table>

<html>
<head>
  <title></title>
 
<script language="JavaScript">
Var score= 0;
var multiplier =1;
var counter = 0; // overall counter (1..3)
var counter1 = 0; // number of times picture 1 was picked
var counter2= 0; // number of times picture 2 was picked
var counter3 = 0; // number of times picture 3 was picked
var picture1 = 1.gif
var picture2 = 2.gif
var picture3 = 3.gif
function uncover (ref)
{
if (ref.alt != "0") 
	return;
if (counter == 3)

if (click() )
	choosePicture();
	

}
function choosePicture()
{
Math.random() = number;
if(number <= .33)
	return picture1;
else if(number > .33) && (number <= .66)
	return picture2;
else
	return picture3;
}
function click()
{

}

</script>
</head>
 
  <style type="text/css">
    input { text-align: center; background: #004080; color: white }
  </style>
  </script>
<form>
</head>
<body>
<center>
<table border="1" cellspacing="0" cellpadding="5">
<tr>  
<td><A HREF="javascript:choosePicture();"><img src="0.gif"> </A>

 </td>
<td><A HREF="javascript:choosePicture();"><img src="0.gif"> </A>
</td>
   <td><A HREF="javascript:choosePicture();"><img src="0.gif"> </A>
</td> 
</tr>
<tr>
    <td><A HREF="javascript:choosePicture();"><img src="0.gif"> </A>
 </td>
   <td><A HREF="javascript:choosePicture();"><img src="0.gif"> </A>
</td>
   <td><A HREF="javascript:choosePicture();"><img src="0.gif"> </A>
 </td>
</tr>
<tr>
    <td><A HREF="javascript:choosePicture();"><img src="0.gif"> </A>
 </td>
<td><A HREF="javascript:choosePicture();"><img src="0.gif"> </A>
</td>
   <td><A HREF="javascript:choosePicture();"><img src="0.gif"> </A>
 </td>
</tr>
</table>
</center>
 
</body>
</html>

<head>
<script language="JavaScript1.1">
<!--
/*
JavaScript Image slideshow:
By Website Abstraction (www.wsabstract.com)
and Java-scripts.net (www.java-scripts.net)
*/

var slideimages=new Array()
var slidelinks=new Array()

function slideshowimages(){
  for (i=0;i<slideshowimages.arguments.length;i++){
  slideimages[i]=new Image()
  slideimages[i].src=slideshowimages.arguments[i]
  }
}

function slideshowlinks(){
  for (i=0;i<slideshowlinks.arguments.length;i++)
  slidelinks[i]=slideshowlinks.arguments[i]
}

function gotoshow(){
  if (!window.winslide||winslide.closed)
    winslide=window.open(slidelinks[whichlink])
  else
    winslide.location=slidelinks[whichlink]
    winslide.focus()
}
//-->

</script>
</head>

<body>
<a href="javascript:gotoshow()"><img src="images/header_main.gif" name="slide" border=0></a>
	  <script>
<!--
//configure the paths of the images, plus corresponding target links
slideshowimages("images/header_main.gif", "images/header_main_cv.gif", "images/header_main.gif")
slideshowlinks("http://wsabstract.com", "http://dynamicdrive.com", "http://java-scripts.net")

//configure the speed of the slideshow, in miliseconds
var slideshowspeed=2
var whichlink=0
var whichimage=0

function slideit(){
  if (!document.images)
    return
    document.images.slide.src=slideimages[whichimage].src
    whichlink=whichimage

  if (whichimage<slideimages.length-1)
    whichimage++
  else
    whichimage=0
    setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
</body>

<html>
<head>
<script language = "javascript" type = "text/javascript">
CurrentPicture = 1
document.write("<img src = 'Picture_' + CurrentPicture + '.jpg'/>")
function ChangeImage(Rotation){
Current_Picture ++
	if(Rotation == 1){
		if(CurrentPicture != 1){
			document.write("<img src = 'Picture_' + CurrentPicture + '.jpg'/>")
		}
	}else if (Rotation == 2){
		if(CurrentPicture != 4){
			document.write("<img src = 'Picture_' + CurrentPicture + '.jpg'/>")
		}
	}
}
</script>
</head>
<form>
<input type = "button" value = "Next Picture" onClick = "ChangeImage(1)">
<input type = "button" value = "Previous Picture" onClick = "ChangeImage(2)">
</form>
</body>
</html>

<!--

// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array. Rememeber
// to increment the theImages[x] index!

theImages[0] = 'http://i200.photobucket.com/albums/aa216/Jilldear/classicequinelogo-1.jpg'
theImages[1] = 'images/logo2.jpg'
theImages[2] = 'http://i200.photobucket.com/albums/aa216/Jilldear/pyranha-1.jpg'

// ======================================
// do not change anything below this line
// ======================================

var j = 0
var p = theImages.length;

var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages[i]
}

var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}

//-->

<script language="JavaScript">
<!--
showImage();
//-->
</script>