// JScript File

var m_RollerIndex = 0;
var CONTENT_WIDTH = 480;
var LEFT_MARGIN = -480;
var RIGHT_MARGIN = 480;
var m_iCounter;
var STEP = 40;
var m_bIsMoving = false;

var m_TopRollerIndex = 0;
var TOP_ROLLER_CONTENT_WIDTH = 270;
var TOP_ROLLER_LEFT_MARGIN = -270;
var TOP_ROLLER_RIGHT_MARGIN = 270;


//Firefox fix for childNodes
var notWhitespace = /\S/;
function cleanWhitespace(node) {
    //debugger;
  for (var x = 0; x < node.childNodes.length; x++) {
    var childNode = node.childNodes[x]
    if ((childNode.nodeType == 3)&&(!notWhitespace.test(childNode.nodeValue))) {
   // that is, if it's a whitespace text node
      node.removeChild(node.childNodes[x])
      x--
    }
//    if (childNode.nodeType == 1) {
//  // elements can have text child nodes of their own
//      cleanWhitespace(childNode)
//    }
  }
}

function MoveRight(){
    if (m_bIsMoving)
        return;
    var divContainer = document.getElementById("divRollerContent")
    cleanWhitespace(divContainer)
    var iProductCount = divContainer.childNodes.length;
    
    //get the current product
    var oCurrentControl = divContainer.childNodes[m_RollerIndex];
    
    m_RollerIndex = m_RollerIndex + 1;
    if (m_RollerIndex >= iProductCount)
        m_RollerIndex = 0;
    
    //get next product that we must display
    var oNextControl = divContainer.childNodes[m_RollerIndex];
    
    var m_iCounter = CONTENT_WIDTH;
    var iIncrement = 0
    m_bIsMoving = true;
    function MoveStep()
    {
        m_iCounter = m_iCounter -STEP;
        iIncrement = iIncrement + STEP;
        oCurrentControl.style.left = iIncrement + "px";
        oNextControl.style.left =  LEFT_MARGIN + iIncrement + "px";
        if (m_iCounter <= 0){
            oNextControl.style.left = "0px";
            oCurrentControl.style.left = RIGHT_MARGIN + 1 + "px";
            m_bIsMoving = false;
            return;
        }
        setTimeout(MoveStep, 100);
    }
    setTimeout(MoveStep, 50);
}

function MoveLeft(){
    if (m_bIsMoving)
        return;
        
    var divContainer = document.getElementById("divRollerContent")
    cleanWhitespace(divContainer)
    var iProductCount = divContainer.childNodes.length;
    
    var oCurrentControl = divContainer.childNodes[m_RollerIndex];
    m_RollerIndex = m_RollerIndex - 1;
    if (m_RollerIndex < 0)
        m_RollerIndex = iProductCount -1;
    var oNextControl = divContainer.childNodes[m_RollerIndex];

    var m_iCounter = CONTENT_WIDTH;
    var iIncrement = 0;
    m_bIsMoving = true;
    function MoveStep()
    {
        m_iCounter = m_iCounter -STEP;
        iIncrement = iIncrement - STEP;
        oCurrentControl.style.left = iIncrement + "px";
        oNextControl.style.left =  RIGHT_MARGIN + iIncrement + "px";
        if (m_iCounter < 0){
            oNextControl.style.left = "0px";
            oCurrentControl.style.left = LEFT_MARGIN -1 + "px"; 
            m_bIsMoving = false;
            return;
        }
        setTimeout(MoveStep, 100);
    }
    setTimeout(MoveStep, 50);
}
function MoveRollerRight(divRoller){
    if (m_bIsMoving)
        return;
    var divContainer = document.getElementById(divRoller)
    cleanWhitespace(divContainer)
    var iProductCount = divContainer.childNodes.length;
    
    //get the current product
    var oCurrentControl = divContainer.childNodes[m_TopRollerIndex];
    
    m_TopRollerIndex = m_TopRollerIndex + 1;
    if (m_TopRollerIndex >= iProductCount)
        m_TopRollerIndex = 0;
    
    //get next product that we must display
    var oNextControl = divContainer.childNodes[m_TopRollerIndex];
        
    var m_iCounter = TOP_ROLLER_CONTENT_WIDTH;
    var iIncrement = 0
    m_bIsMoving = true;
    function MoveStep()
    {
        m_iCounter = m_iCounter -STEP;
        iIncrement = iIncrement + STEP;
        oCurrentControl.style.left = iIncrement + "px";
        oNextControl.style.left =  TOP_ROLLER_LEFT_MARGIN + iIncrement + "px";
        
        if (m_iCounter <= 0){
            oNextControl.style.left = "0px";
            oCurrentControl.style.left = TOP_ROLLER_CONTENT_WIDTH + 1 + "px";
            m_bIsMoving = false;
            return;
        }
        setTimeout(MoveStep, 100);
    }
    setTimeout(MoveStep, 50);
}

