var cur_Z = 2;
var cur_I = 1;

$(function() {

    slideshow();
});

function slideshow()
{
    var $gal  = $("#Gallery");
    var dname = "Slide" + cur_I;
    
    var i = cur_I % nImages;
    var w = Images[i].w;
    var h = Images[i].h;
    var l = ($gal.width() - w) * Math.random();
    var t = ($gal.height() - h) * Math.random();

    if( cur_I > 7 )
        $("#Slide" + (cur_I - 7)).slideUp( 700, function() {
            $(this).remove()
        });

    $('<div class="Slide" id="' + dname + '" />')
        .css( { position : "absolute",
                display : "none",
                top : t, left: l,
                width : w, height : h,
                zIndex : cur_Z++ }
        )
        .appendTo( "#Gallery" );

    $('<img src="' + Images[i].src + '">').appendTo( '#' + dname );
    
    $( '#' + dname ).fadeIn( 600 );

    if( ++cur_I < nImages )
    {
        var next = new Image;
        next.onload = function() {
            setTimeout( "slideshow()", 1000 );
        };

        next.src = Images[cur_I].src;
    }
    else
        setTimeout( "slideshow()", 2000 );
}


