//Set tab to intially be selected when page loads:
//[which tab (1=first tab), ID of tab content to display]:
var initialtab=[1,'sc1']

//Turn menu into single level image tabs (completely hides 2nd level)?
var turntosingle=0 //0 for no (default), 1 for yes

var cookiename = 'odyssey_selectedtab';
////////Stop editting////////////////

var previoustab=""

if (turntosingle==1)
document.write('<style type="text/css">\n#contentcontainer{display: none;}\n</style>')

function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

function expandcontent(cid, aobject)
{
    if (document.getElementById){
        createCookie(cookiename, cid, 1);
        highlighttab(aobject)
        if (turntosingle==0){
            if (previoustab!="")
            document.getElementById(previoustab).style.display="none"
            document.getElementById(cid).style.display="block"
            previoustab=cid
        }
    }
}

function highlighttab(aobject){
    if (typeof tabobjlinks=="undefined")
    {
        collecttablinks()
    }
    for (i=0; i<tabobjlinks.length; i++) {
        tabobjlinks[i].className=""
    }
    aobject.className="current"
}

function collecttablinks(){
var tabobj=document.getElementById("tablist")
tabobjlinks=tabobj.getElementsByTagName("A")
}

function do_onload(){
    collecttablinks()
    // This gets the first element
    // in the tabcontentcontainer
    var content=document.getElementById("contentcontainer");
    cdiv=content.getElementsByTagName("div");

    var cookievalue = readCookie(cookiename);
    var tablink = document.getElementById(cookievalue+'-link');
    if(cookievalue && tablink) {
        var tablink = document.getElementById(cookievalue+'-link');
        expandcontent(cookievalue, tablink);
    } else {
        expandcontent(cdiv[0].id, tabobjlinks[initialtab[0]-1]);
    }
}

if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload






/**
<style type="text/css">

#tablist{
    padding: 3px 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0.1em;
    font: bold 12px Verdana;
}

#tablist li{
    list-style: none;
    display: inline;
    margin: 0;
}

#tablist li a{
    text-decoration: none;
    padding: 3px 0.5em;
    margin-right: 5px;
    border: 1px solid #778;
    background-color: #EEE ;
}

#tablist li a:link, #tablist li a:visited{
    color: navy;
}

#tablist li a.current{
    border-bottom: 1px solid white;
    background-color: #FFFFFF;
}

#tabcontentcontainer{
    padding: 10px;
    border:1px solid #778;
}

.tabcontent{
    display:none;
}

#tablist li a#save { background-color: #D9EECF ; }
#tablist li a#cancel { background-color: #EED9DD ; }

</style>

<ul id="tablist">
    <li><a href="#" onclick="expandcontent('sc1', this);" onfocus="this.blur()">Content</a></li>
    <li><a href="#" onclick="expandcontent('sc2', this);" onfocus="this.blur()">Design</a></li>
    <li><a href="#" onclick="expandcontent('sc3', this);" onfocus="this.blur()">Publishing</a></li>
    <li><a href="#" onclick="expandcontent('sc4', this);" onfocus="this.blur()">Metadata</a></li>
    <li><a href="#" onclick="alert('Save');" onfocus="this.blur()" id="save">Save</a></li>
    <li><a href="#" onclick="alert('Cancel');" onfocus="this.blur()" id="cancel">Cancel</a></li>
</ul>

<div id="tabcontentcontainer">

    <div id="sc1" class="tabcontent">
        Content
    </div>

    <div id="sc2" class="tabcontent">
        Design
    </div>

    <div id="sc3" class="tabcontent">
        Publishing
    </div>

    <div id="sc4" class="tabcontent">
        Metadata
    </div>

</div>

*/