function MoveRollerLeft(divRoller){
    if (m_bIsMoving)
        return;
        
    var divContainer = document.getElementById(divRoller)
    cleanWhitespace(divContainer)
    var iProductCount = divContainer.childNodes.length;
    
    var oCurrentControl = divContainer.childNodes[m_TopRollerIndex];
    m_TopRollerIndex = m_TopRollerIndex - 1;
    if (m_TopRollerIndex < 0)
        m_TopRollerIndex = iProductCount -1;
    var oNextControl = divContainer.childNodes[m_TopRollerIndex];
    
    var m_iCounter = TOP_ROLLER_CONTENT_WIDTH;
    var iIncrement = 0;
    m_bIsMoving = true;
    function MoveStep()
    {
        m_iCounter = m_iCounter -STEP;
        iIncrement = iIncrement - STEP;
        oCurrentControl.style.left = iIncrement + "px";
        oNextControl.style.left =  TOP_ROLLER_CONTENT_WIDTH + iIncrement + "px";
        if (m_iCounter < 0){
            oNextControl.style.left = "0px";
            oCurrentControl.style.left = TOP_ROLLER_LEFT_MARGIN -1 + "px"; 
            m_bIsMoving = false;
            return;
        }
        setTimeout(MoveStep, 100);
    }
    setTimeout(MoveStep, 50);
}





//// JScript File

//var m_RollerIndex = 0;
//var CONTENT_WIDTH = 440;
//var LEFT_MARGIN = -440;
//var RIGHT_MARGIN = 440;
//var m_iCounter;
//var STEP = 40;
//var m_bIsMoving = false;

//var m_TopRollerIndex = 0;
//var TOP_ROLLER_CONTENT_WIDTH = 440;
//var TOP_ROLLER_LEFT_MARGIN = -440;
//var TOP_ROLLER_RIGHT_MARGIN = 440;


////Firefox fix for childNodes
//var notWhitespace = /\S/;
//function cleanWhitespace(node) {
//    //debugger;
//  for (var x = 0; x < node.childNodes.length; x++) {
//    var childNode = node.childNodes[x]
//    if ((childNode.nodeType == 3)&&(!notWhitespace.test(childNode.nodeValue))) {
//   // that is, if it's a whitespace text node
//      node.removeChild(node.childNodes[x])
//      x--
//    }
////    if (childNode.nodeType == 1) {
////  // elements can have text child nodes of their own
////      cleanWhitespace(childNode)
////    }
//  }
//}

//function MoveRight() {
//    debugger;
//    if (m_bIsMoving)
//        return;
//    var divContainer = document.getElementById("divRollerContent")
//    cleanWhitespace(divContainer)
//    var iProductCount = divContainer.childNodes.length;
//    
//    //get the current product
//    var oCurrentControl = divContainer.childNodes[m_RollerIndex];
//    
//    m_RollerIndex = m_RollerIndex + 1;
//    if (m_RollerIndex >= iProductCount)
//        m_RollerIndex = 0;
//    
//    //get next product that we must display
//    var oNextControl = divContainer.childNodes[m_RollerIndex];
//    
//    var m_iCounter = CONTENT_WIDTH;
//    var iIncrement = 480;
//    m_bIsMoving = true;
//    function MoveStep() {
//        debugger;
//        m_iCounter = m_iCounter -STEP;
//        iIncrement = iIncrement + STEP;
//        oCurrentControl.style.left = iIncrement + "px";
//        oNextControl.style.left =  LEFT_MARGIN + iIncrement + "px";
//        if (m_iCounter <= 0){
//            oNextControl.style.left = "440px";
//            oCurrentControl.style.left = RIGHT_MARGIN + 1 + "px";
//            m_bIsMoving = false;
//            return;
//        }
//        setTimeout(MoveStep, 100);
//    }
//    setTimeout(MoveStep, 50);
//}

