﻿var scrollSpeed = 2.2;                      //this sets scroll speed
var baseImagePath = "/images/Tabstrip/";     //this is the main tabstrip image directory
    
var timerLeft = "";
var timerRight = "";
var currentTab = "";

function toLeft(id) {
    document.getElementById(id).scrollLeft -= 91;
}

function scrollDivLeft(id) 
{
    clearTimeout(timerRight);
    document.getElementById(id).scrollLeft += scrollSpeed;
    timerRight = setTimeout("scrollDivLeft('" + id + "')", 10);
}

function scrollDivRight(id) 
{
    clearTimeout(timerLeft);
    document.getElementById(id).scrollLeft -= scrollSpeed;
    timerLeft = setTimeout("scrollDivRight('" + id + "')", 10);
}

function toRight(id) 
{
    document.getElementById(id).scrollLeft += 91;
}

function stopMe() 
{
    clearTimeout(timerRight);
    clearTimeout(timerLeft);

}
function TabOn(objID) 
{
    if (objID != currentTab)
    {
        var container = document.getElementById(objID + '_container');
        var scrollHolder = document.getElementById('scrollHolder');
        var scrollHolderWidth = parseInt(scrollHolder.style.width.replace('px',''));
        
        leftAll = scrollHolder.scrollLeft;
        leftOne = container.offsetLeft;
        widthOne = container.offsetWidth;
        
        if (leftOne < leftAll)
        {
            scrollHolder.scrollLeft = leftOne;
        }

        if ((leftOne + widthOne) > (scrollHolderWidth + scrollHolder.scrollLeft))
        {
            scrollHolder.scrollLeft = (leftOne + widthOne) - scrollHolderWidth;
        }

		document.getElementById(objID + '_leftTab').style.backgroundImage = "URL('" + baseImagePath + "LeftTabBack_reportline.png')";
        document.getElementById(objID + '_centerTab').style.backgroundImage = "URL('" + baseImagePath + "CenterTabBack_reportline.png')";
        document.getElementById(objID + '_rightTab').style.backgroundImage = "URL('" + baseImagePath + "RightTabBack_reportline.png')";
        document.getElementById(objID + '_text').style.display = "block";
        document.getElementById(objID + '_img').src = document.getElementById(objID + '_img').src.replace('.png', '_O.png');
        
        if (currentTab != "")
        {
            document.getElementById(currentTab + '_leftTab').style.backgroundImage = "URL('" + baseImagePath + "tabsidesBlank.gif')";
            document.getElementById(currentTab + '_centerTab').style.backgroundImage = "URL('" + baseImagePath + "tabsidesBlank.gif')";
            document.getElementById(currentTab + '_rightTab').style.backgroundImage = "URL('" + baseImagePath + "tabsidesBlank.gif')";
            document.getElementById(currentTab + '_text').style.display = "none";
            document.getElementById(currentTab + '_img').src = document.getElementById(currentTab + '_img').src.replace('_O.png', '.png');
        }
        
        currentTab = objID;
    }
}

function getPars(i)
{
    var qs = document.getElementsByTagName("script")[i].src.match(/\w+=\w+/g), qstring = {},t,i = qs.length;
    while (i--) {
        t = qs[i].split("=");
        qstring[t[0]] = t[1];
    }
    return qstring;
}

var qstring = getPars(0);