var slideShow1 = new Array()
slideShow1[0] = "images/ezmoves_home.jpg";
slideShow1[1] = "images/Green_marine.jpg";

function fadeinSlideshow1(elem1, imageList1, slideDuration1, fadeSpeed1, current1) {
    // get the length of the image array.
    var listSize1 = imageList1.length;
    // If there's no current image selected, or the value is out of the range of the
    // slideshow, then set the current image to zero.
    if (!current1 || current1 >= listSize1) current1 = 0;
    // If there's no slide duration set, set it to 5 seconds.
    if (!slideDuration1) slideDuration1 = 5000;
    // If there's no fade speed set, set it to 1 second.
    if (!fadeSpeed1) fadeSpeed1 = 1000;
    // Set the image's source to the current image's url.
    $(elem1 + " img").attr("src", imageList1[current1]);
    // If the current element is at the maximum of the element size, then set the 
    // wrapper's background (aka, the next image) to the first image.
    if (current1 == (listSize1 - 1)) {
        $(elem1).css("background", "transparent url(" + imageList1[0] + ") no-repeat");
    } else {
    // If not, set the next image in the list to the background of the wrapper.
        $(elem1).css("background", "transparent url(" + imageList1[current1 + 1] + ") no-repeat");
    }
    // Hold the current image for a period of time equal to slideDuration. Once that's done, then
    // fade the current image's opacity until the background image shows. Once that is done, then
    // call this same function again with the next image in line.
    $(elem1 + " img").animate({ opacity: "1" }, slideDuration1).animate({ opacity: "0.01" }, fadeSpeed1, function() { $(this).css("opacity", "1"); fadeinSlideshow1(elem1, imageList1, slideDuration1, fadeSpeed1, current1 + 1) });
} // end of function fadeinSlideshow()

function runSlideshow1(){
    fadeinSlideshow1(".slideshow1", slideShow1, 3000, 500);
}

$(document).ready(runSlideshow1);