//function MoveLeft() {
//    debugger;
//    if (m_bIsMoving)
//        return;
//        
//    var divContainer = document.getElementById("divRollerContent")
//    cleanWhitespace(divContainer)
//    var iProductCount = divContainer.childNodes.length;
//    
//    var oCurrentControl = divContainer.childNodes[m_RollerIndex];
//    m_RollerIndex = m_RollerIndex - 1;
//    if (m_RollerIndex < 0)
//        m_RollerIndex = iProductCount -1;
//    var oNextControl = divContainer.childNodes[m_RollerIndex];

//    var m_iCounter = CONTENT_WIDTH;
//    var iIncrement = 440;
//    m_bIsMoving = true;
//    function MoveStep() {
//        debugger;
//        m_iCounter = m_iCounter -STEP;
//        iIncrement = iIncrement - STEP;
//        oCurrentControl.style.left = iIncrement + "px";
//        oNextControl.style.left =  RIGHT_MARGIN + iIncrement + "px";
//        if (m_iCounter < 0){
//            oNextControl.style.left = "440px";
//            oCurrentControl.style.left = LEFT_MARGIN -1 + "px"; 
//            m_bIsMoving = false;
//            return;
//        }
//        setTimeout(MoveStep, 100);
//    }
//    setTimeout(MoveStep, 50);
//}
//function MoveRollerRight(divRoller) {
//    debugger;
//    if (m_bIsMoving)
//        return;
//    var divContainer = document.getElementById(divRoller)
//    cleanWhitespace(divContainer)
//    var iProductCount = divContainer.childNodes.length;
//    
//    //get the current product
//    var oCurrentControl = divContainer.childNodes[m_TopRollerIndex];
//    
//    m_TopRollerIndex = m_TopRollerIndex + 1;
//    if (m_TopRollerIndex >= iProductCount)
//        m_TopRollerIndex = 0;
//    
//    //get next product that we must display
//    var oNextControl = divContainer.childNodes[m_TopRollerIndex];
//        
//    var m_iCounter = TOP_ROLLER_CONTENT_WIDTH;
//    var iIncrement = 0
//    m_bIsMoving = true;
//    function MoveStep()
//    {
//        m_iCounter = m_iCounter -STEP;
//        iIncrement = iIncrement + STEP;
//        oCurrentControl.style.left = iIncrement + "px";
//        oNextControl.style.left =  TOP_ROLLER_LEFT_MARGIN + iIncrement + "px";
//        
//        if (m_iCounter <= 0){
//            oNextControl.style.left = "0px";
//            oCurrentControl.style.left = TOP_ROLLER_CONTENT_WIDTH + 1 + "px";
//            m_bIsMoving = false;
//            return;
//        }
//        setTimeout(MoveStep, 100);
//    }
//    setTimeout(MoveStep, 50);
//}

//function MoveRollerLeft(divRoller) {
//    debugger;
//    if (m_bIsMoving)
//        return;
//        
//    var divContainer = document.getElementById(divRoller)
//    cleanWhitespace(divContainer)
//    var iProductCount = divContainer.childNodes.length;
//    
//    var oCurrentControl = divContainer.childNodes[m_TopRollerIndex];
//    m_TopRollerIndex = m_TopRollerIndex - 1;
//    if (m_TopRollerIndex < 0)
//        m_TopRollerIndex = iProductCount -1;
//    var oNextControl = divContainer.childNodes[m_TopRollerIndex];
//    
//    var m_iCounter = TOP_ROLLER_CONTENT_WIDTH;
//    var iIncrement = 0;
//    m_bIsMoving = true;
//    function MoveStep()
//    {
//        m_iCounter = m_iCounter -STEP;
//        iIncrement = iIncrement - STEP;
//        oCurrentControl.style.left = iIncrement + "px";
//        oNextControl.style.left =  TOP_ROLLER_CONTENT_WIDTH + iIncrement + "px";
//        if (m_iCounter < 0){
//            oNextControl.style.left = "0px";
//            oCurrentControl.style.left = TOP_ROLLER_LEFT_MARGIN -1 + "px"; 
//            m_bIsMoving = false;
//            return;
//        }
//        setTimeout(MoveStep, 100);
//    }
//    setTimeout(MoveStep, 50);
//}