/* Simple test for iPads, iPhones, iPods, iEtc (must do before page load) ------------------------------------------- */
var isiPad      = navigator.userAgent.match(/iPad/i) != null;
var isiPhone    = navigator.userAgent.match(/iPhone/i) != null;
var isiPod      = navigator.userAgent.match(/iPod/i) != null;
var isios       = false;
if (isiPad || isiPhone || isiPod){
    isios       = true;
}

function initTabs()
{
    var sets = document.getElementsByTagName("ul");
    for (var i = 0; i < sets.length; i++)
    {
        if (sets[i].className.indexOf("tabset") != -1)
        {
            var tabs = [];
            var links = sets[i].getElementsByTagName("a");
            for (var j = 0; j < links.length; j++)
            {
                if (links[j].className.indexOf("tab") != -1)
                {
                    tabs.push(links[j]);
                    links[j].tabs = tabs;
                    var c = document.getElementById(links[j].href.substr(links[j].href.indexOf("#") + 1));

                    if (c) if (links[j].className.indexOf("active") != -1) c.style.display = "block";
                    else c.style.display = "none";

                    // If it's an ipad-pod-phone then open it on the hover, otherwise it takes two clicks
                    if(isios){
                        links[j].onmouseover = function()
                        {
                            var c = document.getElementById(this.href.substr(this.href.indexOf("#") + 1));
                            if (c)
                            {
                                for (var i = 0; i < this.tabs.length; i++)
                                {
                                    var tab = document.getElementById(this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1));
                                    if (tab)
                                    {
                                        tab.style.display = "none";
                                    }
                                    this.tabs[i].className = this.tabs[i].className.replace("active", "");
                                }
                                this.className += " active";
                                c.style.display = "block";
                                return false;
                            }
                        }
                    }

                    // TODO: Pull this code out into a new function since it's used above in the IOS onmouseover
                    links[j].onclick = function ()
                    {
                        var c = document.getElementById(this.href.substr(this.href.indexOf("#") + 1));
                        if (c)
                        {
                            for (var i = 0; i < this.tabs.length; i++)
                            {
                                var tab = document.getElementById(this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1));
                                if (tab)
                                {
                                    tab.style.display = "none";
                                }
                                this.tabs[i].className = this.tabs[i].className.replace("active", "");
                            }
                            this.className += " active";
                            c.style.display = "block";
                            return false;
                        }
                    }
                }
            }
        }
    }
}
if (window.addEventListener)
    window.addEventListener("load", initTabs, false);
else if (window.attachEvent && !window.opera)
    window.attachEvent("onload", initTabs);