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
for (var jj=0; jj<ullist.length; jj++){
ullist[jj].getElementsByTagName("a")[0].className="";
}
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 
linkobj.className="selected"  //highlight currently clicked on tab 
document.getElementById(linkobj.getAttribute("rel")).style.display="block" //expand corresponding tab content
document.getElementById(linkobj.getAttribute("rel")).className="Selectedpage" //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], "")
// Check to override cookie with querystring tab number
var url = window.location.href;var q = url.split("?");if (q.length > 1){var v = q[1].split("=");if (v.length > 1){var tab = "tcontent" + v[1];}}
if (tab > ""){
    var clickedontab=tab //retrieve ID of last clicked on tab from cookie, if any
}
else
{
    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=/)
}


function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} 

function shiftOpacity(id, millisec, mode) { 
    //if an element is invisible, make it visible, else make it ivisible 
    if(mode == 0) { 
        opacity(id, 100, 0, millisec); 
    } else { 
        opacity(id, 0, 99.9, millisec); 
    } 
} 

function initView()
{
    var clickedontab=getCookie("ViewType");
    if (clickedontab!="")
        ChangeView(clickedontab);
    else
        //DEFAULT to 1 (Thumbnails) if nothing is stored in session.
        ChangeView(1);
}

function ChangeView(viewtype){
/*
    viewtype
    1 = Thumbnails
    2 = Thumbnails and short description
    3 = Details
*/

document.getElementById("ViewType1").className= ""; //expand corresponding tab content
document.getElementById("ViewType2").className= ""; //expand corresponding tab content
document.getElementById("ViewType3").className= ""; //expand corresponding tab content
document.getElementById("ViewType"+viewtype).className= "clicked"; //expand corresponding tab content

//Hide the content 
changeOpac(0,"SiteContentColumn");
//Load the content 
document.getElementById("DynamicContent").className= "state"+viewtype; //expand corresponding tab content
setCookie("ViewType",viewtype);
//Fade in the content
shiftOpacity("SiteContentColumn",800,1);

//SiteContentColumn
}