/*
	Copyright E-Learning Developments 2010
	
	Written by Christopher Sawczuk
*/

var sliders = null; // The 4 divs that slide (expand also)
var footers = null; // the 4 footers that correlate to each div
var links = null;
var widths = new Array(370, 190, 190, 190);
var cwidths = new Array(370, 190, 190, 190);
var container = null; // The container of the 4 divs
var DEBUG = null;
var timerH = -1;

function init()
{
	container = document.getElementById('courseNav');
	DEBUG = document.getElementById('debug');
	sliders = new Array();
	footers = new Array();
	links = new Array();

	sliders.push(document.getElementById('courseNavHomeCol21'));
	sliders.push(document.getElementById('courseNavHomeCol22'));
	sliders.push(document.getElementById('courseNavHomeCol23'));
	sliders.push(document.getElementById('courseNavHomeCol24'));
	
	sliders.push(document.getElementById('courseNavHomeCol21'));
	sliders.push(document.getElementById('courseNavHomeCol22'));
	sliders.push(document.getElementById('courseNavHomeCol23'));
	sliders.push(document.getElementById('courseNavHomeCol24'));
	
	footers.push(document.getElementById('courseNavHomeCol21Link'));
	footers.push(document.getElementById('courseNavHomeCol22Link'));
	footers.push(document.getElementById('courseNavHomeCol23Link'));
	footers.push(document.getElementById('courseNavHomeCol24Link'));
	
	links.push(document.getElementById('hLink1'));
	links.push(document.getElementById('hLink2'));
	links.push(document.getElementById('hLink3'));
	links.push(document.getElementById('hLink4'));
				
	// Register some call backs
	container.onmouseout = mouseOutContainer;

	for(var i = 0;i<4;i++)
	{
		sliders[i].onmouseover = mouseInContainer;
		sliders[i].onmousemove = mouseInContainer;
	}
}

function step()
{
	// Interpolation
	for(var i = 0;i < 4;i++)
	{
		cwidths[i] +=((widths[i]-cwidths[i])/8);
		if(Math.abs(cwidths[i]-widths[i])<5)
		{
			cwidths[i] = widths[i];
		}
		sliders[i].style.width = cwidths[i]+"px";
		footers[i].style.width = (cwidths[i]-10)+"px";	
	}
}
// Animation function that takes care of the resizing
function animateFunc()
{	
	step();

	var allDone = true;
	for(var i = 0;i < 4;i++)
	{
		if(cwidths[i] != widths[i])
		{
			allDone = false;
		}
	}
	if(allDone)
	{
		clearInterval(timerH);
		timerH = -1;
		for(var i = 0;i<4;i++)
		{
			sliders[i].style.width = widths[i]+"px";
			footers[i].style.width = (widths[i]-10)+"px";
		}
		return;
	}
}

function mouseOutContainer(event)
{
	//widths = new Array(235, 235, 235, 235);
}

function mouseInContainer(e)
{
	if(timerH != -1)
		return;
	var target;
	if (!e) 
		var e = window.event;
	if (e.target) 
		target = e.target;
	else if (e.srcElement) 
		target = e.srcElement;

	for(var i = 0;i<4;i++)
	{
		if(target == sliders[i] || target == footers[i] || target == links[i])
		{
			widths[i] = 370;
		}
		else
		{
			widths[i] = 190;
		}
	}
	clearInterval(timerH);
	timerH = setInterval(animateFunc,10);
}