var hero1 = '<div id="heromod-1" class="heromod" style="background-image:url('+hero1photo+');"><div class="content2"><div class="content3"><table border="0" cellpadding="0" cellspacing="0"><tr><td align="left" valign="bottom">'+hero1txt+'</div></div>';
var hero2 = '<div id="heromod-1" class="heromod" style="background-image:url('+hero2photo+');"><div class="content2"><div class="content3"><table border="0" cellpadding="0" cellspacing="0"><tr><td align="left" valign="bottom">'+hero2txt+'</div></div>';
var hero3 = '<div id="heromod-1" class="heromod" style="background-image:url('+hero3photo+');"><div class="content2"><div class="content3"><table border="0" cellpadding="0" cellspacing="0"><tr><td align="left" valign="bottom">'+hero3txt+'</div></div>';
var hero4 = '<div id="heromod-1" class="heromod" style="background-image:url('+hero4photo+');"><div class="content2"><div class="content3"><table border="0" cellpadding="0" cellspacing="0"><tr><td align="left" valign="bottom">'+hero4txt+'</div></div>';
var hero5 = '<div id="heromod-1" class="heromod" style="background-image:url('+hero5photo+');"><div class="content2"><div class="content3"><table border="0" cellpadding="0" cellspacing="0"><tr><td align="left" valign="bottom">'+hero5txt+'</div></div>';
var htabno=5;
var heroclick=0;
var nexthero=1;

function heroswap(myhero)
{
// turn all tabs off
tab = 1;
while (tab<htabno+1)
	{
	if (tab=='1')
		{document.getElementById('hero1').className = 'firstoff';}
	else if (tab==(htabno))
		{document.getElementById('hero'+htabno).className = 'lastoff';}
	else
		{document.getElementById('hero'+tab).className = 'off';}
    tab++;
	}

//turn right tab on
if (myhero=='1')
	{document.getElementById('hero1').className = 'firston';}
else if (myhero==htabno)
	{document.getElementById('hero'+myhero).className = 'laston';}
else
	{document.getElementById('hero'+myhero).className = 'laston';}

//squirt in right content
if (myhero==1)
	{document.getElementById('herocontents').innerHTML=hero1;}
if (myhero==2)
	{document.getElementById('herocontents').innerHTML=hero2;}
if (myhero==3)
	{document.getElementById('herocontents').innerHTML=hero3;}
if (myhero==4)
	{document.getElementById('herocontents').innerHTML=hero4;}
if (myhero==5)
	{document.getElementById('herocontents').innerHTML=hero5;}

if (heroclick==0)
	{setTimeout("heroanim()",7000);}
}

function heroanim()
{

if (heroclick==0)
	{
	nexthero++;
	if (nexthero>5)
		{nexthero=1;}

	heroswap(nexthero);

	}
}