// Tab Content
function initTabMenu(tabContainerID,imgOn,openOption) {
	var tabContainer = document.getElementById(tabContainerID);
	var tabAnchor = tabContainer.getElementsByTagName("a");
	var imgOption = imgOn;
	var i = 0, tab = [], tabLength = 0;
	if( !imgOn ) imgOption = 'on';
	if( !openOption ) openOption = true;

	for(i=0; i<tabAnchor.length; i++) {
		if (tabAnchor.item(i).className == "tab") {
			t = tabLength;
			thismenu = tab[t] = tabAnchor.item(i);
			tabLength++;
		} else
			continue;

		thismenu.container = tabContainer;
		thismenu.targetEl = tabAnchor.item(i).targetEl = document.getElementById(tabAnchor.item(i).href.split("#")[1]);
		thismenu.targetEl.style.display = "none";
		thismenu.imgEl = thismenu.getElementsByTagName("img").item(0);

		if (!(thismenu.imgEl) || imgOption == 'off') {
			thismenu.onclick = function tabMenuClick() {
				currentmenu = this.container.current;
				if (currentmenu == this)
					return false;

				if (currentmenu) {
					currentmenu.targetEl.style.display = "none";
					currentmenu.parentNode.className = currentmenu.parentNode.className.replace(" on", "");
				}
				this.targetEl.style.display = "";
				this.parentNode.className += " on";
				this.container.current = this;

				return false;
			};
		} else {
			thismenu.onclick = function tabMenuClick() {
				currentmenu = this.container.current;

				function currentReset() {
					currentmenu.targetEl.style.display = "none";
					if (currentmenu.imgEl) {
						currentmenu.imgEl.src = currentmenu.imgEl.src.replace("_on.gif", ".gif");
					} else {
						currentmenu.className = currentmenu.className.replace(" on", "");
					}
					currentmenu.parentNode.className = currentmenu.parentNode.className.replace(" on", "");
				}

				if (currentmenu == this && openOption=='closed') {
					currentReset();
					this.container.current = '';
					return false;
				} else if (currentmenu == this)
					return false;
				
				if (currentmenu) currentReset();

				this.targetEl.style.display = "";
				if (this.imgEl) {
					this.imgEl.src = this.imgEl.src.replace(".gif", "_on.gif");
				} else {
					this.className += " on";
				}
				this.parentNode.className += " on";
				this.container.current = this;

				return false;
			}
		}

		if (!thismenu.container.first)
			thismenu.container.first = thismenu;
	}
	if (openOption=='closed'){
		function closeAllTabs() {
			for(t=0; t<tabLength; t++) {
				tabA = tab[t];
				tabA.parentNode.className = tabA.parentNode.className.replace(" on", "");
				tabA.imgEl = tabA.getElementsByTagName("img").item(0);
				tabA.imgEl.src = tabA.imgEl.src.replace("_on.gif", ".gif");
				tabA.tergetEl = document.getElementById(tabA.href.split("#")[1]);
				tabA.tergetEl.style.display = 'none';
				currentmenu = '';
			}
		}
		document.body.onclick = closeAllTabs;
		tabContainer.onclick = function(e) {
			var event = window.event || e;
			if(event.preventDefault){ /* event.preventDefault(); */ event.stopPropagation();}
			else { /* event.returnValue = false; */ event.cancelBubble = true;}
		}
		return false;
	}
	if (tabContainer.first)
		tabContainer.first.onclick();
}

function rankyHelpBtn() {
	var rankyHelpBtn = document.getElementById('rankyHelpBtn');
	var rankyHelp = document.getElementById('rankyHelp');
	rankyHelpBtn.onclick = function(){
		rankyHelp.style.display = 'block';
		rankyHelpBtn.parentNode.style.zIndex = '10';
		var event = window.event || e;
		if(event.preventDefault){event.preventDefault(); event.stopPropagation();}
		else {event.returnValue = false; event.cancelBubble = true;}
		return false;
	}
	rankyHelp.onclick = function closeRankyHelp() {
		rankyHelp.style.display = 'none';
	}
}

function familyToggle() {
	var familyButton = document.getElementById('familyToggle');
	var familyListCon = document.getElementById('familyList');
	familyListCon.style.visibility = "hidden";
	document.body.onclick = function() {
		familyListCon.style.visibility = 'hidden'
	}
	familyButton.onclick = function(e) {
		var event = window.event || e;
		if(event.preventDefault){event.preventDefault(); event.stopPropagation();}
		else {event.returnValue = false; event.cancelBubble = true;}
		familyListCon.style.visibility=(getStyle(familyListCon,'visibility')=='hidden') ? 'visible':'hidden';	
	};
	return false;
}

function sectionToggle(buttonId) {
	var button = document.getElementById(buttonId);
	var section = document.getElementById(buttonId+'Section');
	button.onclick = function(){
		if (section.className == 'sectionOpened') {
			buttonImg = button.getElementsByTagName('img')[0];
			buttonImg.src = buttonImg.src.replace("_more","_close");
			buttonImg.alt = 'Close';
			section.className = 'sectionFolded';
		} else {
			buttonImg.src = buttonImg.src.replace("_close.gif","_more.gif");
			buttonImg.alt = 'View';
			section.className = 'sectionOpened';
		}
	}
}