/*
Support functions to manage gallery presentation
*/

var backgrounds = [];


var selectedImage = -1;
var t;
var t_delay = 7000;
var viewer_height = 250;
var t_enabled = true;

function f_SetBGImage(imageName, bgColor, caption)
{
	//alert(imagename);
	document.getElementById("content").style.background = ''+bgColor+' url(/img/main/'+imageName+'.jpg) no-repeat top center';
	document.getElementById('focus_caption').innerHTML = caption;
}

function f_SetBGImageByNumber(bgNumber)
{
	//alert(bgNumber);
	document.getElementById("content").style.background = ''+backgrounds[bgNumber][1]+' url(/img/main/'+backgrounds[bgNumber][0]+'.jpg) no-repeat top center';
	document.getElementById('focus_caption').innerHTML = backgrounds[bgNumber][2];
}

function f_BGImageIncrement()
{
	f_ChangeImage(1);
	f_EnterGalleryMode();
	t_enabled = false;
}

function f_BGImageDecrement()
{
	f_ChangeImage(-1);
	f_EnterGalleryMode();
	t_enabled = false;
}
			
function f_ChangeImage(increment)
{
	selectedImage += increment;
	if(selectedImage < 0)
	{
		selectedImage = backgrounds.length-1;
	}
	else if(selectedImage > backgrounds.length-1)
	{
		selectedImage = 0;
	}
	f_SetBGImageByNumber(selectedImage);
}

function f_TimedBGUpdate()
{
	if(t_enabled)
	{
		f_ChangeImage(1);
	}
	t = setTimeout("f_TimedBGUpdate()", t_delay);
}

function f_EnterGalleryMode()
{
	f_Resize('focus', 450, viewer_height, 12);
	viewer_height = 450;
	var f_caption = document.getElementById('focus_caption');
	f_caption.style.display = 'block';
}

function f_EnterRegularMode()
{
	f_Resize('focus', 250, viewer_height, 12);
	viewer_height = 250;
	var f_caption = document.getElementById('focus_caption');
	f_caption.style.display = 'block';
}

function f_EnterCompactMode()
{
	f_Resize('focus', 10, viewer_height, 12);
	viewer_height = 10;
	var f_caption = document.getElementById('focus_caption');
	f_caption.style.display = 'none';
}

function f_Resize(element_id, target, start, increment)
{
	window.status.text = "Hello...";
	var element = document.getElementById(element_id);
	if(target > start)
	{
		if(start+increment > target)
		{
			element.style.height = target+'px';
		}
		else
		{
			element.style.height = (start+increment)+'px'
			var t_size = setTimeout("f_Resize('"+element_id+"', "+target+", "+(start+increment)+", "+increment+")", 10);
		}
	}
	else
	{
		if(start-increment < target)
		{
			element.style.height = target+'px';
		}
		else
		{
			element.style.height = (start-increment)+'px'
			var t_size = setTimeout("f_Resize('"+element_id+"', "+target+", "+(start-increment)+", "+increment+")", 10);
		}
	}
}

addLoadEvent(function()
{
	var navRight = document.getElementById('navigate_right');
	var navLeft = document.getElementById('navigate_left');

	navRight.onmouseover = function()
	{
		if(backgrounds.length > 1)
		{
			navRight.style.background = 'url(/grfx/arrow_right.png) no-repeat right center';
		}
	};
	navRight.onmouseout = function()
	{
		navRight.style.background = 'none';
	};
	navRight.onclick = function()
	{
		if(backgrounds.length > 1)
		{
			f_BGImageIncrement();
		}
	};
	
	navLeft.onmouseover = function()
	{
		if(backgrounds.length > 1)
		{
			navLeft.style.background = 'url(/grfx/arrow_left.png) no-repeat left center';
		}
	};
	navLeft.onmouseout = function()
	{
		navLeft.style.background = 'none';
	};
	navLeft.onclick = function()
	{
		if(backgrounds.length > 1)
		{
			f_BGImageDecrement();
		}
	};
	
	f_TimedBGUpdate();
});