var Carousel = {
	init: function () {
		Carousel.showCount = 3;
		Carousel.currImage = [1, 1 + Carousel.showCount - 1];
		Carousel.imagesUl = document.getElementById("newsImages");
		if (Carousel.imagesUl) {
			Carousel.images = Carousel.imagesUl.getElementsByTagName("li");

			if (Carousel.images.length > Carousel.showCount) {
				var obj = Carousel;
				var li = document.createElement("li");
				var nav = document.createElement("img");
				nav.src = "images/arrow_left_disabled.png";
				nav.className = "nav";
				nav.onclick = function () {
					Carousel.goImage(obj, -1);
				};
				li.appendChild(nav);
				Carousel.images[0].parentNode.insertBefore(li, Carousel.images[0]);
				li = document.createElement("li");
				nav = document.createElement("img");
				nav.src = "images/arrow_right.png";
				nav.className = "nav";
				nav.onclick = function () {
					Carousel.goImage(obj, 1);
				};
				li.appendChild(nav);
				Carousel.images[0].parentNode.insertBefore(li, Carousel.images[Carousel.images.length - 1].nextSibling);
			}
			for (var i = 1 + Carousel.showCount; i < Carousel.images.length - 1; i++) {
				Carousel.images[i].className = "hidden";
			}
		}
	},
	goImage: function(obj, direction) {
		if (obj.currImage[0] + direction > 0 && obj.currImage[1] + direction < obj.images.length - 1) {
			obj.currImage[0] += direction;
			obj.currImage[1] += direction;
			for (var i = 1; i < obj.images.length - 1; i++) {
				if (i > obj.currImage[1] || i < obj.currImage[0]) {
					obj.images[i].className = "hidden";
				} else {
					obj.images[i].className = "";
				}
			}
			if (obj.currImage[0] == 1) {
				obj.images[0].getElementsByTagName("img")[0].src = "images/arrow_left_disabled.png";
				obj.images[obj.images.length - 1].getElementsByTagName("img")[0].src = "images/arrow_right.png";
			} else if (obj.currImage[1] == obj.images.length - 2) {
				obj.images[0].getElementsByTagName("img")[0].src = "images/arrow_left.png";
				obj.images[obj.images.length - 1].getElementsByTagName("img")[0].src = "images/arrow_right_disabled.png";
			} else {
				obj.images[0].getElementsByTagName("img")[0].src = "images/arrow_left.png";
				obj.images[obj.images.length - 1].getElementsByTagName("img")[0].src = "images/arrow_right.png";
			}
		}
	}
};

Event.observe(window, 'load', Carousel.init, false);
