function preloadImages(elemSrc) {
	if (!document.getElementById("ImagePreloader")) {
		var preDiv = document.createElement('div');
		document.body.appendChild(preDiv);
		preDiv.setAttribute("id", "ImagePreloader");
	}
	var preDiv = document.getElementById("ImagePreloader");
	var preImg = document.createElement('img');
	preDiv.style.position = 'absolute';
	preDiv.style.visibility = 'hidden';
	preDiv.style.height = '1px';
	preDiv.style.overflow = 'hidden';
	preImg.src = elemSrc;
	preDiv.appendChild(preImg);
}


var left = 0;
var IntervalId;
var galContainer;

function galery() {
	galContainer = document.getElementById("projects").getElementsByTagName("ul")[0];
	if (!galContainer) {
		return
	}
	galContainer.style.marginLeft = left + "px";
	var childrens = galContainer.childNodes;
	for (var i = 0; i < childrens.length; i++) {
		if (childrens[i].nodeType != 1) {
			galContainer.removeChild(childrens[i]);
		}
	}
	for (var i = 0; i < childrens.length; i++) {
		preloadImages(childrens[i].getElementsByTagName("img")[0].src);
		elemLi = childrens[i];
		elemLi.onmouseover = onmouseHandler;
	}
	IntervalId = setInterval("setLeft()", 45);
}

function setLeft() {
	left -= 1;
	galContainer.style.marginLeft = left + "px";
	if (left == -202) {
		left = 0;
		replaceChild();
	}
}

function replaceChild() {
	var fChild = galContainer.firstChild;
	galContainer.style.marginLeft = left + "px";
	galContainer.removeChild(fChild);
	galContainer.appendChild(fChild);
}

function onmouseHandler() {
	clearInterval(IntervalId);
	this.onmouseout = function() {
		IntervalId = setInterval("setLeft()", 45);
	}
}

galery();