function showAccordionTab(tabnum)
{
	var accordion = document.getElementById("accordion");
	
	//get id of current item
	var oldTab=null;
	var oldTabInner=null;
	for(i=0; i<accordion.getElementsByTagName("div").length; i++)
	{
		if (accordion.getElementsByTagName("div")[i].className == "itemselected")
			oldTab = accordion.getElementsByTagName("div")[i];
	}
	
	//setup old tab animation
	if (oldTab!=null)
	{
		if (oldTab.id == "tab"+tabnum) return false;
		//switch selectedTab to the unselected header but set current item page to stay display 
		oldTabInner = document.getElementById("innerpage"+(oldTab.id.replace(/tab/gi, "")));
		var tweenerHide = new Tween(oldTabInner.style, 'height',  Tween.regularEastOut, oldTabInner.clientHeight, 1, 0.5, 'px');
		//when the tweener finishes, hide the tab
		tweenerHide.onMotionFinished = function(){
			oldTabInner.style.height = "";
			oldTabInner.style.display = "none";
			oldTab.className = "item";
			if(Co_BrowserInfo.IsIE) fixPNGs();
		};
	}
	
	//get new tab
	var newTab = document.getElementById("tab"+tabnum);
	var newTabInner = document.getElementById("innerpage"+tabnum);
	
	newTabInner.style.display = "block";
	var newHeight = newTab.clientHeight;

	//display the new content for a second, get the clientheight then hide again
	newTabInner.style.height = "1px";
	//var newTabInnerHeight = newTabInner.offsetHeight;
	var tweenerShow = new Tween(newTabInner.style, 'height',  Tween.regularEastOut, 1, newHeight, 0.5, 'px');
	tweenerShow.onMotionFinished = function(){
		newTab.className = "itemselected";	
	};
	
	tweenerShow.start();
	//run the hiding tweener only if there is an element to hide
	if(tweenerHide)	tweenerHide.start();
}

function switchCompactViewTabs(id, thistab)
{
	//hide all current divs
	var tabs = document.getElementById("mainArea_compact").getElementsByTagName("div");
	for(i=0; i<tabs.length; i++)
	{
		if(tabs[i].className == "homepage_tab")
			tabs[i].style.display="none";	
	}
	//show the correct div 
	document.getElementById(id).style.display="block";
	
	//unselect all tabs
	var tabs = document.getElementById("homepage_switcher").getElementsByTagName("a");
	for(i=0; i<tabs.length; i++)
	{
		tabs[i].className="";	
	}
	//select this tab
	thistab.className = "selected";
}

function toggleChooseLanguage()
{
	//show the selector
	var langSelector = document.getElementById("language_chooser");
	var arrow =  document.getElementById("language_arrow");
	//hiding and showing is done by the click handler
	if(langSelector.style.display=="block")
	{
		langSelector.style.display = "none";
		arrow.style.backgroundPosition ="-64px -16px";
	}
	else
	{
		langSelector.style.display = "block";
		arrow.style.backgroundPosition ="0px -16px";
	}
}
function loadSideBar(articleId, lang, args)
{
	//create page request
	if (typeof(args) == "undefined")
		args = {};
	args.uri = "http://www.chabadbeaches.com/templates/template_4/sidebar.ajax.asp";
	args.func = loadSideBarCallback;
	args.language = lang;
	args.method = "GET";
	if (articleId)
		args.aid = articleId;
	ajax.disable_page = false;
	ajax.disable_caching = true;
	ajax.request(args);	
}
function loadSideBarCallback(Data_Obj, articleID)
{
	var leftnav  = document.getElementById("template4leftnav");
	switch (Data_Obj.status)
	{
		case 500 :
			//if the ajax call returns an error			
			document.getElementById("t4_loadingText").innerHTML = "<br/><br/>Error Loading Sidebar, Please refresh your browser window";
			leftnav.style.height = leftnav.clientHeight;
			ajax.disable_page = true;
			break;
		default :
			leftnav.innerHTML += Data_Obj.responseText;
			leftnav.style.height = leftnav.clientHeight;
			showAccordionTab(1);
			document.getElementById("t4_loadingText").style.display = 'none';
			activate_javascript("template4leftnav");
	}
}
Co_Tools.AttachEvent(document, 'click', hideLanguageSelector);

function hideLanguageSelector(ev)
{
	var targetid = Co_BrowserInfo.IsIE ? ev.srcElement.id: ev.target.id ;
	var langSelector = document.getElementById("language_chooser");
	//dont run the event handler if theres no langSelector
	if (typeof(langSelector) == "undefined" || langSelector == null)
	{
		Co_Tools.DetachEvent(document, 'click', hideLanguageSelector);
		return;
	}
	//if we click away from the language box, remove the language box
	if(targetid != "language_choose_link" && targetid != "language_arrow")
	{
		if(langSelector.style.display=="block")
		{
			langSelector.style.display = "none";
			document.getElementById("language_arrow").style.backgroundPosition ="-64px -16px";
		}
	}
}