var Beer;
if (!Beer) Beer = {};
if (!Beer.Tab) Beer.Tab = {};

Beer.Tab = function(element, opts)
{
	this.element = this.getElement(element);
	this.defaultTab = 0; // Show the first panel by default.
	this.bindings = [];
	this.tabSelectedClass = "tabpanelsTabActive";
	this.tabHoverClass = "tabpanelsTabHover";
	this.tabFocusedClass = "tabpanelsTabFocused";
	this.panelVisibleClass = "tabpanelsTabContentVisible";
	this.focusElement = null;
	this.hasFocus = false;
	this.currentTabIndex = 0;
	this.enableKeyboardNavigation = true;

	Beer.Tab.setOptions(this, opts);

	// If the defaultTab is expressed as a number/index, convert
	// it to an element.

	if (typeof (this.defaultTab) == "number")
	{
		if (this.defaultTab < 0)
			this.defaultTab = 0;
		else
		{
			var count = this.getTabbedPanelCount();
			if (this.defaultTab >= count)
				this.defaultTab = (count > 1) ? (count - 1) : 0;
		}

		this.defaultTab = this.getTabs()[this.defaultTab];
	}

	// The defaultTab property is supposed to be the tab element for the tab content
	// to show by default. The caller is allowed to pass in the element itself or the
	// element's id, so we need to convert the current value to an element if necessary.

	if (this.defaultTab)
		this.defaultTab = this.getElement(this.defaultTab);

	this.attachBehaviors();
};

Beer.Tab.prototype.getElement = function(ele)
{
	if (ele && typeof ele == "string")
		return document.getElementById(ele);
	return ele;
}

Beer.Tab.prototype.getElementChildren = function(element)
{
	var children = [];
	var child = element.firstChild;
	while (child)
	{
		if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
			children.push(child);
		child = child.nextSibling;
	}
	return children;
};

Beer.Tab.prototype.addClassName = function(ele, className)
{
	if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
		return;
	ele.className += (ele.className ? " " : "") + className;
};

Beer.Tab.prototype.removeClassName = function(ele, className)
{
	if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
		return;
	ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
};

Beer.Tab.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
{
	if (!optionsObj)
		return;
	for (var optionName in optionsObj)
	{
		if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
			continue;
		obj[optionName] = optionsObj[optionName];
	}
};

Beer.Tab.prototype.getTabGroup = function()
{
	if (this.element)
	{
		var children = this.getElementChildren(this.element);
		if (children.length)
			return children[0];
	}
	return null;
};

Beer.Tab.prototype.getTabs = function()
{
	var tabs = [];
	var tg = this.getTabGroup();
	if (tg)
		tabs = this.getElementChildren(tg);
	return tabs;
};

Beer.Tab.prototype.getContentPanelGroup = function()
{
	if (this.element)
	{
		var children = this.getElementChildren(this.element);
		if (children.length > 1)
			return children[1];
	}
	return null;
};

Beer.Tab.prototype.getContentPanels = function()
{
	var panels = [];
	var pg = this.getContentPanelGroup();
	if (pg)
		panels = this.getElementChildren(pg);
	return panels;
};

Beer.Tab.prototype.getIndex = function(ele, arr)
{
	ele = this.getElement(ele);
	if (ele && arr && arr.length)
	{
		for (var i = 0; i < arr.length; i++)
		{
			if (ele == arr[i])
				return i;
		}
	}
	return -1;
};

Beer.Tab.prototype.getTabIndex = function(ele)
{
	var i = this.getIndex(ele, this.getTabs());
	if (i < 0)
		i = this.getIndex(ele, this.getContentPanels());
	return i;
};

Beer.Tab.prototype.getCurrentTabIndex = function()
{
	return this.currentTabIndex;
};

Beer.Tab.prototype.getTabbedPanelCount = function(ele)
{
	return Math.min(this.getTabs().length, this.getContentPanels().length);
};

Beer.Tab.addEventListener = function(element, eventType, handler, capture)
{
	try
	{
		if (element.addEventListener)
			element.addEventListener(eventType, handler, capture);
		else if (element.attachEvent)
			element.attachEvent("on" + eventType, handler);
	}
	catch (e) {}
};

