var scrolltimeout;
var autoscrolltimeout;

var scrollobj;
var second_scrollobj;
var current_items_array = "first";

var nextIndex;
var nextID;

function initialize() {
    var objPanel = document.getElementById(container);
    objPanel.className = "Hidden";

    initImages();
}

//right to left
function ScrollProductsVerb(i) {
    clearTimeout(scrolltimeout);
    if (number_of_items <= 5) return;
    scrolltimeout = setInterval("SrollProducts('" + i + "')", 1);
}

//left to right
function ScrollProductsRightVerb(i) {
    clearTimeout(scrolltimeout);
    if (number_of_items <= 5) return;
    scrolltimeout = setInterval("SrollProductsRight('" + i + "')", 1);
}

function PauseProductsVerb() {
    clearTimeout(scrolltimeout);
    clearTimeout(autoscrolltimeout);
}

function PauseProductsRightVerb() {
    clearTimeout(scrolltimeout);
    clearTimeout(autoscrolltimeout);
}

//right to left
function SrollProducts(i) {
    if (scrollobj != null && second_scrollobj != null) {
        var pos = (+scrollobj.style.left.substring(0, scrollobj.style.left.length - 2));
        var pos2 = (+second_scrollobj.style.left.substring(0, second_scrollobj.style.left.length - 2));

        if (navigator.appName == "Netscape") {
            pos += -1;
            pos2 += -1;
            scrollobj.style.left = pos + "px";
            second_scrollobj.style.left = pos2 + "px";

            if (pos2 < 0) {
                var left = pos2 + second_scrollobj.childNodes[1].rows[0].cells.length * 26 + 55;
                scrollobj.style.left = left;

                var temp = scrollobj;
                scrollobj = second_scrollobj;
                second_scrollobj = temp;
            }
        } else {
            var pos = (+scrollobj.style.left.substring(0, scrollobj.style.left.length - 2));
            var pos2 = (+second_scrollobj.style.left.substring(0, second_scrollobj.style.left.length - 2));

            pos += -1;
            pos2 += -1;
            scrollobj.style.left = pos + "px";
            second_scrollobj.style.left = pos2 + "px";

            if (pos2 < 0) {
                var left = pos2 + second_scrollobj.childNodes[0].rows[0].cells.length * 26 + 45;
                scrollobj.style.left = left;

                var temp = scrollobj;
                scrollobj = second_scrollobj;
                second_scrollobj = temp;
            }
        }
    }
}

//left to right
function SrollProductsRight(i) {
    if (scrollobj != null && second_scrollobj != null) {
        var pos = (+scrollobj.style.left.substring(0, scrollobj.style.left.length - 2));
        var pos2 = (+second_scrollobj.style.left.substring(0, second_scrollobj.style.left.length - 2));

        if (navigator.appName == "Netscape") {
            pos += 1;
            pos2 += 1;
            scrollobj.style.left = pos + "px";
            second_scrollobj.style.left = pos2 + "px";

            if (pos > 0) {
                var left = pos - second_scrollobj.childNodes[1].rows[0].cells.length * 26 - 50;
                second_scrollobj.style.left = left;

                var temp = scrollobj;
                scrollobj = second_scrollobj;
                second_scrollobj = temp;
            }
        } else {
            pos += 1;
            pos2 += 1;
            scrollobj.style.left = pos + "px";
            second_scrollobj.style.left = pos2 + "px";

            if (pos > 0) {
                var left = pos - second_scrollobj.childNodes[0].rows[0].cells.length * 26 - 40;
                second_scrollobj.style.left = left;

                var temp = scrollobj;
                scrollobj = second_scrollobj;
                second_scrollobj = temp;
            }
        }
    }
}

function btnImageGallery_click(ID, index) {
    clearTimeout(autoscrolltimeout);
    clearTimeout(scrolltimeout);

    for (var i in _itemIds) {
        var curItem = document.getElementById(_itemIds[i]);
        
        if( curItem != null )
            curItem.className = "border";
    }

    var btnImageGallery = document.getElementById(ID);
    if (btnImageGallery != null)
        btnImageGallery.className = "ItemActive";

    document.cookie = "ActiveItemID=" + ID + ";path=/";
    document.cookie = "ActiveItemIndex=" + index + ";path=/";

    BySpecialItemDetail(index);

    nextIndex = index;
}

