more_scroll = '';
less_scroll = '';

function moveSlides(dir, id) {
    idName = id;
		target = document.getElementById(idName);
		targetLeft = parseInt(target.style.left);

		if (target.offsetWidth > 515) {
			switch (dir) {
				case "right":
					magicNumber = 515 - parseInt(target.offsetWidth);
					if (targetLeft <= magicNumber) { // Reached limit, stop scrolling
						target.style.left = magicNumber + 'px';
						clearTimeout(more_scroll);
						clearTimeout(less_scroll);
					} else {  // Scroll right
						target.style.left = (targetLeft - 10) + 'px';
						more_scroll = setTimeout("moveSlides('right', idName)", 30);
						less_scroll = '';
					}
					break;
				case "left":
					if (targetLeft >= 0) { // Reached limit, stop scrolling
						target.style.left = '0px';
						clearTimeout(more_scroll);
						clearTimeout(less_scroll);
					} else {  // Scroll left
						target.style.left = (targetLeft + 10) + 'px';
						less_scroll = setTimeout("moveSlides('left', idName)", 30);
						more_scroll = '';
					}
					break;
				case "stop":
					clearTimeout(more_scroll);
					clearTimeout(less_scroll);
					break;
			}
		}
	}

function swapImage(img) {
  document['mainImg'].src = img;
}

lgImg = '';