Beer.Tab.prototype.onTabClick = function(e, tab)
{
	this.showPanel(tab);
};

Beer.Tab.prototype.onTabMouseOver = function(e, tab)
{
	tpIndex = this.getTabIndex(tab);
	if(tpIndex == this.currentTabIndex){
		this.removeClassName(tab, this.tabSelectedClass);
	}
	this.addClassName(tab, this.tabHoverClass);
};

Beer.Tab.prototype.onTabMouseOut = function(e, tab)
{
	this.removeClassName(tab, this.tabHoverClass);
	tpIndex = this.getTabIndex(tab);
	if(tpIndex == this.currentTabIndex){
		this.addClassName(tab, this.tabSelectedClass);
	}
};

Beer.Tab.prototype.onTabFocus = function(e, tab)
{
	/*
	this.hasFocus = true;
	this.addClassName(this.element, this.tabFocusedClass);
	*/
	this.removeClassName(tab, this.tabHoverClass);
	tpIndex = this.getTabIndex(tab);
	if(tpIndex == this.currentTabIndex){
		this.addClassName(tab, this.tabSelectedClass);
	}
};

Beer.Tab.prototype.onTabBlur = function(e, tab)
{
	this.hasFocus = false;
	this.removeClassName(this.element, this.tabFocusedClass);
};

Beer.Tab.ENTER_KEY = 13;
Beer.Tab.SPACE_KEY = 32;

Beer.Tab.prototype.onTabKeyDown = function(e, tab)
{
	var key = e.keyCode;
	if (!this.hasFocus || (key != Beer.Tab.ENTER_KEY && key != Beer.Tab.SPACE_KEY))
		return true;

	this.showPanel(tab);

	if (e.stopPropagation)
		e.stopPropagation();
	if (e.preventDefault)
		e.preventDefault();

	return false;
};

Beer.Tab.prototype.preorderTraversal = function(root, func)
{
	var stopTraversal = false;
	if (root)
	{
		stopTraversal = func(root);
		if (root.hasChildNodes())
		{
			var child = root.firstChild;
			while (!stopTraversal && child)
			{
				stopTraversal = this.preorderTraversal(child, func);
				try { child = child.nextSibling; } catch (e) { child = null; }
			}
		}
	}
	return stopTraversal;
};

Beer.Tab.prototype.addPanelEventListeners = function(tab, panel)
{
	var self = this;
	Beer.Tab.addEventListener(tab, "click", function(e) { return self.onTabClick(e, tab); }, false);
	Beer.Tab.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e, tab); }, false);
	Beer.Tab.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab); }, false);

	if (this.enableKeyboardNavigation)
	{
		// XXX: IE doesn't allow the setting of tabindex dynamically. This means we can't
		// rely on adding the tabindex attribute if it is missing to enable keyboard navigation
		// by default.

		// Find the first element within the tab container that has a tabindex or the first
		// anchor tag.
		
		var tabIndexEle = null;
		var tabAnchorEle = null;

		this.preorderTraversal(tab, function(node) {
			if (node.nodeType == 1 /* NODE.ELEMENT_NODE */)
			{
				var tabIndexAttr = tab.attributes.getNamedItem("tabindex");
				if (tabIndexAttr)
				{
					tabIndexEle = node;
					return true;
				}
				if (!tabAnchorEle && node.nodeName.toLowerCase() == "a")
					tabAnchorEle = node;
			}
			return false;
		});

		if (tabIndexEle)
			this.focusElement = tabIndexEle;
		else if (tabAnchorEle)
			this.focusElement = tabAnchorEle;

		if (this.focusElement)
		{
			Beer.Tab.addEventListener(this.focusElement, "focus", function(e) { return self.onTabFocus(e, tab); }, false);
			Beer.Tab.addEventListener(this.focusElement, "blur", function(e) { return self.onTabBlur(e, tab); }, false);
			Beer.Tab.addEventListener(this.focusElement, "keydown", function(e) { return self.onTabKeyDown(e, tab); }, false);
		}
	}
};