function AutoScrollInitializing(i) {
    nextIndex = 0;
    nextID = _itemIds[nextIndex];

    scrollobj = document.getElementById(i + "_ImageScroller");
    second_scrollobj = document.getElementById(i + "_SecondImageScroller");
    current_items_array = "first";

    if (navigator.appName == "Netscape") {
        var pos = (+scrollobj.style.left.substring(0, scrollobj.style.left.length - 2));
        var left = pos + scrollobj.childNodes[1].rows[0].cells.length * 26 + 263;
        if (number_of_items > 5) second_scrollobj.style.left = (left / 2)+'px';
        else second_scrollobj.style.left = left + 'px';

        console.log("Netscape detected!");
    }
    else {
        var pos = (+scrollobj.style.left.substring(0, scrollobj.style.left.length - 2));
        var left = pos + scrollobj.childNodes[0].rows[0].cells.length * 26 + 240;
        if (number_of_items > 5) second_scrollobj.style.left = (left / 2) + 'px';
        else second_scrollobj.style.left = left + 'px';
    }

    autoscrolltimeout = setInterval(MoveActive, 5000);
    if (number_of_items > 5) scrolltimeout = setInterval("SrollProducts('" + i + "')", 250);
}

function MoveActive() {
    document.cookie = "ActiveItemID=" + nextID + ";path=/";
    document.cookie = "ActiveItemIndex=" + nextIndex + ";path=/";

    if (number_of_items > 5) {
        if (nextIndex == _itemIds.length - 1) {
            if (current_items_array == "first")
                current_items_array = "second";
            else
                current_items_array = "first";

            nextIndex = 0;
        }
        else
            nextIndex++;
    }
    else {
        if (nextIndex == _itemIds.length - 1) nextIndex = 0;
        else nextIndex++;
    }

    if (current_items_array == "first")
        nextID = _itemIds[nextIndex];
    else
        nextID = _secondItemIds[nextIndex];

    ActiveItem();
    BySpecialItemDetail(nextIndex);

}

function MoveActiveLeftToRightByClick(i) {
    clearTimeout(autoscrolltimeout);

    document.cookie = "ActiveItemID=" + nextID + ";path=/";
    document.cookie = "ActiveItemIndex=" + nextIndex + ";path=/";

    if (nextIndex == _itemIds.length - 1) nextIndex = 0;
    else nextIndex++;
    nextID = _itemIds[nextIndex];

    ActiveItem();
    BySpecialItemDetail(nextIndex);
}

function MoveActiveRightToLeftByClick(i) {
    clearTimeout(autoscrolltimeout);

    document.cookie = "ActiveItemID=" + nextID + ";path=/";
    document.cookie = "ActiveItemIndex=" + nextIndex + ";path=/";

    if (nextIndex == 0) nextIndex = _itemIds.length - 1;
    else nextIndex--;
    nextID = _itemIds[nextIndex];

    ActiveItem();
    BySpecialItemDetail(nextIndex);
}

function ActiveItem() {
    for (var i in _itemIds) {
        var curItem = document.getElementById(_itemIds[i]);
        if (curItem != null && curItem.className == "ItemActive") {
            curItem.className = "border";
        }
    }

    var btnImageGallery = document.getElementById(nextID);
    if (btnImageGallery != null)
        btnImageGallery.className = "ItemActive";
}

function BySpecialItemDetail(index) {
    var imgSrollLargeImage = document.getElementById(_ClientID + '_imgSrollLargeImage');
    var lblSrollSpecialTitle = document.getElementById(_ClientID + '_lblSrollSpecialTitle');
    //var lblSrollPrice = document.getElementById(_ClientID + '_lblSrollPrice');
    var lblSrollSpecialDesc = document.getElementById(_ClientID + '_lblSrollSpecialDesc');
    //var btnFindOutMore = document.getElementById(_ClientID + '_btnFindOutMore');
    var hlFindOutMore = document.getElementById(_ClientID + '_hlFindOutMore');
    
    imgSrollLargeImage.src = _fullimages[index];
    lblSrollSpecialTitle.innerHTML = _SpecialTitles[index];
    //lblSrollPrice.innerHTML = _Prices[index];
    lblSrollSpecialDesc.innerHTML = _SpecialDescs[index];
    //btnFindOutMore.href = _FindOutMores[index];
    hlFindOutMore.href = _FindOutMores[index];
    hlFindOutMore.onclick = new Function("HPSpecialView(\"" + _SpecialTitles[index] + "\")");

    if (Boolean.parse(_NewWindow[index]) == true) {
        hlFindOutMore.target = "_blank";
    }
    else {
        hlFindOutMore.target = "_self";
    }
}

function RegisterItemsArray(id) {
    _itemIds.push(id);
}

function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
        var offset = -1;
        offset = document.cookie.indexOf(search)
        if (offset != -1) {
            offset += search.length
            end = document.cookie.indexOf(";", offset);
            if (end == -1) end = document.cookie.length;
            returnvalue = unescape(document.cookie.substring(offset, end))
        }
        else returnvalue = "";
    }
    return returnvalue;
}