// Opens an flv in a new window with our Flash Video Player
function openVideo(flv, width, height) {
    window.open(
        "/flash/viewer.aspx?flv=" + flv + "&width=" + width + "&height=" + height, 
        "video", 
        "width=" + (width + 30) + ", height=" + (height +30) + ", directories=no, location=no, status=no, toolbar=no, top=100, left=100"
        );
}

// Tabs
var videoArray = new Array(
    {
        flv: "/flash/intro-lms-tms.flv",
        splashImage: "/flash/intro-lms-tms.jpg",
        autoStart: "true"
    }, {
        flv: "",
        splashImage: "",
        autoStart: ""
    }, {
        flv: "/flash/sr-commercial.flv",
        splashImage: "/flash/sr-commercial.jpg",
        autoStart: "true"
    } );

var currentTab = 3;
var TOTAL_TABS = 3;
var tabs = [];
var altTimer;

function nextTab() {
    if (currentTab > 1)
        changeTab(currentTab - 1);
    else
        changeTab(TOTAL_TABS);
}
function changeTab(tabNumber)
{
    clearTimeout(altTimer);
    var tab = document.getElementById("tab" + tabNumber + "button");
    var c = document.getElementById("tab" + tabNumber);
    var videoIndex = tabNumber;
    currentTab = tabNumber;
    
    if (c)
    {
        //reset all tabs before change
        for (var i = 0; i < this.tabs.length; i++)
        {
            document.getElementById(this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1)).style.display = "none";
            this.tabs[i].className = this.tabs[i].className.replace("active", "");
        }
        tab.className += " active";
        c.style.display = "block";
        
        var container = document.getElementById("videoContainer");
        //var altContainer = document.getElementById("altContainer");
        var flv = videoArray[videoIndex - 1].flv;
        var videoInstructions = document.getElementById("video-instructions");
        if (flv != "") {
            swfobject.embedSWF("/flash/video-player.swf", "videoContainer", "280", "226", "9.0.124", null, videoArray[videoIndex - 1]);
            videoInstructions.style.display = "block";
        } else {
            //swfobject.embedSWF("", "videoContainer", "280", "226", "9.0.124", null, videoArray[videoIndex - 1]);
            var outerContainer = document.getElementById("videoOuterContainer");
            outerContainer.innerHTML = "<div id=\"videoContainer\" class=\"video-tab\" style=\"display:block;visibility:visible;\"><img src=\"/images/imag-2-sm.jpg\" alt=\"\" /></div>";
            altTimer = setTimeout("changeTab(" + (parseInt(videoIndex) - 1) + ");", 20000);
            videoInstructions.style.display = "none";
        }
    }
}

function initTabs()
{
	var sets = document.getElementsByTagName("div");
	for (var i = 0; i < sets.length; i++)
	{
		if (sets[i].className.indexOf("tabset") != -1)
		{
			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));

					//reset all tabs on start
					if (c) if (links[j].className.indexOf("active") != -1) c.style.display = "block";
					else c.style.display = "none";

					links[j].onclick = function ()
					{
                        changeTab(this.href.substr(this.href.indexOf("#") + 4));
                        return false;
					}
				}
			}
		}
	}
}

if (window.addEventListener) window.addEventListener("load", initTabs, false);
else if (window.attachEvent) window.attachEvent("onload", initTabs);

function detectSafari(){
if (navigator.appVersion.indexOf("Safari") != -1)
   document.body.className += " safari";
}

if (window.addEventListener)
   window.addEventListener("load", detectSafari, false);