﻿
  var scroll;
  var m=0;
  var n;
  var mydiv;
  var curr_width;
  var speed=20;
function scrollPics() {
     document.getElementById('div1').style.left=m+'px';
     document.getElementById('div2').style.left=n+'px';
   m--;
   n--;
if(m==-1 * curr_width) {
   m=curr_width;
 }
if(n==-1 * curr_width) {
   n=curr_width;
 }
scroll=setTimeout('scrollPics()',speed);
 } 
window.onload=function() {
   mydiv = document.getElementById('div1');
   curr_width = parseInt(getStyle(mydiv, "width"));
   n=curr_width;
   scrollPics();
document.getElementById('container').onmouseover=function() {
   clearTimeout(scroll); 
  }
document.getElementById('container').onmouseout=function() {
   scrollPics();
  }
 }

function getStyle(el, style) {
   if(!document.getElementById) return;
   
     var value = el.style[toCamelCase(style)];
   
    if(!value)
        if(document.defaultView)
            value = document.defaultView.
                 getComputedStyle(el, "").getPropertyValue(style);
       
        else if(el.currentStyle)
            value = el.currentStyle[toCamelCase(style)];
     
     return value;
}

function toCamelCase( sInput ) {
    var oStringList = sInput.split('-');
    if(oStringList.length == 1)    
        return oStringList[0];
    var ret = sInput.indexOf("-") == 0 ? 
       oStringList[0].charAt(0).toUpperCase() + oStringList[0].substring(1) : oStringList[0];
    for(var i = 1, len = oStringList.length; i < len; i++){
        var s = oStringList[i];
        ret += s.charAt(0).toUpperCase() + s.substring(1)
    }
    return ret;
}
