var flashPanes = [
	{
		image: '/images/FreedomatthePool.jpg',
		link: '/rsvp.php?event_id=14',
		alt: "Contribute",
		top: "277px",
		left: "587px",
		width: "300px",
		height: "29px"
	},
	{
		image: '/images/Flash-Banner-Main.jpg',
		link: '/contribute.php',
		alt: "Contribute",
		top: "257px",
		left: "322px",
		width: "300px",
		height: "29px"
	},
	{
		image: '/images/Flash-Banner-OurStory.jpg',
		link: '/OurStory.html',
		alt: "Signup for the Swim Party",
		top: "202px",
		left: "548px",
		width: "302px",
		height: "29px"
	},
	{
		image: '/images/Flash-Banner-WWA-Thankyou.jpg',
		link: '/wordpress/',
		alt: "Walk with Angels Event Photos",
		top: "220px",
		left: "525px",
		width: "360px",
		height: "29px"
	},
	{
		image: '/images/Flash-Banner-Join.jpg',
		link: '/registration.php',
		alt: "Join the United Angels Founation",
		top: "264px",
		left: "149px",
		width: "302px",
		height: "29px"
	}
];
var currentFlashPane = 0;
var flashPaneTimer = null;

Event.observe(window, 'load', function(){
	var pane = $('flashPane');
	$('flash').style.backgroundImage = 'url(' + pane.src + ')';
	pane.style.display = 'none';
	
	$('flashLink').href = flashPanes[currentFlashPane].link;
	$('flashLink').style.top = flashPanes[currentFlashPane].top;
	$('flashLink').style.left = flashPanes[currentFlashPane].left;
	$('flashLink').style.width = flashPanes[currentFlashPane].width;
	$('flashLink').style.height = flashPanes[currentFlashPane].height;

	//Init pane switch buttons
	var div = $('flashButtons');
	for(var i = 0; i < flashPanes.length; i++) {
		var a = document.createElement('a');
		a.innerHTML = (i+1);
		a.href='#';
		a.onclick = new Function('e',"swapFlashPane(" + i + "); return false;");
		div.appendChild(a);
		$(a).setOpacity(0.7);
		
		if( i == 0 )
			$(a).addClassName('current');
	}
	div.style.width = (28*flashPanes.length) + 'px';
	
	flashPaneTimer = setTimeout("flashPaneTimer = null; swapFlashPane();", 8000);
});
function swapFlashPane(pane) {
	if(flashPaneTimer) clearTimeout(flashPaneTimer);
	flashPaneTimer = setTimeout("flashPaneTimer = null; swapFlashPane();", 8000);
	
	if( pane != undefined )
		currentFlashPane = pane;
	else
		currentFlashPane++;
	currentFlashPane %= flashPanes.length;
	
	var buttons = $('flashButtons').getElementsByTagName('a');
	for(var i = 0; i < buttons.length; i++) {
		if( i == currentFlashPane ) {
			$(buttons[i]).addClassName('current');
		} else {
			$(buttons[i]).removeClassName('current');
		}
	}
	
	var pane = $('flashPane');
	
	$('flashLink').href = flashPanes[currentFlashPane].link;
	$('flashLink').style.top = flashPanes[currentFlashPane].top;
	$('flashLink').style.left = flashPanes[currentFlashPane].left;
	$('flashLink').style.width = flashPanes[currentFlashPane].width;
	$('flashLink').style.height = flashPanes[currentFlashPane].height;
	pane.src = flashPanes[currentFlashPane].image;
	pane.alt = flashPanes[currentFlashPane].alt;
	
	pane.appear({
		duration: 1.0,
		to: 0.9,
		afterFinish: function() {
			var pane = $('flashPane');
			$('flash').style.backgroundImage = 'url(' + pane.src + ')';
			pane.style.display = 'none';
		}
	});
}