/* integration example

	<a id="CLASSNAME_DIVNAME1" class="active" href="javascript:{}" onclick="selectTab(DIVNAME1)">DIVNAME1</a>
	<a id="CLASSNAME_DIVNAME2" href="javascript:{}" onclick="selectTab(DIVNAME2)">DIVNAME2</a>
	
	<div id="DIVNAME1" class="CLASSNAME"></div>
	<div id="DIVNAME2" class="CLASSNAME"></div>
*/

function selectTab(tabName) {
	if(document.getElementById(tabName).style.display != "block")	{
		document.getElementById(tabName).style.display = "block";
  // plus-minus icon
  document.getElementById(tabName+"plus").style.display = "none";
  document.getElementById(tabName+"minus").style.display = "block";
 
		strClass = document.getElementById(tabName).className;
		//document.getElementById(strClass+"_"+tabName).className = "active";
		
		arrTags = document.getElementsByTagName("*");
		for (i=0;i<arrTags.length;i++)
		{
			if(arrTags[i].className == strClass && arrTags[i] != document.getElementById(tabName))
			{
				arrTags[i].style.display = "none";
				document.getElementById(strClass+"_"+arrTags[i].getAttribute("id")).className = "";
			}
		}
	} else {
 document.getElementById(tabName).style.display = "none";
 // plus-minus icon
 document.getElementById(tabName+"plus").style.display = "block";
 document.getElementById(tabName+"minus").style.display = "none";
  
		strClass = document.getElementById(tabName).className;
		//document.getElementById(strClass+"_"+tabName).className = "inactive";
		
		arrTags = document.getElementsByTagName("*");
		for (i=0;i<arrTags.length;i++)
		{
			if(arrTags[i].className == strClass && arrTags[i] != document.getElementById(tabName))
			{
				arrTags[i].style.display = "block";
				document.getElementById(strClass+"_"+arrTags[i].getAttribute("id")).className = "";
			}
		}
 }
}

function selectTab2(tabName) {
	if(document.getElementById(tabName).style.display != "block")
	{
		document.getElementById(tabName).style.display = "block";
		strClass = document.getElementById(tabName).className;
		//document.getElementById(strClass+"_"+tabName).className = "active";
		
		arrTags = document.getElementsByTagName("*");
		for (i=0;i<arrTags.length;i++)
		{
			if(arrTags[i].className == strClass && arrTags[i] != document.getElementById(tabName))
			{
				arrTags[i].style.display = "none";
				document.getElementById(strClass+"_"+arrTags[i].getAttribute("id")).className = "";
			}
		}
	} else {
 document.getElementById(tabName).style.display = "none";
		strClass = document.getElementById(tabName).className;
		//document.getElementById(strClass+"_"+tabName).className = "inactive";
		
		arrTags = document.getElementsByTagName("*");
		for (i=0;i<arrTags.length;i++)
		{
			if(arrTags[i].className == strClass && arrTags[i] != document.getElementById(tabName))
			{
				arrTags[i].style.display = "block";
				document.getElementById(strClass+"_"+arrTags[i].getAttribute("id")).className = "";
			}
		}
 }
}

function MotiTabs() {
	this.settings = [];
};

MotiTabs.prototype.init = function(settings) {
	this.settings = settings;
};

MotiTabs.prototype.getParam = function(name, default_value) {
	var value = null;

	//value = (typeof(this.settings[name]) == "undefined") ? default_value : this.settings[name];

	// Fix bool values
	if (value == "true" || value == "false")
		return (value == "true");

	return value;
};

MotiTabs.prototype.displayTabMoti = function(tab_id, panel_id) {
	var panelElm, panelContainerElm, tabElm, tabContainerElm, selectionClass, nodes, i;

	panelElm= document.getElementById(panel_id);
	panelContainerElm = panelElm ? panelElm.parentNode : null;
	tabElm = document.getElementById(tab_id);
	tabContainerElm = tabElm ? tabElm.parentNode : null;
	selectionClass = this.getParam('selection_class', 'current');

	if (tabElm && tabContainerElm) {
		nodes = tabContainerElm.childNodes;

		// Hide all other tabs
		for (i = 0; i < nodes.length; i++) {
			if (nodes[i].nodeName == "LI")
				nodes[i].className = '';
		}

		// Show selected tab
		tabElm.className = 'current';
	}

	if (panelElm && panelContainerElm) {
		nodes = panelContainerElm.childNodes;

		// Hide all other panels
		for (i = 0; i < nodes.length; i++) {
			if (nodes[i].nodeName == "DIV")
				nodes[i].className = 'panel';
		}

		// Show selected panel
		panelElm.className = 'current';
	}
};

MotiTabs.prototype.getAnchor = function() {
	var pos, url = document.location.href;

	if ((pos = url.lastIndexOf('#')) != -1)
		return url.substring(pos + 1);

	return "";
};

// Global instance
var motiTabs = new MotiTabs();