﻿
function getEl(id) {
	return document.getElementById(id);
}

var slideIntervalFlag;
var sliding = false;
function slide(el, startValue, endValue, increment) {
	if (!el) return;

	var eStyle = null;
	if (document.all) {
		eStyle = el.currentStyle; 
	} else {
		eStyle = document.defaultView.getComputedStyle(el, null);
	}

	if (parseInt(eStyle.marginLeft, 10) == endValue) return;
	
	var currentValue = null;
	if (startValue) {
		el.style.marginLeft = startValue + "px";
		currentValue = startValue;
	} else {
		currentValue = parseInt(el.style.marginLeft, 10);
	}

	if (slideIntervalFlag) {
		window.clearInterval(slideIntervalFlag);
	}

	slideIntervalFlag = window.setInterval(function() {
		if (startValue < endValue) {
			if (currentValue < endValue) {
				currentValue += increment;
				el.style.marginLeft = currentValue < endValue ? currentValue + "px" : endValue + "px";
			} else {
				window.clearInterval(slideIntervalFlag);
			}
		} else  {
			if (currentValue > endValue) {
				currentValue += increment;
				el.style.marginLeft = currentValue < endValue ? endValue + "px" : currentValue + "px";
			} else {
				window.clearInterval(slideIntervalFlag);
			}
		}
	}, 60);
}


function slideShow() {
	window.clearInterval(slideIntervalFlag);
}


