function changeText(theDivName) 
     {
        document.getElementById("containerTable").style.left = '-' + count;
     }
     
    var currentDivNum = 1;    
    var divWidth = 500;
    var c=0;
    var t;
    
    function slideDivs(direction)
    {
        var leftVal = document.getElementById("containerTable").style.left;
        var leftPos = '-' + c;
        
        t=setTimeout("slideDivs('"+direction+"')",1);
        
        if(direction == 'up')
        {           
            document.getElementById("containerTable").style.left = '-' + c + "px";
        }
        else if(direction == 'down')
        {           
            var pos = 1 + c - divWidth - 1;
            document.getElementById("containerTable").style.left = pos + "px";
        }
        
        c = c + 10;
        if(c > divWidth)
        {
            c = 0;
            stopCount();
        }
        
    }

    function stopCount()
    {
        clearTimeout(t)
    }
     
     
    //This function does the work of positioning the table correctly depending on which way it will scroll
    //it also inserts the correct values into the correct holders in the table
    function insertDivs(newDivNum, override)
    {
        if(newDivNum != currentDivNum || override != null)
        {
            var maxNum = 5;
            var minNum = 1;
            
            //These two ternary operators handle cycling the values round, this negates the need for the if test afterwards before the next block of code
            //but I will leave this in comments anyway incase it's ever changed back
            newDivNum = newDivNum > maxNum ? minNum : newDivNum;
            newDivNum = newDivNum < minNum ? maxNum : newDivNum;
            
//            if(newDivNum >= minNum && newDivNum <= maxNum)
//            {
            
                //This function will take the two divs and put them into the div holders
                var newDivName = 'disp_' + newDivNum;
                var oldDivName = 'disp_' + currentDivNum;
                
                //if up put the new one on the right and the old one on the left
                //then position the left side in view
                if(newDivNum >= currentDivNum)
                {
                    //Add the divs to the holders, as it's incrementing up we need to put the old one in 
                    document.getElementById('divHolder1').innerHTML = document.getElementById(oldDivName).innerHTML;
                    document.getElementById('divHolder2').innerHTML = document.getElementById(newDivName).innerHTML;
                    document.getElementById("containerTable").style.left = 0;
                    slideDivs("up");
                }
                //else if going down put the new one on the right and the old one on the left
                //then position the right side in view
                else if(newDivNum < currentDivNum)
                {            
                    //Add the divs to the holders, as it's incrementing up we need to put the old one in 
                    document.getElementById('divHolder1').innerHTML = document.getElementById(newDivName).innerHTML;
                    document.getElementById('divHolder2').innerHTML = document.getElementById(oldDivName).innerHTML;
                    document.getElementById("containerTable").style.left = 0 - divWidth;
                    slideDivs("down");
                }        
                currentDivNum = newDivNum;
//            }
//            else
//            {
//                if(currentDivNum > 5)
//                    currentDivNum = 1;
//                if(currentDivNum < 1)
//                    currentDivNum = 5;
//            }
            
          changeDotColor(currentDivNum);
      }
    }
     
     
   function changeDotColor(number)
   {
            document.getElementById("opt01").src = "images/opt01.jpg";
            document.getElementById("opt02").src = "images/opt01.jpg";
            document.getElementById("opt03").src = "images/opt01.jpg";
            document.getElementById("opt04").src = "images/opt01.jpg";
            document.getElementById("opt05").src = "images/opt01.jpg";
            
            document.getElementById("opt0" + number).src = "images/opt02.jpg";
            
            
//        if(number == 1)
//          {
//            document.getElementById("opt01").src = "images/opt02.jpg";
//            document.getElementById("opt02").src = "images/opt01.jpg";
//            document.getElementById("opt03").src = "images/opt01.jpg";
//            document.getElementById("opt04").src = "images/opt01.jpg";
//            document.getElementById("opt05").src = "images/opt01.jpg";
//            
//          }
//   
//        else if(number == 2)
//           {
//            document.getElementById("opt01").src = "images/opt01.jpg";
//            document.getElementById("opt02").src = "images/opt02.jpg";
//            document.getElementById("opt03").src = "images/opt01.jpg";
//            document.getElementById("opt04").src = "images/opt01.jpg";
//            document.getElementById("opt05").src = "images/opt01.jpg";
//            
//          }
//          
//         else if(number == 3)
//           {
//            document.getElementById("opt01").src = "images/opt01.jpg";
//            document.getElementById("opt02").src = "images/opt01.jpg";
//            document.getElementById("opt03").src = "images/opt02.jpg";
//            document.getElementById("opt04").src = "images/opt01.jpg";
//            document.getElementById("opt05").src = "images/opt01.jpg";
//            
//          }
//          
//          else if(number == 4)
//           {
//            document.getElementById("opt01").src = "images/opt01.jpg";
//            document.getElementById("opt02").src = "images/opt01.jpg";
//            document.getElementById("opt03").src = "images/opt01.jpg";
//            document.getElementById("opt04").src = "images/opt02.jpg";
//            document.getElementById("opt05").src = "images/opt01.jpg";
//            
//          }
//          
//         else if(number == 5)
//           {
//            document.getElementById("opt01").src = "images/opt01.jpg";
//            document.getElementById("opt02").src = "images/opt01.jpg";
//            document.getElementById("opt03").src = "images/opt01.jpg";
//            document.getElementById("opt04").src = "images/opt01.jpg";
//            document.getElementById("opt05").src = "images/opt02.jpg";
//            
//          } 
   }