dojo.require("dojo.fx");

/*

 * 

 */



dojo.addOnLoad(function() {

	var fadeDuration = 2000;

	var imageHold = 2000;

	var numImages = 11;

	var imageCount = 1;

	var imageNameBase = 'header/images/anime_right';

	var imageExt = 'gif';



	function updateImage() {

		if (imageCount++ >= numImages) {

			imageCount = 1;

		}

		dojo.attr(dojo.byId("newImage"), "src", imageNameBase + imageCount

				+ "." + imageExt);

	};

	function copyImage() {

		dojo.style(dojo.byId("right_header"), "background", "url("+dojo.attr(dojo

				.byId("newImage"), "src")+") top right no-repeat");

	};

	// Get the next image and fade it in over the old one now on the bottom

	var fadeInTop = dojo.fadeIn({

		node : dojo.byId("newImage"),

		duration : fadeDuration,

		beforeBegin : function(evt) {

			updateImage();

		},

	});

	// / hide the top

	var fadeOutTop = dojo.fadeOut({

		node : "newImage",

		duration : imageHold,

	});



	// connect up the loop

	dojo.connect(fadeInTop, "onEnd", function(evt) {

		copyImage();

		fadeOutTop.play();

	});

	dojo.connect(fadeOutTop, "onEnd", function(evt) {

		

		fadeInTop.play();

	});

	// I know this is gross but I'm too tired to parameterize the objects.

	// This animates the base page:

	var HomeCount = 1;

	var homeNum = 6;

	var homeNameBase = "header/images/anime_home_0";

	var homeFadeDur = 3000;

	var homeImageHold = 9000;

	function updateHome() {

		if (HomeCount++ >= homeNum) {

			HomeCount = 1;

		}

		dojo.attr(dojo.byId("pageBannerNew"), "src", homeNameBase + HomeCount

				+ "a." + imageExt);

	};

	function copyHome() {

		dojo.style(dojo.byId("left_header"), "background","url("+dojo.attr(dojo

				.byId("pageBannerNew"), "src")+") top left no-repeat");

	};

	// Get the next image and fade it in over the old one now on the bottom

	var homeFadeInTop = dojo.fadeIn({

		node : dojo.byId("pageBannerNew"),

		duration : homeFadeDur,

		beforeBegin : function(evt) {

			updateHome();

		},

	});

	// / hide the top

	var homeFadeOutTop = dojo.fadeOut({

		node : "pageBannerNew",

		duration : homeImageHold,

	});



	// connect up the loop

	dojo.connect(homeFadeInTop, "onEnd", function(evt) {

		copyHome();

		homeFadeOutTop.play();

	});

	dojo.connect(homeFadeOutTop, "onEnd", function(evt) {

		

		homeFadeInTop.play();

	});

	

	//fire of the animation loops

	fadeInTop.play(fadeDuration);

	homeFadeInTop.play(homeImageHold);



});