// JavaScript Document
//Messages to show
var messages=0;
var Maxmessages=8;
var messageArray = new Array();
messageArray[0]="CSS, XHTML, JavaScript";
messageArray[1]="RedDot, EpiServer (CMS)";
messageArray[2]="Accessibility and Usability Analysis";
messageArray[3]="E-Marketing";
messageArray[4]="Search Engine Optimisation";
messageArray[5]="Onsite and offsite support";
messageArray[6]="Content Management";
messageArray[7]="Front-End Web Development";
//Each message will be shown for 2 seconds
var MessageTime=4000;

//4 Colour maps used
//10 entries in each map
var colorMapSteps=10; 
var colorMaps=4;


var colorMapGreen = new Array();
colorMapGreen[0]="#278103";
colorMapGreen[1]="#31890d";
colorMapGreen[2]="#358e12";
colorMapGreen[3]="#4ca02b";
colorMapGreen[4]="#5caa3d";
colorMapGreen[5]="#67b34a";
colorMapGreen[6]="#84c56b";
colorMapGreen[7]="#a2d48f";
colorMapGreen[8]="#d0eac6";
colorMapGreen[9]="#eaf6e6";

var colorMapBlue = new Array();
colorMapBlue[0]="#0342a2";
colorMapBlue[1]="#104fad";
colorMapBlue[2]="#2560b9";
colorMapBlue[3]="#3f75c6";
colorMapBlue[4]="#5789d2";
colorMapBlue[5]="#7da5e2";
colorMapBlue[6]="#8cb0e7";
colorMapBlue[7]="#a0c0ef";
colorMapBlue[8]="#c0d6f7";
colorMapBlue[9]="#e5eefc";

var colorMapBrown = new Array();
colorMapBrown[0]="#c06605";
colorMapBrown[1]="#ca7316";
colorMapBrown[2]="#d3832d";
colorMapBrown[3]="#dd9344";
colorMapBrown[4]="#e49e54";
colorMapBrown[5]="#efb87e";
colorMapBrown[6]="#f7d0a7";
colorMapBrown[7]="#fbe4cb";
colorMapBrown[8]="#fdf1e4";
colorMapBrown[9]="#fcf8f3";

var colorMapPurple = new Array();
colorMapPurple[0]="#5a04ab";
colorMapPurple[1]="#6714b4";
colorMapPurple[2]="#782bbf";
colorMapPurple[3]="#8741c8";
colorMapPurple[4]="#9655d2";
colorMapPurple[5]="#a469da";
colorMapPurple[6]="#b481e4";
colorMapPurple[7]="#c69ced";
colorMapPurple[8]="#d5b3f4";
colorMapPurple[9]="#ecddfa";

//message one uses color map 0 at start
var message1ColorMapID=0;
//message two uses color map 3 at start
var message2ColorMapID=3;

//message1: shows array[0] message start
var message1ID=0;
//message2: shows array[4] message start
var message2ID=4;
//just a flag to indicate startup
var start=1;

//show white color at start
var message1ColorStep=0;
var message2ColorStep=0;


function Banner2()
{
	
var message1Color;
var tmpmessage1ColorStep;

var message2Color;
var tmpmessage2ColorStep;

   if(message1ColorStep==0)
   {
		message1Color="#FFFFFF";  
   }
   else
	{					
	   if(message1ColorStep>colorMapSteps)
		{
			start=0;
			tmpmessage1ColorStep=message1ColorStep-colorMapSteps-1;
		}
	   else
		{
			tmpmessage1ColorStep=colorMapSteps-message1ColorStep;
		}
		
		if(message1ColorMapID==0)
		{
			message1Color=colorMapGreen[tmpmessage1ColorStep];
		}				
		if(message1ColorMapID==1)
		{
			message1Color=colorMapBlue[tmpmessage1ColorStep];
		}
	
		if(message1ColorMapID==2)
		{
			message1Color=colorMapBrown[tmpmessage1ColorStep];
		}
		
		if(message1ColorMapID==3)
		{
			message1Color=colorMapPurple[tmpmessage1ColorStep];
		}
	}
	
	
	
	
	if(start==1)
	{
	//Don't show second banner until we shown first
		message2Color="#FFFFFF";
		message2ColorStep=0;
	}
	else
	{
		
		if(message2ColorStep==0)
		{
			 message2Color="#FFFFFF";  
		}
		else
		{					
		   if(message2ColorStep>colorMapSteps)
			{
				tmpmessage2ColorStep=message2ColorStep-colorMapSteps-1;
			}
		   else
			{
				tmpmessage2ColorStep=colorMapSteps-message2ColorStep;
			}
			
			if(message2ColorMapID==0)
			{
				message2Color=colorMapGreen[tmpmessage2ColorStep];
			}				
			if(message2ColorMapID==1)
			{
				message2Color=colorMapBlue[tmpmessage2ColorStep];
			}
		
			if(message2ColorMapID==2)
			{
				message2Color=colorMapBrown[tmpmessage2ColorStep];
			}
			
			if(message2ColorMapID==3)
			{
				message2Color=colorMapPurple[tmpmessage2ColorStep];
			}
		}
	}
	
	//Set messages
	document.getElementById('CompanyBanner').innerHTML=messageArray[message1ID];
	document.getElementById('CompanyBanner2').innerHTML=messageArray[message2ID];
	//Set Colour
	document.getElementById('CompanyBanner').style.color=message1Color;
	document.getElementById('CompanyBanner2').style.color=message2Color;
	
	 //Get next colour & message
	 ++message1ColorStep;
	 ++message2ColorStep;
	 
	 if(message1ColorStep>=(colorMapSteps+colorMapSteps))
	 {
		 ++message1ID;
		 ++message1ColorMapID;
		 if(message1ID>=Maxmessages)
		 {
			 message1ID=0;
		 }
		 message1ColorStep=0;
		 
		 if(message1ColorMapID>=colorMaps)
		 {
			 message1ColorMapID=0;
		 }
	 }
	 
	 if(message2ColorStep>=(colorMapSteps+colorMapSteps))
	 {
		 ++message2ID;
		 ++message2ColorMapID;
		 if(message2ID>=Maxmessages)
		 {
			 message2ID=0;
		 }		 
		 message2ColorStep=0;
		 
		 if(message2ColorMapID>=colorMaps)
		 {
			 message2ColorMapID=0;
		 }
	 }
	 
	//Keep changing colours
	setTimeout("Banner2()",(MessageTime/(colorMapSteps*2)));
}