﻿function fadeDivOut(counter, maxCounter) {
	var fadeIn = counter + 1;
    if (fadeIn > maxCounter) { fadeIn = 1; }
    return fadeIn;
}
function fadeImage() {
	var divOut = baseDiv + picFader;
	var textOut = baseTextDiv + picFader;
	var headerOut = baseHeader + picFader;
	picFader = fadeDivOut(picFader, maxPicFaderCount);
    var divIn = baseDiv + picFader;
    var textIn = baseTextDiv + picFader;
    var headerIn = baseHeader + picFader;
    $(divOut).fadeTo(3000, 0, function() {
		$(divOut).removeClass('rotating-image').addClass('rotating-image-invisible');
		$(divIn).delay(150).removeClass('rotating-image-invisible').addClass('rotating-image').fadeTo(3000, 1);
	});
	$(textOut).fadeTo(3000, 0);
	$(textIn).delay(3150).fadeTo(3000, opacity, function() { $(textIn).removeClass('current-text').addClass('current-text'); });
	$(headerOut).fadeTo(3000, 0, function() { if (oldIE) { $(headerOut).removeClass('current-header'); } });
	if (oldIE) { $(headerIn).addClass('current-header'); }
	$(headerIn).delay(3150).fadeTo(3000, 1);
    setTimeout("fadeImage()", 9150);
}
function initialize() {
	// fade the divs out initially or they'll show up when they're not supposed to.
    for (var i = 2; i <= maxPicFaderCount; i++) {
       var divIn = baseDiv + i;
       $(divIn).fadeTo(100, 0);
       var textIn = baseTextDiv + i;
       $(textIn).fadeTo(100, 0);
       var headerIn = baseHeader + i;
       $(headerIn).fadeTo(100, 0);
      }
   setTimeout("fadeImage()", 3000);
  }
function setBaseText() {
	// needed because IE8 initially sets the opacity to 100% and then creates a solid brown block on the first fadeout.
	oldIE = (navigator.appVersion.indexOf("MSIE 7.")>-1 || navigator.appVersion.indexOf("MSIE 6.")>-1);
	if (oldIE) { opacity = 1; }
 	var divIn = baseTextDiv + 1;
   	$(divIn).fadeTo(0, opacity);
}
var picFader = 1;
var maxPicFaderCount = 4;
var picInitialized = false;
var textInitialized = false;
var baseDiv = "#rotating-image-";
var baseTextDiv = "#rotating-text-";
var baseHeader = "#header-"; // needed because of Cufon font replacement for H3 tags.
var oldIE;
var opacity = 0.8;
$(document).ready(initialize);

