// banner class

//------------------------------------------

//==================================================================

//	Create Element / DOM Object

//==================================================================





//------------------------------------------------------------------

//	class

//------------------------------------------------------------------

function Banner(id){

	//--------------------------------------------------------------

	// variables

	//--------------------------------------------------------------

		var isIE = window.ActiveXObject ? true : false;

		

		this._count		= 0;

		this._time		= 5000;

		this._current	= 0;

		

		baseStyle			= "text-align:center;width:19px;height:13px;padding-top:1px;font-size:10px;font-family:Verdana;font-weight:bold;margin-left:5px;float:left;border:solid #FFFFFF 1px;"

		this._offState		= baseStyle + "background:#002888;color:#FFFFFF";

		this._onState		= baseStyle + "background:#FBCF00;color:#002888";





	//--------------------------------------------------------------

	// arrays

	//--------------------------------------------------------------

		this._details	= [

			{

				image:"otr-2010-sponsor-en.jpg",

				x:171,

				y:113,

				type:"learnmore-white-arrow.gif",

				link:"http://www.carrythetorch.com/index.asp"

			},

			{

				image:"amateursport_js.jpg",

				x:140,

				y:141,

				type:"bluebutton.jpg",

				link:"/sponsorship/amateur/index.html"

			},

			{

				image:"paintingcompitition_js.jpg",

				x:292,

				y:156,

				type:"bluebutton.jpg",

				link:"/sponsorship/paintingcompetition/index.html"				

			},

			{

				image:"canadianopen_js.jpg",

				x:200,

				y:141.9,

				type:"bluebutton.jpg",

				link:"/sponsorship/golf/index.html"				

			}

		]



	//--------------------------------------------------------------

	// objects

	//--------------------------------------------------------------





	//--------------------------------------------------------------

	// constructor

	//--------------------------------------------------------------





	//--------------------------------------------------------------

	// methods

	//--------------------------------------------------------------

	

	//	init

	this.init	= function()

	{

		this._count		= this._details.length;	

		this._banner	= this.getObject(id);

				

		this.addNavigation();				

		this.setBanner(this._current);

		

		this.bannerRotation 	= setInterval("Banner.nextBanner()", this._time );	

	}

	

	// add navigation

	this.addNavigation	= function()

	{

		html	= "<div id=\"bannerNav\" style=\"position:absolute;left:16px;top:142px;z-index:900;cursor:pointer;\">";

		for(n = 0; n < this._count; n++)

		{

			style	= n == this._current ? this._onState : this._offState;

			html	+= "<div style=\"" + style + "\"  onclick=\"javascript:Banner.clickBanner(" + n + ")\" onmouseover=\"javascript:Banner.rollOver(this)" + "\"   onmouseout=\"javascript:Banner.rollOut(this, " + n + ")" + "\">" + (n + 1) + "</div>";

		}	

		html += "</div>";

		

		this._banner.innerHTML	+= html;

	}

	

	this.nextBanner			= function()

	{

		this._current < (this._count - 1) ? this._current++ : this._current = 0;

		this.setBanner(this._current)

	}

	

	this.resetNavigation	= function()

	{

		nav	= this.getObject('bannerNav');

		for(n = 0; n < this._count; n++)

		{

			this.rollOut(nav.childNodes[n], n);

		}

	}

	

	this.clickBanner	= function(n)

	{

		clearInterval(this.bannerRotation);

		this.setBanner(n);

	}

	

	// set banner

	this.setBanner	= function(n)

	{

		

		current	= this._details[n];

		html	= "<img id=\"flashBannerImage\" src=\"library/" + current.image + "\" style=\"position:absolute;left:0px;top:0px;z-index:700\" />";

		

		this._current			= n;

		

		!this.getObject('flashBannerImage')  ? this._banner.innerHTML	+= html : this.getObject('flashBannerImage').src	= "library/" + current.image;		

		

		this.resetNavigation();	

		this.addButton();	

	}

	

	// roll over

	this.rollOver	= function(obj)

	{

		obj.style.backgroundColor	= "#FBCF00";

		obj.style.color				= "#002888";		

	}

	

	// roll out

	this.rollOut	= function(obj, n)

	{

		obj.style.backgroundColor	= n == this._current ? "#FBCF00" : "#002888";

		obj.style.color				= n == this._current ? "#002888" : "#FFFFFF";		

	}

	

	// add button

	this.addButton	= function()

	{

		current		= this._details[this._current]

		button		= current.type;

		link		= current.link;

		

		html		= "<div id=\"flashBannerButton\"><a href=\"" + link + "\"><img src=\"library/" +  button + "\" border=\"0\" style=\"position:absolute;left:" + current.x + "px;top:" + current.y + "px;z-index:800;\" /></a></div>";



		!this.getObject('flashBannerButton')  ? this._banner.innerHTML	+= html : this.getObject('flashBannerButton').innerHTML	= html;

	}

	

	// get object

	this.getObject = function(id)

	{

		//	retrieve object

		//------------------------------

		if (document.getElementById){this._obj = document.getElementById(id);}

		else if (document.all){this._obj = document.all[id];}

		else if (document.layers){if (document.layers[id]){this._obj = document.layers[id];}}



		//	return object to caller

		//------------------------------

		return this._obj;

	}

	

	this.init();

}