﻿var tabs = ['#tab1', '#tab2', '#tab3', '#tab4'];
$(document).ready(function ()
{
	//do for each and toggle. 
	$.each(tabs, function (index, value)
	{
		var tab = $(tabs[index]);
		$(tabs[index] + '>div>span>a').bind('click', { param: { tab: tab, link: true} }, onTabClick);
		$(tabs[index] + '>div').first().bind('click', { param: { tab: tab} }, onTabClick);
	});
});

function onTabClick(a)
{
	var tab = a.data.param.tab;
	var parentid = $(a.target).parents(".newstab").attr("id");
	tab.addClass("selectedtab");

	$.each(tabs, function (idx, val)
	{
		var item = $(tabs[idx]);
		if (item[0].id != parentid)
		{
			item.removeClass("selectedtab");
		}
	});
	return false;
}
