// make a page header in a span with class=rainbow into text with alternating colours
// (and dropshadows for broswersother than IE)
// - spaces are converted to  
// - ^ symbols are converted to <br />
$(document).ready(function() {
	var rainbowtext = $("span.rainbow").text();
	$("span.rainbow").html("");
	var col=0;
	var newtext="";
	for (i=0;i<rainbowtext.length;i++)
		{
		s=rainbowtext.substr(i,1);
		switch(s)
			{
			case ' ':newtext+='&nbsp;';break;
			case '^':newtext+='<br />';break;
			default:
				switch(col) 
					{
					case 0:newtext+='<span class="bluetxt">'+s+'</span>';col=1;break;
					case 1:newtext+='<span class="yellowtxt">'+s+'</span>';col=2;break;
					case 2:newtext+='<span class="turquoisetxt">'+s+'</span>';col=3;break;
					case 3:newtext+='<span class="redtxt">'+s+'</span>';col=4;break;
					case 4:newtext+='<span class="greentxt">'+s+'</span>';col=0;break;
					}
			}
		}
	$("span.rainbow").append(newtext);
});