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

function $(id) {
  return document.getElementById(id);
}

function bootstrap() {
  scripttag = $('script');
  if (!scripttag)
    return;
  text = scripttag.childNodes[0].nodeValue;
  eval(text);
}

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
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
}
linkobj.parentNode.className="selected"  //highlight currently clicked on tab
document.getElementById(linkobj.getAttribute("rel")).style.display="block" //expand corresponding tab content
saveselectedtabcontentid(ulid, linkobj.getAttribute("rel"))
}

function expandtab(tabcontentid, tabnumber){ //interface for selecting a tab (plus expand corresponding content)
var thetab=document.getElementById(tabcontentid).getElementsByTagName("a")[tabnumber]
if (thetab.getAttribute("rel"))
expandcontent(thetab)
}

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(){
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.onclick=function(){
expandcontent(this)
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 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=/)
}

/*
Textual Tooltip Script- 
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/


var content=new Array()
//change the array below to the text associated with your links Expand or contract the array, depending on how many links you have
content[0]='<div style="font-size:24px;text-align:center;font:verdana;font-weight:bolder;color:#000;background-color:#EEE;color:#78B400;width:24px;height:24px;display:inherit;text-decoration:none;vertical-align:center;">ANY</div>'
content[1]='<div style="font-size:11px;font:arial;color:#000;background-color:#FFF;line-height:24px;height:24px;width:24px"></div>'
content[2]='<div style="font-size:11px;font:arial;color:#000;background-color:#CCC;line-height:24px;height:24px;width:24px"></div>'
content[3]='<div style="font-size:11px;font:arial;color:#000;background-color:#000;line-height:24px;height:24px;width:24px"></div>'
content[4]='<div style="font-size:11px;font:arial;color:#000;background-color:#DA0000;line-height:24px;height:24px;width:24px"></div>'
content[5]='<div style="font-size:11px;font:arial;color:#000;background-color:#FFBBDD;line-height:24px;height:24px;width:24px"></div>'
content[6]='<div style="font-size:11px;font:arial;color:#000;background-color:#FFFF77;line-height:24px;height:24px;width:24px"></div>'
content[7]='<div style="font-size:11px;font:arial;color:#000;background-color:#FFAA00;line-height:24px;height:24px;width:24px"></div>'
content[8]='<div style="font-size:11px;font:arial;color:#000;background-color:#9E7E00;line-height:24px;height:24px;width:24px"></div>'
content[9]='<div style="font-size:11px;font:arial;color:#000;background-color:#00FF00;line-height:24px;height:24px;width:24px"></div>'
content[10]='<div style="font-size:11px;font:arial;color:#000;background-color:#A900C7;line-height:24px;height:24px;width:24px"></div>'
content[11]='<div style="font-size:11px;font:arial;color:#000;background-color:#0000FF;line-height:24px;height:24px;width:24px"></div>'

content[12]='&nbsp;?'
content[13]='<div style="font-size:11px;font:arial;color:#000;background-color:#FFF;line-height:24px;height:24px;width:24px"></div>'
content[14]='<div style="font-size:11px;font:arial;color:#000;background-color:#CCC;line-height:24px;height:24px;width:24px"></div>'
content[15]='<div style="font-size:11px;font:arial;color:#000;background-color:#000;line-height:24px;height:24px;width:24px"></div>'
content[16]='<div style="font-size:11px;font:arial;color:#000;background-color:#DA0000;line-height:24px;height:24px;width:24px"></div>'
content[17]='<div style="font-size:11px;font:arial;color:#000;background-color:#FFBBDD;line-height:24px;height:24px;width:24px"></div>'
content[18]='<div style="font-size:11px;font:arial;color:#000;background-color:#FFFF77;line-height:24px;height:24px;width:24px"></div>'
content[19]='<div style="font-size:11px;font:arial;color:#000;background-color:#FFAA00;line-height:24px;height:24px;width:24px"></div>'
content[20]='<div style="font-size:11px;font:arial;color:#000;background-color:#9E7E00;line-height:24px;height:24px;width:24px"></div>'
content[21]='<div style="font-size:11px;font:arial;color:#000;background-color:#00FF00;line-height:24px;height:24px;width:24px"></div>'
content[22]='<div style="font-size:11px;font:arial;color:#000;background-color:#A900C7;line-height:24px;height:24px;width:24px"></div>'
content[23]='<div style="font-size:11px;font:arial;color:#000;background-color:#0000FF;line-height:24px;height:24px;width:24px"></div>'

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
appear()
appear2()
setTimeout("window.onresize=regenerate",450)
}
}

function changetext(whichcontent){

if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions"):document.all.descriptions
cross_el.innerHTML=whichcontent
}
else if (document.layers){
document.d1.document.d2.document.write(whichcontent)
document.d1.document.d2.document.close()
}

}

function changetext2(whichcontent){

if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions2"):document.all.descriptions2
cross_el.innerHTML=whichcontent
}
else if (document.layers){
document.d3.document.d4.document.write(whichcontent)
document.d3.document.d4.document.close()
}

}

function changetext3(whichcontent){

if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions3"):document.all.descriptions3
cross_el.innerHTML=whichcontent
}
else if (document.layers){
document.d5.document.d6.document.write(whichcontent)
document.d5.document.d6.document.close()
}

}

function changetext4(whichcontent){

if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions4"):document.all.descriptions4
cross_el.innerHTML=whichcontent
}
else if (document.layers){
document.d7.document.d8.document.write(whichcontent)
document.d7.document.d8.document.close()
}

}

function changetext5(whichcontent){

if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions5"):document.all.descriptions5
cross_el.innerHTML=whichcontent
}
else if (document.layers){
document.d9.document.d10.document.write(whichcontent)
document.d9.document.d10.document.close()
}

}


function appear(){
document.d1.visibility='show'
}

function appear2(){
document.d3.visibility='show'
}

window.onload=regenerate2