var headlineController = new function()
{
	this.headline = new Array(2);
	for (var i = 0; i < 3; i++)
		this.headline[i] = new Object();
	
	this.currentVisibleHeadlineIndex = 0; // Als je deze waarde verandert, ook aanpassen in element-headlines.xsl -> zoeken naar regel <div class="assets" id="holder_headlines_foto_index{position()-1}" style="display: {$display};">
	this.timeoutInterval = 8000;
	this.timeout = null;
	
	this.Initialize = function()
	{
		for (var i = 0; i < this.headline.length; i++)
		{
			this.headline[i].dom = new Object();
			this.headline[i].dom.container = document.getElementById('holder_headlines_foto_index' + i);
			this.headline[i].dom.button = document.getElementById('headline_button_index' + i);
		}
		this.timeout = setTimeout('headlineController.Next()', this.timeoutInterval);
	}
	
	this.Next = function()
	{
		// Eerst alle headlines onzichtbaar maken
		this.MakeAllHeadlinesInvisible();
		// Dan de volgende headline zichtbaar maken
		this.currentVisibleHeadlineIndex++;
		if (this.currentVisibleHeadlineIndex == this.headline.length) // De index is nu hoger dan de hoogste index in de array. Terugzetten op 0
			this.currentVisibleHeadlineIndex = 0;
		this.MakeHeadlineVisible(this.currentVisibleHeadlineIndex);
		clearTimeout(this.timeout);
		this.timeout = setTimeout('headlineController.Next()', this.timeoutInterval);
	}
	
	this.HoverHeadline = function(hoverOverIndex)
	{
		
		if (this.currentVisibleHeadlineIndex == hoverOverIndex) {
			return false;
		}
		
		if (this.headline[hoverOverIndex].dom == undefined)
			return false;
			
		clearTimeout(this.timeout);
		this.MakeAllHeadlinesInvisible();
		this.MakeHeadlineVisible(hoverOverIndex);
	}
	
	this.LeaveHeadline = function(index)
	{
		if (this.headline[index].dom == undefined)
			return false;
			
		//this.Next();
		clearTimeout(this.timeout);
		this.timeout = setTimeout('headlineController.Next()', this.timeoutInterval);
	}
	
	this.MakeAllHeadlinesInvisible = function()
	{
		for (var i = 0; i < this.headline.length; i++)
		{
			this.headline[i].dom.container.style.display = 'none';
			//jQuery('#holder_headlines_foto_index' + i).fadeOut(1000);
			this.headline[i].dom.button.className = 'item_hover';
		}
	}
	
	this.MakeHeadlineVisible = function(index)
	{
		//this.headline[index].dom.container.style.display = 'block';
		//alert(this.headline[index].dom);
		var foto = jQuery('#holder_headlines_foto_index' + index);
		//alert(foto.is(':visible'));
		//if (foto.is(':visible')) {
			foto.stop(true,true).fadeIn(1000);
			this.headline[index].dom.button.className = 'item_hover_active';
			this.currentVisibleHeadlineIndex = index;
		//}
	}
}