// JavaScript Document
var myquotes = new Array(
	'<div onclick="location.href=\'mobile.html\'" id="rotate1"><h2><a href="mobile.html">Mobile Web</a></h2><span>Reach out to your customers and get a user-friendly website optimised for mobile phones.</span></a>	</div>',
	'<div onclick="location.href=\'web_design.html\'" id="rotate2"><h2><a href="web_design.html">Web Design</a></h2><span>We provide web design and mobile web design services at affordable prices.</span></div>',
	'<div onclick="location.href=\'social_media.html\'" id="rotate3"><h2><a href="social_media.html">Social Media</a></h2><span>Connect with your customers, keep them updated and increase site traffic.</span></div>',
	'<div onclick="location.href=\'portfolio.html\'" id="rotate4"><h2><a href="portfolio.html">Portfolio</a></h2><span>View our latest projects that show what we can do!</span></div>',
	'<div onclick="location.href=\'get_quote.html\'" id="rotate5"><h2><a href="get_quote.html">Get a Quote</a></h2><span>Use the Request a Quote form to give the details of your requirements.</span></div>' // Leave the last quote without a comma at the end
	);

var currentIndex = -1;
var timeout = 5000;
var isContinue = true;

function jump(iIndex)
{	
	currentIndex  = iIndex
	thequote = myquotes[currentIndex]; //Pull the top one
	
	document.getElementById('imagecontainer').innerHTML = thequote;
	isContinue = false;
}

function rotate()
{
	if(isContinue)
	{
		//Move next
		var nextIndex = currentIndex + 1;
		if(nextIndex > myquotes.length -1)
		{
			currentIndex = 0;
		}
		else
		{
			currentIndex = nextIndex;
		}
	
		//Get next (current)
		thequote = myquotes[currentIndex]; //Pull the top one
		//Show
		document.getElementById('imagecontainer').innerHTML = thequote;
	}
	else
	{
		isContinue = true;
	}
	
	// This rotates the quote every 10 seconds.
	// Replace 10000 with (the number of seconds you want) * 1000
	t=setTimeout("rotate()",timeout);
}