// JavaScript Document

	var bannerPos = 1;
	var bannerPauseIt = false;
	var banners = new Object();
	var bannerTimeOut;

    function setProperty(strObj)
    {
      if (document.getElementById && document.getElementById(strObj)) 
            return document.getElementById(strObj);
      else 
        if (document.all && document.all(strObj)) 
            return document.all(strObj);
        else   
            return null;
    }

	function bannerPause(strName)
	{
		if (bannerPauseIt)
		{
			bannerPauseIt = false;
			bannerQueue(strName);
		}
		else
		{
			clearTimeout(bannerTimeOut);
			bannerPasueIt = true;
		}
	}
	
	function bannerRotate(strName, numDirection)
	{
		var bannerName; 
		clearTimeout(bannerTimeOut);
		bannerPos += numDirection;
		if (bannerPos > 3)
			bannerPos = 1;
		if (bannerPos < 1)
			bannerPos = 3;
		bannerName = strName + bannerPos;
		if (numDirection != 0)
			setProperty('bannerImage').src = "_images/banners/" + banners[bannerName].src 
		setProperty('bannerLinkInfo').coords = banners[bannerName].coords;
		setProperty('bannerLinkInfo').href = banners[bannerName].link;
		setProperty('bannerLinkInfo').alt = banners[bannerName].alt;
		setProperty('bannerCounter').src = "_images/banners/nav/ind" + bannerPos + ".gif";
		bannerQueue(strName);
		
	}

	function bannerQueue(strName)
	{	
		if (!bannerPauseIt)
			bannerTimeOut = setTimeout("bannerRotate('" + strName + "', 1);",6000);
	}

function writeBanner(strName)
{
	var bannerName = strName + "1";
	var bannerImage2 = new Image(630,186);
	var bannerImage3 = new Image(630,186);

	var banner = '<div class="marquee"><div class="hero">';
  	banner += '<img id="bannerImage" src="_images/banners/' + banners[bannerName].src + '"   " name="marquee" width="630" height="186" border="0" usemap="#marqueeMap" id="marque" />';
  	banner += '<map name="marqueeMap" id="marqueeMap"><area id="bannerLinkInfo" shape="rect" coords="' + banners[bannerName].coords + '" href="' + banners[bannerName].link + '" alt="' + banners[bannerName].alt + '" /></map>';
	banner += '<div class="rotateHero">'; 
    banner += '<a href="#" onClick="bannerRotate(\'' + strName  + '\',-1);return false;"><img src="_images/banners/nav/btn_back.gif" width="44" height="21" title="Back" border="0"/></a>'; 
  	banner += '<a href="#" onClick="bannerPause(\'' + strName  + '\');return false;"><img src="_images/banners/nav/btn_pause.gif"  width="21" height="21" title="Pause" border="0" /></a>';
  	banner += '<a href="#" onClick="bannerRotate(\'' + strName  + '\',1);return false;"><img src="_images/banners/nav/btn_next.gif" width="36" height="21" title="Next" border="0" /></a>';
 	banner += '<img id="bannerCounter" src="_images/banners/nav/ind'  + bannerPos + '.gif" width="47" height="21" title="1 of 3" />';   
  	banner += '</div></div></div>';
	document.write (banner);
	bannerImage2.src = banners[strName + "2"].src;
	bannerImage3.src = banners[strName + "3"].src;
	bannerRotate(strName, 0);
}