var imgArr = new Array();
		// duplicate these lines and add as many images as you would like here.  
		// incriment the number inside the [] for each new image, starting at 0.
		imgArr[0] = "images/slide1.jpg";
		imgArr[1] = "images/slide2.jpg";
		imgArr[2] = "images/slide3.jpg";
		imgArr[3] = "images/slide4.jpg";
		imgArr[4] = "images/slide5.jpg";
		imgArr[5] = "images/slide6.jpg";
		imgArr[6] = "images/slide7.jpg";
		imgArr[7] = "images/slide8.jpg";
		imgArr[8] = "images/slide9.jpg";
		imgArr[9] = "images/slide10.jpg";
		imgArr[10] = "images/slide11.jpg";
		imgArr[11] = "images/slide12.jpg";
		imgArr[12] = "images/slide13.jpg";
		imgArr[13] = "images/slide14.jpg";
		imgArr[14] = "images/slide15.jpg";
		imgArr[15] = "images/slide16.jpg";
	
	
		$(document).ready(function() {
			
			// preload all images
			
			var imageHolder = new Array();
			for (var i = 1; i < imgArr.length; i++)
			{
				imageHolder[i] = jQuery('<img />').attr('src', imgArr[i]);
			}
			
			jQuery("#HPslideshow").html("<img src='"+imgArr[0]+"' style='display: none;' class='bottomimage'/>");
			jQuery("#HPslideshow img").fadeIn('slow');
			
			var HPslideshowTimer = setTimeout("swapimages(1)", 2000);
			
		});
		
		
		function swapimages(ct)
		{
			//alert(ct);
			if (imgArr.length == ct)
			{
				ct = 0;
			}
			
			jQuery("#HPslideshow .topimage").remove();
			
			var html = jQuery("#HPslideshow").html();
			jQuery("#HPslideshow").html(html+"<img src='"+imgArr[ct]+"' class='hiddenimage'/>");
			jQuery("#HPslideshow .bottomimage").addClass('topimage');
			jQuery("#HPslideshow .topimage").removeClass('bottomimage');
			
			jQuery("#HPslideshow .hiddenimage").addClass('bottomimage');
			jQuery("#HPslideshow .bottomimage").removeClass('hiddenimage');
			
			jQuery("#HPslideshow .topimage").fadeOut('slow');
			ct++;
			var HPslideshowTimer = setTimeout("swapimages("+ct+")", 2000);
		}