var products;
var start = 0;
var max = 0;

function dhtmlLoadScript(url) {
	var e = document.createElement("script");
	e.src = url;
	e.type="text/javascript";
	document.getElementsByTagName("head")[0].appendChild(e);
}

function addHandler(target, eventName, handler) {
	if (target.addEventListener) {
		target.addEventListener(eventName, handler, false);
	} else if (target.attachEvent) {
		target.attachEvent("on" + eventName, handler);
	} else {
		target["on" + eventName] = handler;
	}
}

function also_in_callback(data) {
	products = data;
	max = products.items.length - 1;
	if (products.items.length > 4) {
		var leftArrow = document.getElementById("leftarrow_alsoin");
		var rightArrow = document.getElementById("rightarrow_alsoin");
		if (leftArrow && rightArrow) {
			leftArrow.style.display = "";
			leftArrow.style.cursor = "pointer";
			addHandler(leftArrow, "click", also_in_left);
			rightArrow.style.display = "";
			rightArrow.style.cursor = "pointer";
			addHandler(rightArrow, "click", also_in_right);
		}
	}
}

function also_in_left() {
	if (start <= 0) {
		start = max;
	} else {
		start--;
	}
	also_in_update();
}

function also_in_right() {
	if (start >= max) {
		start = 0;
	} else {
		start++;
	}
	also_in_update();
}

function also_in_update() {
	for (var loop = 0; (loop < 4); loop++) {
		var slide = loop + 1;
		var item = start + loop;
		if (item > max) {
			item = item - (max + 1);
		}
		updateDD(slide, products.items[item]);
	}
}

function updateDD(slide, item) {
	var html;
	var dd = document.getElementById("alsoin" + slide);
	var image = "<a href='" + item.url + "'><img border='0' src='" + item.image + "' alt='" + item.alt + "' width='" + item.width + "' height='" + item.height + "' /></a>";
	if (item.special == "true") {
		if (slide == 1) {
			dd.className = "first special";
		} else {
			dd.className = "special";
		}
		html = image + "<br />Special Section:<br /><a href='" + item.url + "'>" + item.name + "</a>";
	} else {
		if (slide == 1) {
			dd.className = "first";
		} else {
			dd.className = "";
		}
		html = "<div class='image'>" + image + "</div><div class='blurb'><a href='" + item.url + "'>" + item.name + "</a></div>";
	}
	dd.innerHTML = html;
}