var CurrentTab = "0";
var CurrentStory = "1";
var Stories = 8;
var secs;
var timerID = null;
var timerRunning = false;
var delay = 3000;
var Ypos = 158;
var Rotate = true;

function findPosX(obj) {
    var curleft = 0;
    if (obj.offsetParent)
        while (1) {
            curleft += obj.offsetLeft;
            if (!obj.offsetParent)
                break;
            obj = obj.offsetParent;
        }
    else if (obj.x)
        curleft += obj.x;
    return curleft;
}

function findPosY(obj) {
    var curtop = 0;
    if (obj.offsetParent)
        while (1) {
            curtop += obj.offsetTop;
            if (!obj.offsetParent)
                break;
            obj = obj.offsetParent;
        }
    else if (obj.y)
        curtop += obj.y;
    return curtop;
}

function setPosRelatively(targetElement, anchorElement, top, left) {
    var Target = document.getElementById(targetElement);
    var Anchor = document.getElementById(anchorElement);
    var NewLeft = findPosX(Anchor) + left;
    var NewTop = findPosY(Anchor) + top;
    Target.style.left = NewLeft + "px";
    Target.style.top = NewTop + "px";
}

function SelectStory(StoryID) {
    HideStories();
    var story = document.getElementById("story" + StoryID);
    var storyLink = document.getElementById("selector" + StoryID);
    story.style.display = 'block';
    storyLink.src = '/images/red-square.gif';

}

function HideStories() {
    var x = 1;
    for (x = 1; x < (Stories + 1); x++) {
        var story = document.getElementById("story" + x);
        var storyLink = document.getElementById("selector" + x);
        story.style.display = 'none';
        storyLink.src = '/images/white-square.gif';
    }
}

function RotateStories() {
    if (Rotate) {
        if (CurrentStory == Stories) {
            CurrentStory = 1;
        }
        else {
            CurrentStory++;
        }
        SelectStory(CurrentStory);
        setTimeout(RotateStories, delay);
    }
}

function StopRotate() {
    Rotate = false;
}