var myquotes = new Array(
	'<div id="rotate1"><h2><a target="_parent" href="http://www.danstyled.com/Website/iShuApp.htm">iShuApp</a></h2><span>the design for our very own iphone app ishuapp making studies easier</span></a>	</div>',
	'<div id="rotate2"><h2><a target="_parent" href="http://www.danstyled.com/Website/Oxygen.htm">Oxygen</a></h2><span>a template design for users wanting a dark green murky approach</span></div>',
	'<div id="rotate3"><h2><a target="_parent" href="http://www.danstyled.com/Website/Ignito CMS.htm">Ignito</a></h2><span>a project management cms to replace a users xls file system</span>	</div>' ,
	'<div id="rotate4"><h2>Css Box</h2><span>the css box web design is for a community site of designers</span>	</div>' // Leave the last quote without a comma at the end
	);

var currentIndex = 3;
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);
}