var running = true;
function slideshow(imageNumber,folder){
	
	var checker = 30-1;
	if (running == true){
		number = imageNumber;
		if (number>30) {
			number=1
			 };
		 var keepgoing = setTimeout("slideshow("+(number+1)+",'')",5000);
		document.gallery.src=("images//" + [number-1] + ".jpg" );
		 fade(true,number);
	}
}function PreloadImages() {
MM_preloadImages('images//0.jpg','images//1.jpg','images//2.jpg','images//3.jpg','images//4.jpg','images//5.jpg','images//6.jpg','images//7.jpg','images//8.jpg','images//9.jpg','images//10.jpg','images//11.jpg','images//12.jpg','images//13.jpg','images//14.jpg','images//15.jpg','images//16.jpg','images//17.jpg','images//18.jpg','images//19.jpg','images//20.jpg','images//21.jpg','images//22.jpg','images//23.jpg','images//24.jpg','images//25.jpg','images//26.jpg','images//27.jpg','images//28.jpg','images//29.jpg');startslideshow(1,'');
}

var amount = amounttrans('30');
<!--JavaScript Document-->
// to add pictures, simply name it/them the next consecutive number, ie 5.jpg,6.jpg... Put one image that is 300 X  200 in the images/$folder/ folder and another that is about 600 X 400 in the images/$folder/lrg/ folder. The $folder must be named the same as the HTML page. Thats all there is to it. Oh ya and you have to have an image on the page with id of 'gallery'.
// changed opacity + form 10 to 5 ,  

function amounttrans(phpamount) {
	return phpamount;
}

var number=0;
var display = 0;

// the next 3 functions are the fade script from sample at http://clagnut.com/sandbox/imagefades and http://www.couloir.org
function fade(slide,imageNumber) {
	imageId = 'gallery';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = 'visible';
	fadeIn(imageId,0);
}
  
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 5;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 80);
    }
  }
}


function Next(fwd, count, folder) {
	if (fwd==1) {
		number=(count+1);
		if (count>amount-2) {number=0};
	}
	if (fwd==0) {
		number=(count-1);
		if (count>amount-1) {number=0};
	}
	//navtext(folder) ;
	
	if (number<0) {number=amount-1};
	document.gallery.src=("images/" + folder + "/lrg/" + number + ".jpg"  );
	
}

function navtext(folder) {
	var checker = amount-1;
	if (number>checker-1) {
	document.getElementById("next").className="nolink"
	number=checker
	 }
	if (number<checker) {
	document.getElementById("next").className="link"
	 }
	if (number>0) {
	document.getElementById("prev").className="link"
	 }
	if (number<1) {
	document.getElementById("prev").className="nolink"
	number=0
	 }
}

//the following commented lines aren't used but if we wanted a caption for the images, we could configure it here.
/* function imageText(){
//	var folder_number  = folder_num(folder);
//	document.getElementById('imageName').innerHTML = "<span style='text-transform:capitalize;'>" + imageName[folder_number][number] + "</span>";
//	document.getElementById('imageDetails').innerHTML = imageDetail[number];
//	document.getElementById('checker').innerHTML = number;
}*/

function endslideshow(end){
	var folder_number  = folder_num(folder);
	var checker = imageName[folder_number][1]-1;
	if (running){running=false}
	number=end-1;
	document.getElementById("prev").innerHTML="&lt\;&lt\; Prev";
	document.getElementById("prev").className="link";
	document.getElementById("next").innerHTML="Next &gt\;&gt\;";
	document.getElementById("next").className="link";
	if (number>checker-1) {
		document.getElementById("next").className="nolink"
		number=checker
	 }
	if (number<checker) {
		document.getElementById("next").className="link"
	 }
	if (number>0) {
		document.getElementById("prev").className="link"
	 }
	if (number<1) {
		document.getElementById("prev").className="nolink"
		number=0
	 }
}

function startslideshow(which,folder){
	running=true;
	slideshow(which,folder);
	number=which;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function pictureWindow(picture, folder) {
  window.open('pop_window.php?folder='+folder+'&imagenum='+[picture-1]+'&something=something','Anti', 'toolbar=no,status=no,width=620,height=620')
}