var shrinker, grower, animationTimer;
var shrinkerFinalWidth = 160;
var growerFinalWidth = 180;

function tabClicked(s)
{
	if (shrinker)
	{
		return;
	}

	var tabsDiv = getElementByClassName(document.getElementById("view-navigation").getElementsByTagName("DIV"), "tabs");

	var elems = tabsDiv.getElementsByTagName("A");

	var tab = getElementByClassName(elems, s);	

	if (tab)
	{		
		var onTab = getElementByClassName(tabsDiv.getElementsByTagName("DIV"), "on");
		
		if (onTab.getElementsByTagName("A")[0] == tab)
		{
			return;
		}
		
		if (tab.className == "homepage")
		{
			document.getElementById("view-content").className = "first-on";
		}
		else
		{
			document.getElementById("view-content").className = "";
		}

		shrinker = onTab.getElementsByTagName("A")[0].parentNode;		
		grower = tab.parentNode;
		
		shrinker.style.width = shrinker.offsetWidth;
		grower.style.width = grower.offsetWidth;
		
		shrinker.parentNode.parentNode.className = "";
		grower.parentNode.parentNode.className = "on";	
		
		animateTabs(s);
	}
	
	//hideCurList();
	
	fadeTimer = setTimeout("fadeOut(100, '" + s + "')", 10);
	
	tab.blur();
}

function animateTabs(s)
{	
	if (shrinker.offsetWidth - 20 > shrinkerFinalWidth)
	{
		var evalStr = "shrinker.style.width = shrinker.offsetWidth - 20;";
		
		if (grower.offsetWidth + 20 < growerFinalWidth)
		{
			evalStr += "grower.style.width = grower.offsetWidth + 20;";
		}
		else
		{
			evalStr += "grower.style.width = growerFinalWidth";
		}

		eval(evalStr);
		
		animationTimer = setTimeout("animateTabs('" + s + "');", 10);
	}
	else
	{
		shrinker.style.width = shrinkerFinalWidth;
		shrinker = null;

		grower.style.width = growerFinalWidth;
		grower = null;
		
		animationTimer = setTimeout("animationFinished('" + s + "');", 10);
	}
	
}

function animationFinished(s)
{
	clearTimeout(animationTimer);
	animationTimer = null;
}

var fadeTimer = null;
var iframeHTML;

function viewContentLoaded(el)
{
	iframeHTML = el.innerHTML;
	
	document.getElementById("view-content-content").innerHTML = iframeHTML;
	
	faders = getFaders();
		
	fadeTimer = setTimeout("fadeIn(0)", 0);
}

function getElementByClassName(elems, cn)
{
	var l = elems.length;
	
	for (var i = 0; i < l; i++)
	{
		if (elems[i].className.indexOf(cn)!= -1)
		{
			return elems[i];
		}
	}
	
	return null;
}



function itemOver(tr)
{
	tr.className = "on";
}

function itemOut(tr)
{
	tr.className = "";
}


function tabOver(el)
{
	if (el.parentNode.parentNode.parentNode.className != "on")
	{
		el.parentNode.parentNode.parentNode.className = "over";
	}
}

function tabOut(el)
{
	if (el.parentNode.parentNode.parentNode.className == "over")
	{
		el.parentNode.parentNode.parentNode.className = "";
	}
}

var fadeTimer;

function changeAd(src)
{
	var img = document.getElementById("main-ad");	
	
	img.src = src;

}

var faders = new Array();

function getFaders()
{
	var faders = new Array();
	
	faders[faders.length] = document.getElementById("show-caption-button");
	faders[faders.length] = document.getElementById("hide-caption-button");
	faders[faders.length] = document.getElementById("stories-list");
	faders[faders.length] = document.getElementById("videos-list");
	faders[faders.length] = document.getElementById("topics-list");
	faders[faders.length] = document.getElementById("sidebar-content");
	faders[faders.length] = document.getElementById("reader-comments");
	faders[faders.length] = document.getElementById("main-content");
	faders[faders.length] = document.getElementById("photo-viewer");
	
	
	return faders;
}

function setAlpha(el, n)
{
	if (document.all)
	{	
		el.style.filter = "alpha(opacity=" + n + ");";	
	}
	else
	{
		//el.style.opacity = n;				
	}
}

function fadeIn(n)
{
	clearTimeout(fadeTimer);
	fadeTimer = null;		
	
	n += 20;

	var l = faders.length;
	
	if (n < 100)
	{		
		for (var i = 0; i < l; i++)
		{
			if (faders[i])
			{
				
				setAlpha(faders[i], n);
			}
		}
		
		fadeTimer = setTimeout("fadeIn(" + n + ")", 5);
	}
	else
	{
		for (var i = 0; i < l; i++)
		{
			if (faders[i])
			{
				if (document.all)
				{
					faders[i].style.filter = "";	
				}
			}
		}
		
		document.getElementById("view-content-content").innerHTML = iframeHTML;
	}
}

function fadeOut(n, s)
{
	clearTimeout(fadeTimer);
	fadeTimer = null;	
	
	n -= 20;
	
	if (n >= 0)
	{
		var l = faders.length;
		
		for (var i = 0; i < l; i++)
		{
			if (faders[i] != null)
			{
				setAlpha(faders[i], n);
			}
		}
		
		fadeTimer = setTimeout("fadeOut(" + n + ", '" + s + "')", 5);

	}
	else
	{
		frames[0].location.href = s + ".html";

	}
}


function getTableById(tables, str) {
	var l = tables.length;
		
	for (var i = 0; i < l; i++)
	{		
		if (tables[i].id.indexOf(str) != -1)
		{
			return tables[i];
		}
	}
	
	return null;
}

function getParentTable(el)
{
	el = el.parentNode;
	
	if (el.tagName == "TABLE")
	{
		return el;
	}
	else
	{
		return getParentTable(el);
	}
}