// 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:"proudsponsor_js.jpg",
				x:285,
				y:107,
				type:"whitebutton.gif",
				link:"/commandites/olympics/index.html"
			},
			{
				image:"amateursport_js.jpg",
				x:115,
				y:141,
				type:"bluebutton.gif",
				link:"/commandites/amateur/index.html"
			},
			{
				image:"paintingcompitition_js.jpg",
				x:292,
				y:156,
				type:"bluebutton.gif",
				link:"/commandites/paintingcompetition/index.html"				
			},
			{
				image:"canadianopen_js.jpg",
				x:200,
				y:141.9,
				type:"bluebutton.jpg",
				link:"/commandites/canadian-open/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();
}