//** Tab Content script- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
//** Last updated: June 29th, 06


/*KINGJJ I have explicitly defined the widget tab names here*/
var boxclass='tabcontentstyle';
var boxid='iconmenu'
timerID = null
timelen=500




var enabletabpersistence=1 //enable tab persistence via session only cookies, so selected tab is remembered?

////NO NEED TO EDIT BELOW////////////////////////
var tabcontentIDs=new Object()

function expandcontent(linkobj){
var ulid=linkobj.parentNode.parentNode.id //id of UL element
var ullist=document.getElementById(ulid).getElementsByTagName("li") //get list of LIs corresponding to the tab contents
for (var i=0; i<ullist.length; i++)
{
 ullist[i].className=""  //deselect all tabs
 try {
 if (typeof tabcontentIDs[ulid][i]!="undefined") //if tab content within this array index exists (exception: More tabs than there are tab contents)
 document.getElementById(tabcontentIDs[ulid][i]).style.display="none" //hide all tab contents
 }
 catch (e){temp=1;}
}

linkobj.parentNode.className="selected"  //highlight currently clicked on tab
try{document.getElementById(linkobj.getAttribute("rel")).style.display="block"} //expand corresponding tab content
catch (e) {temp=1;}
saveselectedtabcontentid(ulid, linkobj.getAttribute("rel"))
}

function savetabcontentids(ulid, relattribute){// save ids of tab content divs
if (typeof tabcontentIDs[ulid]=="undefined") //if this array doesn't exist yet
tabcontentIDs[ulid]=new Array()
tabcontentIDs[ulid][tabcontentIDs[ulid].length]=relattribute
}

function saveselectedtabcontentid(ulid, selectedtabid){ //set id of clicked on tab as selected tab id & enter into cookie
if (enabletabpersistence==1) //if persistence feature turned on
setCookie(ulid, selectedtabid)
}

function getullistlinkbyId(ulid, tabcontentid){ //returns a tab link based on the ID of the associated tab content
var ullist=document.getElementById(ulid).getElementsByTagName("li")
for (var i=0; i<ullist.length; i++){
if (ullist[i].getElementsByTagName("a")[0].getAttribute("rel")==tabcontentid){
return ullist[i].getElementsByTagName("a")[0]
break
}
}
}

function initializetabcontent(){
z=document.getElementsByTagName('*'); /* KINGJJ */
for (var i=0; i<z.length; i++)
{
  if (z[i].className==boxclass)
  {
	z[i].onmouseover=function(){
	clearTimeout(timerID);
	z[i].style.left='auto';
	expandcontent(this);
	return false;
	}

	z[i].onmouseout=function(){  
	clearTimeout(timerID);
	timerID=self.setTimeout("hideBox()",timelen);
	return false;
	}
  }
}

for (var i=0; i<arguments.length; i++){ //loop through passed UL ids
if (enabletabpersistence==0 && getCookie(arguments[i])!="") //clean up cookie if persist=off
setCookie(arguments[i], "")
var clickedontab=getCookie(arguments[i]) //retrieve ID of last clicked on tab from cookie, if any
var ulobj=document.getElementById(arguments[i])
var ulist=ulobj.getElementsByTagName("li") //array containing the LI elements within UL
for (var x=0; x<ulist.length; x++){ //loop through each LI element
var ulistlink=ulist[x].getElementsByTagName("a")[0]
if (ulistlink.getAttribute("rel")){
savetabcontentids(arguments[i], ulistlink.getAttribute("rel")) //save id of each tab content as loop runs


/*--------------------------------------*/
ulistlink.onmouseover=function(){  /*KINGJJ changed "onclick" to "onmouseover"*/
clearTimeout(timerID);
z=document.getElementsByTagName('*'); /*KINGJJ added all this to make the box appear*/
for (var i=0; i<z.length; i++)
{
  if (z[i].className==boxclass) z[i].style.left='auto';
}
expandcontent(this);
return false;
}

ulistlink.onmouseout=function(){  
clearTimeout(timerID);
timerID=self.setTimeout("hideBox()",timelen);
return false;
}
/*--------------------------------------*/


if (ulist[x].className=="selected" && clickedontab=="") //if a tab is set to be selected by default
expandcontent(ulistlink) //auto load currenly selected tab content
}
} //end inner for loop
if (clickedontab!=""){ //if a tab has been previously clicked on per the cookie value
var culistlink=getullistlinkbyId(arguments[i], clickedontab)
if (typeof culistlink!="undefined") //if match found between tabcontent id and rel attribute value
expandcontent(culistlink) //auto load currenly selected tab content
else //else if no match found between tabcontent id and rel attribute value (cookie mis-association)
expandcontent(ulist[0].getElementsByTagName("a")[0]) //just auto load first tab instead
}
} //end outer for loop
}

function hideBox()
{
	z=document.getElementsByTagName('*'); /*KINGJJ added all this to make the box appear*/
	for (var i=0; i<z.length; i++)
	{
	  if (z[i].className==boxclass){ z[i].style.left='-999em';
	  }
	}
	return 1;
}

function zindexFix() 
{ 
  zin=100;
  z=document.getElementsByTagName('li');
  for ( var i=0, len=z.length; i<len; ++i )
  {
    if (z[i].id=="menuheader")
    {
      z[i].style.zIndex=zin;
      zin=zin-1;
    }
  }
 
}


function getCookie(Name){ 
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return ""
}

function setCookie(name, value){
document.cookie = name+"="+value //cookie value is domain wide (path=/)
}






function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}