var galleryarray=new Array();galleryarray[0]="useruploads/images/scroller/aleksandra.jpg";galleryarray[1]="useruploads/images/scroller/con_p.jpg";galleryarray[2]="useruploads/images/scroller/d_v.jpg";galleryarray[3]="useruploads/images/scroller/grace.jpg";galleryarray[4]="useruploads/images/scroller/jungle.jpg";galleryarray[5]="useruploads/images/scroller/liza.jpg";galleryarray[6]="useruploads/images/scroller/lois.jpg";galleryarray[7]="useruploads/images/scroller/mike.jpg";galleryarray[8]="useruploads/images/scroller/shannon.jpg";galleryarray[9]="useruploads/images/scroller/steve.jpg"; 
var total = galleryarray.length;
var count = 0;
var delay = 2000;
var transition = 2000;


function preload(){
var preImages = new Array()
for (i = 0; i < total; i++) { 
		preImages[i] = new Image()
		preImages[i].src = galleryarray[i]
	}
}
preload();


$('.frame').empty();
$('.frame').append("<div class='item top'><img src='" + galleryarray[count] + "' alt='' /></div>");

function change(){



$('.top').fadeOut(transition,function(){
$(this).remove();


$('.item').removeClass('bottom');
$('.item').addClass('top');

count = count + 1;
if(count == total)count = 0;

$('.frame').append("<div class='item bottom' ><img src='" + galleryarray[count] + "' alt='' /></div>");
setTimeout("change()",delay);
});
}




$(function() {

count = count + 1;
$('.frame').append("<div class='item bottom' ><img src='" + galleryarray[count] + "' alt='' /></div>");
setTimeout("change()",delay);


});