Beer.Tab.prototype.showPanel = function(elementOrIndex)
{
	var tpIndex = -1;
	
	if (typeof elementOrIndex == "number")
		tpIndex = elementOrIndex;
	else // Must be the element for the tab or content panel.
		tpIndex = this.getTabIndex(elementOrIndex);
	
	if (!tpIndex < 0 || tpIndex >= this.getTabbedPanelCount())
		return;

	var tabs = this.getTabs();
	var panels = this.getContentPanels();

	var numTabbedPanels = Math.max(tabs.length, panels.length);

	for (var i = 0; i < numTabbedPanels; i++)
	{
		if (i != tpIndex)
		{
			if (tabs[i])
				this.removeClassName(tabs[i], this.tabSelectedClass);
			if (panels[i])
			{
				this.removeClassName(panels[i], this.panelVisibleClass);
				panels[i].style.display = "none";
			}
		}
	}

	this.addClassName(tabs[tpIndex], this.tabSelectedClass);
	this.addClassName(panels[tpIndex], this.panelVisibleClass);
	panels[tpIndex].style.display = "block";

	this.currentTabIndex = tpIndex;
};

Beer.Tab.prototype.attachBehaviors = function(element)
{
	var tabs = this.getTabs();
	var panels = this.getContentPanels();
	var panelCount = this.getTabbedPanelCount();

	for (var i = 0; i < panelCount; i++)
		this.addPanelEventListeners(tabs[i], panels[i]);

	this.showPanel(this.defaultTab);
};

/******************************************************************************************************************************/
/* MENU Bar */
if(!Beer.Menu){
	Beer.Menu = {};
}

Beer.Menu.MenuBar = function(element, opts){
	this.init(element, opts);
};

Beer.Menu.MenuBar.prototype.init = function(element, opts){
	this.element = this.getElement(element);

	this.currMenu = null;

	var isie = (typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE');
	if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (isie && typeof document.uniqueID == 'undefined')){
		return;
	}

	if(opts){
		for(var k in opts){
			var rollover = new Image;
			rollover.src = opts[k];
		}
	}

	if(this.element){
		this.currMenu = this.element;
		var items = this.element.getElementsByTagName('li');
		for(var i=0; i<items.length; i++){
			this.initialize(items[i], element, isie);
			if(isie){
				this.addClassName(items[i], "MenuBarItemIE");
				items[i].style.position = "static";
			}
		}
		if(isie){
			if(this.hasClassName(this.element, "MenuBarVertical")){
				this.element.style.position = "relative";
			}
			var linkitems = this.element.getElementsByTagName('a');
			for(var i=0; i<linkitems.length; i++){
				linkitems[i].style.position = "relative";
			}
		}
	}
};

Beer.Menu.MenuBar.prototype.getElement = function(ele){
	if (ele && typeof ele == "string")
		return document.getElementById(ele);
	return ele;
};

Beer.Menu.MenuBar.prototype.hasClassName = function(ele, className){
	if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1){
		return false;
	}
	return true;
};

Beer.Menu.MenuBar.prototype.addClassName = function(ele, className){
	if (!ele || !className || this.hasClassName(ele, className))
		return;
	ele.className += (ele.className ? " " : "") + className;
};

Beer.Menu.MenuBar.prototype.removeClassName = function(ele, className){
	if (!ele || !className || !this.hasClassName(ele, className))
		return;
	ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
};

Beer.Menu.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture){
	try{
		if (element.addEventListener){
			element.addEventListener(eventType, handler, capture);
		}else if (element.attachEvent){
			element.attachEvent('on' + eventType, handler);
		}
	}
	catch (e) {}
};

Beer.Menu.MenuBar.prototype.createIframeLayer = function(menu){
	var layer = document.createElement('iframe');
	layer.tabIndex = '-1';
	layer.src = 'javascript:false;';
	menu.parentNode.appendChild(layer);
	
	layer.style.left = menu.offsetLeft + 'px';
	layer.style.top = menu.offsetTop + 'px';
	layer.style.width = menu.offsetWidth + 'px';
	layer.style.height = menu.offsetHeight + 'px';
};

