﻿
			function GetTabIndex()
			{
				return parseInt($("hiddenTabIndex").value);
			}
			
			function SetTabIndex(value)
			{
				$("hiddenTabIndex").value = value;
			}
			
			
			function AppendTabIndex(action)
			{
				return action + "#" + GetTabIndex();
			}

			var currentActiveOnlineOrderingTab = null;
			var pageAction;

			function initOnlineOrderingTabs()
			{
				var hasTabs = $("multiple-active-tabs");
				if (hasTabs == null) return;				

				var url = document.location;
				var strippedUrl = url.toString().split("#");
				if (strippedUrl.length > 1)
				{
					SetTabIndex(strippedUrl[1]);
				}
				var selectedTabIndex = GetTabIndex();


				var tabContainer = $("online-ordering-tabs");
				var tabs = tabContainer.getChildren();
				var panels = $("online-ordering-specs").getChildren();
				var item = null;

				for (var i = 0; i < tabs.length; i++)
				{
					item = $(tabs[i]);
					item.panelID = i;
					item.addEvent("click", onlineOrderingClick);

					var buttons = item.getChildren();
					var mouseOutButton = buttons[0];
					var mouseOverButton = buttons[1]; 

					if (i == selectedTabIndex)
					{
						mouseOutButton.setStyle("display", "none");
						onlineOrderingClick(item);
					}
					else
					{
						mouseOverButton.setStyle("display", "none");
						mouseOutButton.setStyle("display", "block");
					}
				}

				for (var i = 0; i < panels.length; i++)
				{
					if (i != selectedTabIndex) { $(panels[i]).setStyle("display", "none"); }
				}
			}

			function onlineOrderingClick(item)
			{
				if (this.href != null) { item = $(this); }

				var buttons = null;
				var mouseOutButton = null;
				var mouseOverButton = null;

				if (currentActiveOnlineOrderingTab != item)
				{
					var buttons = item.getChildren();
					var mouseOutButton = buttons[0];
					var mouseOverButton = buttons[1];

					mouseOutButton.setStyle("display", "none");
					mouseOverButton.setStyle("display", "block");
					$('online-ordering-content-' + item.panelID).setStyle("display", "block");
					SetTabIndex(item.panelID);
					

					if (currentActiveOnlineOrderingTab != null)
					{
						buttons = currentActiveOnlineOrderingTab.getChildren();
						mouseOutButton = buttons[0];
						mouseOverButton = buttons[1];

						mouseOutButton.setStyle("display", "block");
						mouseOverButton.setStyle("display", "none");
						$('online-ordering-content-' + currentActiveOnlineOrderingTab.panelID).setStyle("display", "none");
					}

					currentActiveOnlineOrderingTab = item;
				}
			}

			initOnlineOrderingTabs();
