function moveElement(elementID,final_x,final_y,interval) {
	if (!document.getElementById) return false;
	if (!document.getElementById(elementID)) return false;
	var elem = document.getElementById(elementID);
	if (elem.movement) {
		clearTimeout(elem.movement);
	}
	if (!elem.style.left) {
		elem.style.left = "0px";
	}
	if (!elem.style.top) {
		elem.style.top = "0px";
	}
	var xpos = parseInt(elem.style.left);
	var ypos = parseInt(elem.style.top);
	if (xpos == final_x && ypos == final_y) {
		return true;
	}
	if (xpos < final_x) {
		var dist = Math.ceil((final_x - xpos)/5);
		xpos = xpos + dist;
	}
	if (xpos > final_x) {
		var dist = Math.ceil((xpos - final_x)/5);
		xpos = xpos - dist;
	}
	if (ypos < final_y) {
		var dist = Math.ceil((final_y - ypos)/5);
		ypos = ypos + dist;
	}
	if (ypos > final_y) {
		var dist = Math.ceil((ypos - final_y)/5);
		ypos = ypos - dist;
	}
	elem.style.left = xpos + "px";
	elem.style.top = ypos + "px";
	var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
	elem.movement = setTimeout(repeat,interval);
}

function slideMenu(category, items, alt, max_w) {
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById) return false;
	if(!document.getElementsByTagName("h1")) return false;
	if(!document.getElementById("contentsarea")) return false;

	var standardW = 752;
	var tagH1 = document.getElementsByTagName("h1");
	var contents = document.getElementById("contentsarea");
	var slidearea = document.createElement("div");
	slidearea.setAttribute("id", "slidemenuarea");

	var imgWidth = document.images[0].width;

	if(imgWidth == standardW) {
		var preview = document.createElement("img");
		preview.setAttribute("src", "img/slidemenu/leftbtn01.jpg");
		preview.setAttribute("alt", "preview");
		preview.setAttribute("id", "leftbtn");
		slidearea.appendChild(preview);
	} else {
		var preview = document.createElement("img");
		preview.setAttribute("src", "img/slidemenu/leftbtn02.jpg");
		preview.setAttribute("alt", "preview");
		preview.setAttribute("id", "leftbtn");
		slidearea.appendChild(preview);
	}

	var mainarea = document.createElement("div");
	mainarea.setAttribute("id", "slidemainarea");
	slidearea.appendChild(mainarea);

	var parts = document.createElement("ul");
	parts.setAttribute("id", "parts");
	mainarea.appendChild(parts);

	for(var i = 0; i < items.length; i++) {
		var itmHerf = category + i + ".php";
		var itemSrc = "img/slidemenu/" + category + "/" + items[i]+ ".jpg";
		var itemLi = document.createElement("li");
		parts.appendChild(itemLi);
		var itemLink = document.createElement("a");
		itemLink.setAttribute("href", itmHerf);
		itemLi.appendChild(itemLink);
		var item = document.createElement("img");
		item.setAttribute("alt", alt + items[i]);
		item.setAttribute("name", items[i]);
		item.setAttribute("id", "slide_"+items[i]);
		item.setAttribute("src", itemSrc);
		itemLink.appendChild(item);
	}

	var x = items.length / 5;
	var y = Math.ceil(x);
	var z = y - x;
	var xyz = z * 5;
	var count = Math.ceil(xyz);

	for(var j = 0; j < count; j++) {
		var bgImg = document.createElement("img");
		var bgImgSrc = "img/slidemenu/bg.gif";
		bgImg.setAttribute("src", bgImgSrc);
		var itemLi = document.createElement("li");
		parts.appendChild(itemLi);
		itemLi.appendChild(bgImg);
	}

	if(imgWidth == standardW) {
		var next = document.createElement("img");
		next.setAttribute("src", "img/slidemenu/rightbtn01.jpg");
		next.setAttribute("alt", "next");
		next.setAttribute("id", "rightbtn");
		slidearea.appendChild(next);
	} else {
		var next = document.createElement("img");
		next.setAttribute("src", "img/slidemenu/rightbtn02.jpg");
		next.setAttribute("alt", "next");
		next.setAttribute("id", "rightbtn");
		slidearea.appendChild(next);
	}

	contents.insertBefore(slidearea, tagH1[0]);

	var preBtn = document.getElementById("leftbtn");
	preBtn.onmouseover = function() {
		var imgWidth = document.images[0].width;
		if(imgWidth != standardW) {
			division_x = parseInt(imgWidth / standardW * -675);
			max_x = parseInt(imgWidth / standardW * max_w);
		} else {
			division_x = -675;
			max_x = max_w;
		}

		if(!parseInt(parts.style.left)) {
			var leftposi = 0;
		} else {
			var leftposi = parseInt(parts.style.left);
		}

		if(leftposi <= 0) {
			var counter = max_x / division_x;
			var position = leftposi / counter;

			if(position == 0) {
				position = division_x;
			} else {
				position = leftposi - division_x;
			}

			var x = leftposi / division_x;

			if(leftposi < 0 && x == 1 || leftposi < 0 && x == 2 || leftposi < 0 && x == 3 || leftposi  < 0 && x == 4) {
				moveElement("parts", position, 0, 5);
			}
		}
	}

	var nextBtn = document.getElementById("rightbtn");
	nextBtn.onmouseover = function() {
		var imgWidth = document.images[0].width;
		if(imgWidth != standardW) {
			division_x = parseInt(imgWidth / standardW * -675);
			max_x = parseInt(imgWidth / standardW * max_w);
		} else {
			division_x = -675;
			max_x = max_w;
		}

		if(!parseInt(parts.style.left)) {
			var leftposi = 0;
		} else {
			var leftposi = parseInt(parts.style.left);
		}

		if(leftposi <= 0) {
			var counter = max_x / division_x;
			var position = leftposi / counter;

			if(position == 0) {
				position = division_x;
			} else {
				position = leftposi + division_x;
			}

			var x = position / division_x;

			if(leftposi > max_x && x == 1 || leftposi > max_x && x == 2 || leftposi > max_x && x == 3 || leftposi > max_x && x == 4) {
				moveElement("parts", position, 0, 5);
			}
		}
	}
}

function slideMenuRollover() {
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById) return false;
	if(!document.getElementById("parts")) return false;

	var rootNode = document.getElementById("parts");
	var imgTag = rootNode.getElementsByTagName("img");

	for(var i = 0; i < imgTag.length; i++) {
		imgTag[i].onmouseover = function() {
				var imgName = this.getAttribute("id");
				this.src = this.src.split(imgName)[0];
				this.src = this.src + imgName + "_over.jpg";
		}

		imgTag[i].onmouseout = function() {
				var imgName = this.getAttribute("id");
				this.src = this.src.split(imgName)[0];
				this.src = this.src + imgName + ".jpg";
		}
	}
}