// Message Fader
// By Matthew Dawkins
// uses jQuery

/* Usage:

Put this in the html head:
<script type="text/javascript" src="fadermsg.js"></script>

And create a <div> in your body like this:
<div id="faderMessage"></div>

The messages you specify below will be put inside that <div>, and you can style it however you like with CSS.

*/

var messages = new Array();
var index=0;

// ---- EDIT THESE SETTINGS ---- //

// Your messages
messages[0]='<td height="51" colspan="2" valign="top"><a href="http://www.twam.co.uk/home.html" target="_blank"><img src="images/cleanwater_logo_3.jpg" width="148" height="127" border="0" /></a></td>';


messages[1]='<td height="51" colspan="2" valign="top"><a href="http://www.linksinternational.org.uk" target="_blank"><img src="images/cleanwater_logo_2.jpg" width="148" height="120" border="0" /></a></td>';


messages[2]='<td height="51" colspan="2" valign="top"><a href="http://www.kidsaliveuk.org/" target="_blank"><img src="images/cleanwater_logo_1.jpg" width="148" height="120" border="0" /></a></td>';


messages[3]=' <td height="51" colspan="2" valign="top"><a href="http://www.watchmeninternational.org/lifewater.htm" target="_blank"><img src="images/cleanwater_logo_4.jpg" width="148" height="120" border="0" /></a></td>'

messages[4]=' <td height="51" colspan="2" valign="top"><a href="http://www.christianhope.org.uk/" target="_blank"><img src="images/cleanwater_logo_5.jpg" width="148" height="120" border="0" /></a></td>'

// uncomment the line below to randomise the messages
'messages.sort(randOrd);'

// How long to show each message for (in milliseconds)
var pauseLen = 2500;

// How long the fade animation lasts (in milliseconds)
var fadeLen = 1000;

// ---- END OF SETTINGS ---- //

$(document).ready(function() {
	$("#faderMessage").html(messages[0]);
	setInterval('nextMsg()',pauseLen);
});

function nextMsg() {
	index++;
	if (index>messages.length) index=0;
	// fade current message out
	$("#faderMessage").fadeOut(fadeLen,function() {
		// change content to new message
		$("#faderMessage").html(messages[index]);
	});
	// fade back in
	$("#faderMessage").fadeIn(fadeLen);
}

function randOrd() {
	return (Math.round(Math.random())-0.5);
}