// Copyright (c) 2008 by Devise LLC.  www.devise.com

var INTERVAL = 10
var FADE_OUT_DURATION = 1.8
var FADE_IN_DURATION = 1.8
var TRANSPARENT_DURATION = 0.3

// If we don't fade out all the way we avoid triggering the IE6 text twitch bug
var ALMOST_TRANSPARENT = 0.001

function transformHtml(html)
{
	return html.gsub(/[0-9]/,function(s){
		var n = parseInt(s) + 1
		if (n > 3) n = 1
		if (n == 2 && Prototype.Browser.IE) n = 3 	// Oh, and we have to skip the images that aren't the same height
		return n									// TODO: this technique hides image 2 from IE7 as well
	})
}

loadMikePic = function()
{
	var node = $('mike_pic_wrapper')
	node.innerHTML = transformHtml(node.innerHTML)
	new Effect.Appear('mike_pic_wrapper',{delay:TRANSPARENT_DURATION,duration:FADE_IN_DURATION})
}

loadLizPic = function()
{
	var node = $('liz_pic_wrapper')
	node.innerHTML = transformHtml(node.innerHTML)
	new Effect.Appear('liz_pic_wrapper',{delay:TRANSPARENT_DURATION,duration:FADE_IN_DURATION})
	new Effect.Fade('mike_pic_wrapper',{delay:0.8, duration:FADE_OUT_DURATION, afterFinish:loadMikePic, to:ALMOST_TRANSPARENT})
}

changePictures = function(periodicalExecuter)
{
	//periodicalExecuter.stop()
	new Effect.Fade('liz_pic_wrapper',{duration:FADE_OUT_DURATION,afterFinish: loadLizPic, to: ALMOST_TRANSPARENT})
}

//Event.observe(window, 'load', function() { new PeriodicalExecuter(changePictures,INTERVAL) })