/* 
 * domTab.js 
 * version 2.2
 * written by Chris Heilmann
 * more info: http://www.onlinetools.org/tools/domtab.php
*/

// Global variables
var currentTab,currentLink;

// Change if you want to use another class for highlighting
var tabHighlightClass='tabon'; 

function initTabs()
{
// change if you have another main navigation ids for tabbed or normal element id
	var navElement='tabBar';
	var navElementTabbedId='tabBar';
	
// pattern to check against to identify "back to menu" links
	var backToMenu=/#top/;

	var n,as,id,i,cid,linklength,lastlink,re;

	if(document.getElementById && document.createTextNode)
	{
		cid=window.location.toString().match(/#(\w.+)/);
		if (cid && cid[1])
		{
			cid=cid[1];
		}
		var n=document.getElementById(navElement);
		n.id=navElementTabbedId;
		n=document.getElementById(navElementTabbedId)

		var as=n.getElementsByTagName('a');	
		if (as.length == 0)
		{
		   var as=n.getElementsByTagName('span');
		   id=as[0].id.match(/#(\w.+)/)[1];
		   currentTab=id;
		   currentLink=as[0];		}
		else
		{					
		for (i=0;i<as.length;i++)
		{		    
			as[i].onclick=function(){showTab(this);return false}
			//as[i].onkeypress=function(){showTab(this);return false}
			id=as[i].href.match(/#(\w.+)/)[1];

			if(!cid && i==0)
			{
				currentTab=id;
				currentLink=as[i];
			} else if(id==cid)
			{
				currentTab=id;
				currentLink=as[i];
			}
			if(document.getElementById(id))
			{			    
				linklength=document.getElementById(id).getElementsByTagName('a').length;
				if(linklength>0)
				{
					lastlink=document.getElementById(id).getElementsByTagName('a')[linklength-1]
					if(backToMenu.test(lastlink.href))
					{
						lastlink.parentNode.removeChild(lastlink);
					}
				}
				document.getElementById(id).style.display='none';
			}
			if(cid){window.location.hash='top';}
		}		
  		re=new RegExp('\\b'+tabHighlightClass+'\\b');
		if(!re.test(currentLink.className))
		{
			currentLink.className=currentLink.className+' '+tabHighlightClass
		}

       }
		if(document.getElementById(currentTab))
		{
			document.getElementById(currentTab).style.display='block';
		}
	}
	
}  
function showTab(o)
{
	var id;
	if(currentTab)
	{
		if(document.getElementById(currentTab))
		{
			document.getElementById(currentTab).style.display='none';
		}
		currentLink.className=currentLink.className.replace(tabHighlightClass,'')
	}
	var id=o.href.match(/#(\w.+)/)[1];
	currentTab=id;
	currentLink=o;
	if(document.getElementById(id))
	{
		document.getElementById(id).style.display='block';
	}
	var re=new RegExp('\\b'+tabHighlightClass+'\\b');
	if(!re.test(o.className))
	{
		o.className=o.className+' '+tabHighlightClass
	}
}

// If you need to call other scripts onload, change this call
//window.onload=initTabs;  	

// ********************* JS CODE FOR T2 TAB  
// ********************* JS CODE FOR T2 TAB  
// ********************* JS CODE FOR T2 TAB  

var dgl_slideSpeed = 40;      // Higher value = faster
var dgl_timer = 1;     // Lower value = faster

var objectIdToSlideDown = false;
var dgl_activeId = false;
var dgl_slideInProgress = false;
function showHideContent(e,inputId)
{

      if(dgl_slideInProgress)return;
      dgl_slideInProgress = true;
      if(!inputId)inputId = this.id;
      inputId = inputId + '';
      var numericId = inputId.replace(/[^0-9]/g,'');
      var answerDiv = document.getElementById('dgl_a' + numericId);
      var questionDiv = document.getElementById('dgl_q' + numericId);     
      objectIdToSlideDown = false;
      if(!answerDiv.style.display || answerDiv.style.display=='none'){        
            if(dgl_activeId &&  dgl_activeId!=numericId){               

                  objectIdToSlideDown = numericId;
                   questionDiv = document.getElementById('dgl_q' + dgl_activeId);
                  var myClass = ((questionDiv.parentNode).parentNode).parentNode.className;
                   myClass = myClass.replace(/dgl_question1/g,'dgl_questionanswer');
                  ((questionDiv.parentNode).parentNode).parentNode.className =  myClass ;  
                  myClass = (questionDiv.parentNode.parentNode).parentNode.parentNode.className;
                   myClass = myClass.replace(/dgl_answerwrapper1/g,'dgl_answerwrapper');
                  (questionDiv.parentNode.parentNode).parentNode.parentNode.className =  myClass ;
                                    var myInnerHTML = questionDiv.innerHTML;
                  myInnerHTML = myInnerHTML.replace(/minus_purple_default/g,'plus_purple_default');
                  myInnerHTML = myInnerHTML.replace(/minus_brightpurple_mouseover/g,'plus_brightpurple_mouseover');

                   questionDiv.innerHTML = myInnerHTML;     
                  slideContent(dgl_activeId,(dgl_slideSpeed*-1));
            }else{
                  if (inputId == 1)
                  {
                        dgl_slideInProgress = false;
                                    dgl_activeId = false;
                  }
                  else
                        {                             
                  answerDiv.style.display='block';
                  answerDiv.style.visibility = 'visible';
                  var myClass = ((questionDiv.parentNode).parentNode).parentNode.className;
                   myClass = myClass.replace(/dgl_questionanswer/g,'dgl_question1');
                  ((questionDiv.parentNode).parentNode).parentNode.className =  myClass ;                                
                  myClass = (questionDiv.parentNode.parentNode).parentNode.parentNode.className;

                   myClass = myClass.replace(/dgl_answerwrapper/g,'dgl_answerwrapper1');
                  (questionDiv.parentNode.parentNode).parentNode.parentNode.className =  myClass ;
                  var myInnerHTML = questionDiv.innerHTML;
                  myInnerHTML = myInnerHTML.replace(/plus_purple_default/g,'minus_purple_default');
                  myInnerHTML = myInnerHTML.replace(/plus_brightpurple_mouseover/g,'minus_brightpurple_mouseover');

                   questionDiv.innerHTML = myInnerHTML;
                  slideContent(numericId,dgl_slideSpeed);
            }
            }
      }else{
                        var myClass = ((questionDiv.parentNode).parentNode).parentNode.className;
                   myClass = myClass.replace(/dgl_question1/g,'dgl_questionanswer');
                  ((questionDiv.parentNode).parentNode).parentNode.className =  myClass ;
                  myClass = (questionDiv.parentNode.parentNode).parentNode.parentNode.className;
                   myClass = myClass.replace(/dgl_answerwrapper1/g,'dgl_answerwrapper');
                  (questionDiv.parentNode.parentNode).parentNode.parentNode.className =  myClass ;
                                    var myInnerHTML = questionDiv.innerHTML;
                  myInnerHTML = myInnerHTML.replace(/minus_purple_default/g,'plus_purple_default');
                  myInnerHTML = myInnerHTML.replace(/minus_brightpurple_mouseover/g,'plus_brightpurple_mouseover');

                   questionDiv.innerHTML = myInnerHTML;                 

            slideContent(numericId,(dgl_slideSpeed*-1));
            dgl_activeId = false;
            
      }     
}

function slideContent(inputId,direction)
{

      var obj =document.getElementById('dgl_a' + inputId);


      var contentObj = document.getElementById('dgl_ac' + inputId);
      height = obj.clientHeight;
      if(height==0)height = obj.offsetHeight;
      height = height + direction;
      rerunFunction = true;
      if(height>contentObj.offsetHeight){
            height = contentObj.offsetHeight;
            rerunFunction = false;
      }
      if(height<=1){
            height = 1;
            rerunFunction = false;
      }

      obj.style.height = height + 'px';
      var topPos = height - contentObj.offsetHeight;
      if(topPos>0)topPos=0;
      contentObj.style.top = topPos + 'px';
      if(rerunFunction){
            setTimeout('slideContent(' + inputId + ',' + direction + ')',dgl_timer);
      }else{
            if(height<=1){
                  obj.style.display='none'; 
                  if(objectIdToSlideDown && objectIdToSlideDown!=inputId){
                        document.getElementById('dgl_a' + objectIdToSlideDown).style.display='block';
                        document.getElementById('dgl_a' + objectIdToSlideDown).style.visibility='visible';
                              var questionDiv = document.getElementById('dgl_q' + objectIdToSlideDown);
                                          var myClass = ((questionDiv.parentNode).parentNode).parentNode.className;
                   if (myClass.indexOf("dgl_questionanswer") > -1)
                      myClass = myClass.replace(/dgl_questionanswer/g,'dgl_question1');
                   else
                   myClass = myClass.replace(/dgl_question1/g,'dgl_questionanswer');
                  ((questionDiv.parentNode).parentNode).parentNode.className =  myClass ;
                  myClass = (questionDiv.parentNode.parentNode).parentNode.parentNode.className;
                   myClass = myClass.replace(/dgl_answerwrapper/g,'dgl_answerwrapper1');
                  (questionDiv.parentNode.parentNode).parentNode.parentNode.className =  myClass ;
                  var myInnerHTML = questionDiv.innerHTML;
                  myInnerHTML = myInnerHTML.replace(/plus_purple_default/g,'minus_purple_default');
                   myInnerHTML = myInnerHTML.replace(/plus_brightpurple_mouseover/g,'minus_brightpurple_mouseover');
                  
                   questionDiv.innerHTML = myInnerHTML;

                        slideContent(objectIdToSlideDown,dgl_slideSpeed);                       
                  }else{

                        dgl_slideInProgress = false;
                  }
            }else{
                  dgl_activeId = inputId;
                  dgl_slideInProgress = false;
            }
      }
}



function initShowHideDivs()
{
      var divs = document.getElementsByTagName('DIV');
      var divCounter = 1;
      for(var no=0;no<divs.length;no++){
            if(divs[no].className=='dgl_questionanswer'){            
                        divs[no+1].onclick = showHideContent;
                          divs[no+1].id = 'dgl_q'+divCounter;
                  var answer = divs[no].nextSibling;
                  while(answer && answer.tagName!='DIV'){
                        answer = answer.nextSibling;
                  }
                  answer.id = 'dgl_a'+divCounter;     
                  contentDiv = answer.getElementsByTagName('DIV')[0];
                  contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px'; 
                  contentDiv.className='dgl_answer_content';
                  contentDiv.id = 'dgl_ac' + divCounter;
                  answer.style.display='none';
                  answer.style.height='1px';
                  divCounter++;
            }           
      }     
}