Beer.Menu.MenuBar.prototype.removeIframeLayer =  function(menu){
	var layers = menu.parentNode.getElementsByTagName('iframe');
	while(layers.length > 0){
		layers[0].parentNode.removeChild(layers[0]);
	}
};

Beer.Menu.MenuBar.prototype.clearMenus = function(root){
	var menus = root.getElementsByTagName('ul');
	for(var i=0; i<menus.length; i++){
		this.hideSubmenu(menus[i]);
	}
	this.removeClassName(this.element, "MenuBarActive");
};

Beer.Menu.MenuBar.prototype.bubbledTextEvent = function(){
	return (navigator.vendor == 'Apple Computer, Inc.' && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget)));
};

Beer.Menu.MenuBar.prototype.showSubmenu = function(menu){
	if(this.currMenu){
		this.clearMenus(this.currMenu);
		this.currMenu = null;
	}
	
	if(menu){
		this.addClassName(menu, "MenuBarSubmenuVisible");
		if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE'){
			if(!this.hasClassName(this.element, "MenuBarHorizontal") || menu.parentNode.parentNode != this.element){
				menu.style.top = menu.parentNode.offsetTop + 'px';
			}
		}
		/*
		if(typeof document.uniqueID != "undefined"){
			this.createIframeLayer(menu);
		}
		*/
	}
	this.addClassName(this.element, "MenuBarActive");
};

Beer.Menu.MenuBar.prototype.hideSubmenu = function(menu){
	if(menu){
		this.removeClassName(menu, "MenuBarSubmenuVisible");
		if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE'){
			menu.style.top = '';
			menu.style.left = '';
		}
		this.removeIframeLayer(menu);
	}
};

Beer.Menu.MenuBar.prototype.initialize = function(listitem, element, isie){
	var opentime, closetime;
	var link = listitem.getElementsByTagName('a')[0];
	var submenus = listitem.getElementsByTagName('ul');
	var menu = (submenus.length > 0 ? submenus[0] : null);

	var hasSubMenu = false;
	if(menu){
		this.addClassName(link, "MenuBarItemSubmenu");
		hasSubMenu = true;
	}

	if(!isie){
		listitem.contains = function(testNode){
			if(testNode == null){
				return false;
			}
			if(testNode == this){
				return true;
			}else{
				return this.contains(testNode.parentNode);
			}
		};
	}
	
	var self = this;

	this.addEventListener(listitem, 'mouseover', function(e){
		if(self.bubbledTextEvent()){
			return;
		}
		clearTimeout(closetime);
		if(self.currMenu == listitem){
			self.currMenu = null;
		}
		self.addClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
		if(menu && !self.hasClassName(menu, "MenuBarSubmenuVisible")){
			opentime = window.setTimeout(function(){self.showSubmenu(menu);}, 100);
		}
	}, false);

	this.addEventListener(listitem, 'mouseout', function(e){
		if(self.bubbledTextEvent()){
			return;
		}

		var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
		if(!listitem.contains(related)){
			clearTimeout(opentime);
			self.currMenu = listitem;

			self.removeClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
			if(menu){
				closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, 100);
			}
		}
	}, false);
};

/*function embledCSS(){
	if(navigator.appVersion.indexOf("MSIE 6.0") > -1){
		//alert('main ie');
		document.write('<link href="Css-ie6/perfects-arerosol-main.css" rel="stylesheet" type="text/css" />');
	}else{
		//alert('main other');
		document.write('<link href="Css/perfects-arerosol-main.css" rel="stylesheet" type="text/css" />');	
	}
}
*/
function embledCSS(){
	if(navigator.appVersion.indexOf("MSIE") > -1){
		//alert('sub ie');
		document.write('<link href="css/menu_ie.css" rel="stylesheet" type="text/css" />');
	}else{
		//alert('sub other');
		document.write('<link href="css/menu_other.css" rel="stylesheet" type="text/css" />');	
	}
}