function menuItemClick(element) {

    var div
    ul = getChildElement(element.parentNode.parentNode, "ul");
    img = getChildElement(element, "img");

    // check the class of an element
    if (element.className == "treeclosed") {
        img.src = "/images/minus.gif";
        element.className = "treeopen";
        ul.style.display = "inline-block";
    }
    else //class is 'treeclosed'
    {
        img.src = "/images/plus.gif";
        element.className = "treeclosed";
        ul.style.display = "none";
    }
}
function getChildElement(element, tag) {
    var foundNode = element;
    var childNodes = element.childNodes;
    for (var i = 0; i < childNodes.length; i++) {
        var node = childNodes[i];
        if (node.tagName && (node.tagName.toLowerCase() == tag)) {
            foundNode = node;
        }
    }
    return foundNode;
}
function clearGoogleSearchText(obj, txt) {
    if (obj.value == txt) {
        obj.value = "";
        obj.className = "search-box-active";
    }
}
function defaultGoogleSearchText(obj, txt) {
    if (obj.value == "") {
        obj.value = txt;
        obj.className = "search-box";
    }
}
function clearText(obj, txt) {
    if (obj.value == txt) {
        obj.value = "";
        obj.className = "main-search-box-active";
    }
}
function defaultText(obj, txt) {
    if (obj.value == "") {
        obj.value = txt;
        obj.className = "main-search-box";
    }
}


var secs;
var timerID = null;
var timerRunning = false;
var delay = 1000;
var currentindex;

function InitializeTimer() {
    //if (!IsPostBack) {
        // Set the length of the timer, in seconds
        StopTheClock();
        if (window.location.href == 'http://www.marincounty.org' || window.location.href == 'http://www.marincounty.org/' || window.location.href == 'http://www.marincounty.org/default.aspx' || window.location.href == 'http://beta.marincounty.org/') {
            var tabContainer = $get("<%=tabCustom.ClientID%>");
            if (tabContainer != undefined && tabContainer != null) {
                tabContainer = tabContainer.Control;
                tabContainer.set_visible(false);
            }
            secs = 10;
            if (currentindex == null)
                currentindex = 0;
            ChangeData(currentindex);
        }
    //}
}
function StopTheClock() {
            if (timerRunning)
                clearTimeout(timerID);
            timerRunning = false;
        }

function StartTheTimer() {

            if (secs == 0) {
                StopTheClock();

                //load next featured item data
                if (currentindex == 4)// reached the last of 5 items
                {
                    //reset the index back to 0
                    currentindex = 0;
                }
                else {
                    currentindex = currentindex + 1;
                }
                ChangeData(currentindex);
            }
            else {
                secs = secs - 1;
                timerRunning = true;
                timerID = self.setTimeout("StartTheTimer()", delay);
               
            }
        }
        function SetSelected(index) {
            
            //reset all the buttons
            document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn1").className = "";
            document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn2").className = "";
            document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn3").className = "";
            document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn4").className = "";
            document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn5").className = "";
           
            // set current button to selected 
            switch (index) {
                case 0:
                    document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn1").className = "selected";
                    break;
                case 1:
                    document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn2").className = "selected";
                    break;
                case 2:
                    document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn3").className = "selected";
                    break;
                case 3:
                    document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn4").className = "selected";
                    break;
                case 4:
                    document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn5").className = "selected";
                    break;
                default: alert("default");

            }
        }
        function ResetTimer(index) {
            StopTheClock();
            currentindex = index;
            secs = 10;
            StartTheTimer();
        }

        function ChangeData(index) {
            currentindex = index;
            var btn = document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn1");

            switch (index) {
                case 0:
                    btn = document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn1");
                    break;
                case 1:
                    btn = document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn2");
                    break;
                case 2:
                    btn = document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn3");
                    break;
                case 3:
                    btn = document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn4");
                    break;
                case 4:
                    btn = document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn5");
                    break;
                default: btn = document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_btn1");
            }

            if (btn != null) {
                var link = btn.getAttribute("previewlink");
                var img = btn.getAttribute("previewimg");
                var title = btn.getAttribute("previewtitle");
                var text = btn.getAttribute("previewtext");

                $('.image-preview a').attr('href', link);
                $('.image-preview img').attr('src', img);
                document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_lblFeaturedText").innerHTML = text;

                document.getElementById("ctl09_pagecontent_0_maincontent_0_tabContainer_TabPanel1_lblFeaturedTitle").innerHTML = title;
            }
            SetSelected(index);
            secs = 10;
            StartTheTimer();
        }