$(document).ready(function() {
		//extend jquery with a function that recursively calls itself to animate the preview gallery
		$.extend({
			advanceGallery : function(i){
				$("#galleryPreviewDiv").children("img:eq("+ i +")").fadeTo(3000,0);
				i = i + 1;
				if ($("#galleryPreviewDiv").children("img:eq("+ i +")").length > 0) {
					//if an image exists at this index
					$("#galleryPreviewDiv").children("img:eq("+ i +")").fadeTo(3000,1);	
					window.setTimeout(function() {$.advanceGallery(i);},5000);
				}
				else {
					//go back to index 0
					i = 0;
					$("#galleryPreviewDiv").children("img:eq("+ i +")").fadeTo(3000,1);
					window.setTimeout(function() {$.advanceGallery(i);},5000);		
				}
			}
		});
		
		
		$("#galleryPreviewDiv img").css("position","absolute").css("top","218px").fadeTo(1,0); 
		
		//start gallery preview animation
		var i = 0;
		$("#galleryPreviewDiv").children("img:eq("+ i +")").fadeTo(3000,1,function() {
			window.setTimeout(function() {$.advanceGallery(i);},5000);
		});
		
});
	
