﻿var slideTimeBetweenSteps = 30; // General speed variable (Lower = slower)
var scrollingContainer = false;
var scrollingContent = false;
var containerWidth;
var contentWith;

var contentObjects = new Array();
var originalslideSpeed = false;
function slideContent(containerId) {
    var topPos = contentObjects[containerId]['objRef'].style.left.replace(/[^\-0-9]/g, '');
    topPos = topPos - contentObjects[containerId]['slideSpeed'];
    if (topPos / 1 + contentObjects[containerId]['contentWith'] / 1 < 0) topPos = contentObjects[containerId]['containerWidth'];
    contentObjects[containerId]['objRef'].style.left = topPos + 'px';
    setTimeout('slideContent("' + containerId + '")', slideTimeBetweenSteps);

}

function stopSliding() {
    var containerId = this.id;
    contentObjects[containerId]['slideSpeed'] = 0;
}

function restartSliding() {
    var containerId = this.id;
    contentObjects[containerId]['slideSpeed'] = contentObjects[containerId]['originalSpeed'];

}
function initSlidingContent(containerId, slideSpeed) {
    scrollingContainer = document.getElementById(containerId);
    scrollingContent = scrollingContainer.getElementsByTagName('DIV')[0];

    scrollingContainer.style.position = 'relative';
    scrollingContainer.style.overflow = 'hidden';
    scrollingContent.style.position = 'relative';

    scrollingContainer.onmouseover = stopSliding;
    scrollingContainer.onmouseout = restartSliding;

    originalslideSpeed = slideSpeed;

    scrollingContent.style.left = '0px';

    contentObjects[containerId] = new Array();
    contentObjects[containerId]['objRef'] = scrollingContent;
    contentObjects[containerId]['contentWith'] = scrollingContent.offsetWidth;
    contentObjects[containerId]['containerWidth'] = scrollingContainer.clientWidth;
    contentObjects[containerId]['slideSpeed'] = slideSpeed;
    contentObjects[containerId]['originalSpeed'] = slideSpeed;

    slideContent(containerId);

}