////////////////////////////////////////////////////////

function expand(id, divHeight) {
	var expandDiv = new Fx.Styles($(id),
	{duration: 800});
	expandDiv.start({
	'height': divHeight 
	})
}

////////////////////////////////////////////////////////

function shrink(id) {
	var Div = new Fx.Styles($(id),
	{duration: 800});
	Div.start({
	'height': 1
	})
}

////////////////////////////////////////////////////////

function process(num)
{
	var container=document.getElementById('videoSubs');
	var tmp=container.getElementsByTagName('div');
	var tmp2=container.getElementsByTagName('h3');
	var divs = new Array();
	var h3s = new Array();

	// get div
	var n=0;
	for(var i=0;tmp.length>i;i++)
	{
		if(tmp[i].parentNode.id=='videoSubs')
		{
			divs[n]=tmp[i];
			n++;
		}
	}

	// get h3
	var n=0;
	for(var i=0;tmp2.length>i;i++)
	{
		if(tmp2[i].parentNode.id=='videoSubs')
		{
			h3s[n]=tmp2[i];
			n++;
		}
	}


	for(var i=0;divs.length>i;i++)
	{
		var id = divs[i].id;
		var h3 = h3s[i];
		if(i==num)
		{
			var height = divs[i].getElementsByTagName('div').item(0).offsetHeight;
			if(h3.className.search('hLight')==-1)
			{
				expand(id, height);
				addClass(h3, 'hLight');
			}
			else
			{
				shrink(id);
				addClass(h3, 'hLight');
			}
		}
		else
		{
			if(h3.id!='recentFeat')
			{
				shrink(id);

				if(h3.className.search('hLight')>-1)
					addClass(h3,'hLight');
			}
		}
	}
}

////////////////////////////////////////////////////////
