//alert(".....................javascript executed!");
 var baseImg = "/global/images/template/harvard_logo.gif"
var imgFiles = [                
                "/global/images/template/logo_fogg.gif",
                "/global/images/template/logo_busch.gif",
                "/global/images/template/logo_sackler.gif"
                ]
                /*
var baseImg = "/global/images/template/base.png";
var imgFiles = [                
                "/global/images/template/fogg.png",
                "/global/images/template/busch.png", 
                "/global/images/template/sackler.png"
                ];*/
var fadeInTime = 2000;  //1417
var fadeOutTime = 1000;  //583
var pauseTime = 133; 
$(document).ready(function () { 
	// preload part: 
	var imgCache = [];
	
	//alert("...........before the loop..........javascript executed!");
	for (var i in imgFiles) { 
		var cacheImage = document.createElement('img');
		cacheImage.src = imgFiles[i];
		imgCache.push(cacheImage); 
	}
	
	//alert("...........after the loop..........javascript executed!");
	
	var logoArea = $('#show-logo-here');
	
	var logoArea2 = document.getElementById('show-logo-here');
	
		//alert("...........AFTER show-logo-here.........javascript executed!::::: "+ logoArea.attr('id') +"  logoArea2:"+logoArea2.id);
		
	$(logoArea).append($('<img>').attr("src", baseImg));
	
			//alert("...........AFTER append.........javascript executed!");
			
	var fadeIn, fadeOut;
	var i = 0; 
	
	// alert("...........before the function call..........javascript executed!");
	
	var onInterval = function () {
		if (fadeIn) { 
			fadeOut = fadeIn;
			$(fadeOut).animate({opacity: 0}, fadeOutTime, function () { $(fadeOut).remove(); } );			
		}
		if (i < imgFiles.length) {
			fadeIn = $('<img>').attr("src", imgFiles[i++]);

			$(logoArea).append(fadeIn);
			$(fadeIn).animate({opacity: 0}, 0);						
			$(fadeIn).animate({opacity: 1}, 1600); 
		} else { 
			i = 0; 
		}
	}
	setInterval(onInterval, fadeInTime + pauseTime);
})