/**
* Assign the view handler
*/

viewHandler = Home;

/**
* Creates a new object with methods used by the Home page
*
* @author				Matt Gifford
* @copyright			2008 Timeshifting Interactive Limited
*/
function Home()
	{
	// Step 1. Define Properties

	var _instance = this;
	var _totalLinks = 0;



	// Step 2. Define Public Methods

	/**
	* Sets up the initial page state and event handlers
	*/
	this.init = function()
		{
		// Call generic page init method
		this.base.init.call(this);

		// Add event handlers to feature article links
		var links = document.getElementById('homeFeaturesLinks').getElementsByTagName('div');
		_totalLinks = links.length;
		for (var x = 0; x < links.length; x++)
			{
			// Add change article handler
			links[x].onclick = __eventHandlerChangeArticle;

			// Add mouse over/out events for internet explorer
			if (!!(window.attachEvent && !window.opera))
				{
				links[x].onmouseover = __eventHandlerLinkOver;
				links[x].onmouseout = __eventHandlerLinkOut;
				}
			}
		}
	

	// Step 3. Define Private Methods


	/**
	* Event Handler: Changes the displayed feature article
	*/
	function __eventHandlerChangeArticle()
		{
		var id = this.id.replace('link', '');

		// Update the displayed article
		for (var x = 1; x <= _totalLinks; x++)
			{
			document.getElementById('feature' + x).className += ' hidden';
			}
		document.getElementById('feature' + id).className = document.getElementById('feature' + id).className.replace(/\s?hidden/g, '');

		// Update the active link
		for (var x = 1; x <= _totalLinks; x++)
			{
			document.getElementById('link' + x).className = document.getElementById('link' + x).className.replace(/\s?hover/g, '');
			document.getElementById('link' + x).className = document.getElementById('link' + x).className.replace(/\s?active/g, '');
			}
		document.getElementById('link' + id).className += ' active';
		}
	

	/**
	* Event Handler: Changes the class on mouse over for internet explorer
	*/
	function __eventHandlerLinkOver()
		{
		if (this.className.indexOf('active') == -1)
			{
			this.className += ' hover';
			}
		}


	/**
	* Event Handler: Changes the class on mouse out for internet explorer
	*/
	function __eventHandlerLinkOut()
		{
		if (this.className.indexOf('active') == -1)
			{
			this.className = this.className.replace(/\s?hover/g, '');
			}
		}
	}