﻿// JScript File
var speed = 40;
var posDiv1 = 0;
var posDiv2 = 0;
var widthDiv = 0;
var moving = 0;
var widthContainer = 0;
var currentNews = 1;
var totalNews = 1;
var pause = false;
var divName = "";
var div1;
var div2;
var divVedetteNumber;
var scrolling = false;
var timeAuto = 7000;
var timespanAuto;

function loadDiv(idSub1, idSub2, idNumber, nameDivContent)
{
    currentNews = 1;
    totalNews = currentNews;
    // load các div vào biến
    div1 = fetch_object(idSub1);
    div2 = fetch_object(idSub2);
    divVedetteNumber = fetch_object(idNumber);
    divName = nameDivContent;
    initVedetteDiv();
    updateNumberNews();
    autoScrolling();
}

function initVedetteDiv()
{
    var i = 0;
    var div;
    
    // tính tổng số div chứa nội dung --> suy ra width
    do 
    {
        div = fetch_object(divName + i);
        i += 1;
        if(div != null)
        {
            widthDiv = parseInt(div.style.width.replace("px", "")); 
            widthContainer += widthDiv;
        }
    }while(div != null);
    moving = widthDiv / 10;
    // xét totalNews
    totalNews = i - 1;
    
    // xét width cho 2 div chứa nội dung là div1 và div2
    if(div1 != null)
        div1.style.width = widthContainer + "px";
        
    if(div2 != null)
        div2.style.width = widthContainer + "px";
    posDiv2 = widthContainer;
}

function autoScrolling()
{
    timespanAuto = setTimeout('nextNews()',timeAuto);
}

function nextNews()
{
    // duy chuyển sang tin kế tiếp
    if(scrolling)
        return;
    moveToRight();
}

function preNews()
{
    // duy chuyển sang tin trước
    if(scrolling)
        return;
    moveToLeft();
}

function moveToRight()
{
    // thay đổi tọa độ
    updatePosition();
    posDiv1 -= moving;
    posDiv2 -= moving;
    
    // cập nhật tọa độ cho div
    div1.style.left = posDiv1 + "px";
    div2.style.left = posDiv2 + "px";
    if(posDiv1 % widthDiv != 0)
    {
        scrolling = true;
        clearTime();
        setTimeout('moveToRight()',speed);
    }
    else
    {
        increaseNumber();
        scrolling = false;
        autoScrolling();
    }
}


function moveToLeft()
{
    // thay đổi tọa độ
    updatePosition();
    posDiv1 += moving;
    posDiv2 += moving;
    
    // cập nhật tọa độ cho div
    div1.style.left = posDiv1 + "px";
    div2.style.left = posDiv2 + "px";
    
    if(posDiv1 % widthDiv != 0)
    {
        scrolling = true;
        clearTime();
        setTimeout('moveToLeft()',speed);
    }
    else
    {
        decreaseNumber();
        scrolling = false;
        autoScrolling();
    }
}

function updatePosition()
{    
    if(posDiv1 < -widthContainer)
        posDiv1 = widthContainer - moving;
    else if(posDiv1 > widthContainer)
        posDiv1 = -widthContainer + moving;
        
    if(posDiv2 < -widthContainer)
        posDiv2 = widthContainer - moving;
    else if(posDiv2 > widthContainer)
        posDiv2 = -widthContainer + moving;
}

function decreaseNumber()
{
    currentNews--;
    if(currentNews < 1)
        currentNews = totalNews;
    updateNumberNews();
}

function increaseNumber()
{
    currentNews++;
    if(currentNews > totalNews)
        currentNews = 1;
    updateNumberNews();
}

function updateNumberNews()
{
    divVedetteNumber.innerHTML = currentNews;
}

function clearTime()
{
    clearTimeout(timespanAuto);
}

