function initNewItems() {
	var topNode = document.getElementById('newItemsBox_top');
	var contentNode = document.getElementById('newItemsBox');
	var bottomNode = document.getElementById('newItemsBox_bottom');
	var spacerNode = document.getElementById('right_spacer');

	if (new_items.length > 0) {
		//Remove all content within the bottom.
		if (bottomNode.hasChildNodes()) {
			for (var i = bottomNode.childNodes.length; i >= 0; i--) {
				if (bottomNode.childNodes[i].nodeType == 1 || bottomNode.childNodes[i].nodeType == 3) {
					bottomNode.removeChild(bottomNode.childNodes[i]);
				}
			}
		}

		//Setup left arrow (aka: prev item link)		
		var newItemLeftLink = document.createElement("a");
		var newItemLeftDot = document.createElement("img");

		newItemLeftLink.setAttribute('href', '#goto_' + 0);
		newItemLeftLink.setAttribute('id', 'new_item_link_left');
		newItemLeftDot.setAttribute('id', 'new_item_dot_left');
		newItemLeftDot.setAttribute('src', '/images/dot-left.gif');

		newItemLeftLink.onclick = function(){ switchNewItem(this); return false; }
		newItemLeftLink.appendChild(newItemLeftDot);
		bottomNode.appendChild(newItemLeftLink);
		
		//setup dots for each new item.
		for (var i = 0; i < new_items.length && i < 10; i++) {
			var newItemLink = document.createElement("a");
			var newItemDot = document.createElement("img");

			newItemLink.setAttribute('href', '#goto_' + i);
			newItemLink.setAttribute('id', 'new_item_link_' + i);
			newItemDot.setAttribute('id', 'new_item_dot_' + i);
			newItemDot.setAttribute('src', '/images/dot-white.gif');

			newItemLink.onclick = function(){ switchNewItem(this); return false; }
			//newItemLink.appendChild(newItemDot);
			bottomNode.appendChild(newItemDot);
		}

		//Setup right arrow (aka: next item link)		
		var newItemRightLink = document.createElement("a");
		var newItemRightDot = document.createElement("img");

		newItemRightLink.setAttribute('href', '#goto_' + 0);
		newItemRightLink.setAttribute('id', 'new_item_link_right');
		newItemRightDot.setAttribute('id', 'new_item_dot_right');
		newItemRightDot.setAttribute('src', '/images/dot-right.gif');

		newItemRightLink.onclick = function(){ switchNewItem(this); return false; }
		newItemRightLink.appendChild(newItemRightDot);
		bottomNode.appendChild(newItemRightLink);
	
		displayNewItem(0);
		
		topNode.style.display = 'block';
		contentNode.style.display = 'block';
		bottomNode.style.display = 'block';
		spacerNode.style.display = 'block';
	} else {
		topNode.style.display = 'none';
		contentNode.style.display = 'none';
		bottomNode.style.display = 'none';
		spacerNode.style.display = 'none';
	}
}

function displayNewItem(index) {
	var topNode = document.getElementById('newItemsBox_top');
	var contentNode = document.getElementById('newItemsBox');
	var bottomNode = document.getElementById('newItemsBox_bottom');
	var spacerNode = document.getElementById('right_spacer');
	var newItemDot = document.getElementById('new_item_dot_' + index);
	var newItemLeftLink = document.getElementById('new_item_link_left');
	var newItemRightLink = document.getElementById('new_item_link_right');

	if (new_items.length > index && new_items[index] && newItemDot && newItemLeftLink && newItemRightLink) {
		var nodeCount = contentNode.childNodes.length - 1;
		for (var i = nodeCount; i >= 0; i--) {
			if (contentNode.childNodes[i].nodeType == 1 || contentNode.childNodes[i].nodeType == 3) {
				contentNode.removeChild(contentNode.childNodes[i]);
			}
		}

		//Create new elements
		var newItemHeader = document.createElement("h2");
		var newItemHeaderText = document.createTextNode("Featured Items");
		var newItemTag = document.createElement("div");
		var newItemTagText = document.createTextNode("new");
		var newItemSpacer = document.createElement("div");
		var newItemImage = document.createElement("img");
		var newItemConent = document.createElement("div");
		var newItemDescription = document.createElement("div");
		var newItemLink = document.createElement("a");
		var newItemLinkBreak = document.createElement("br");
		var newItemCart = document.createElement("img");
		var newItemCartLink = document.createElement("a");

		//Apply propperties to new elements
		newItemTag.className = 'newTag';
		newItemSpacer.style.clear = 'both';
		newItemConent.style.clear = 'both';
		newItemConent.style.paddingTop = '5px';
		// newItemLink.style.textDecoration = 'none';
		newItemLink.setAttribute('href', '/class.php?id=' + new_items[index].parent_id + '&crumbs=' + new_items[index].crumbs + '&group=' + new_items[index].id + '#' + new_items[index].id);
		newItemCart.setAttribute('src', '/images/icons/cart.gif');
		newItemCartLink.setAttribute('href', newItemLink.getAttribute('href'));
		newItemLink.innerHTML = new_items[index].title;
		newItemDescription.innerHTML = new_items[index].description;
		
		//Attach new elements
		newItemHeader.appendChild(newItemHeaderText);
		newItemTag.appendChild(newItemTagText);
		newItemConent.appendChild(newItemLink);
		newItemConent.appendChild(newItemLinkBreak);
		newItemConent.appendChild(newItemDescription);
		newItemCartLink.appendChild(newItemCart);
		// newItemDescription.appendChild(newItemCartLink);
		
		if (new_items[index].image != '') {
			newItemSpacer.style.paddingBottom = '2px';
			newItemImage.setAttribute('src', '/siteImages/small/' + new_items[index].image);
			contentNode.appendChild(newItemImage);
		}

		contentNode.appendChild(newItemHeader);
		contentNode.appendChild(newItemTag);
		contentNode.appendChild(newItemSpacer);
		contentNode.appendChild(newItemConent);
		

		var nextIndex = index + 1;
		var prevIndex = index - 1;
		
		nextIndex = nextIndex >= new_items.length ? 0 : nextIndex;
		prevIndex = prevIndex < 0 ? new_items.length - 1 : prevIndex;
		
		newItemDot.setAttribute('src', '/images/dot-red.gif');
		
		for (var i = 0; i < new_items.length; i++) {
			var newItemNode = document.getElementById('new_item_dot_' + i);
			if (newItemNode && i != index) {
				newItemNode.setAttribute('src', '/images/dot-white.gif');
			}
		}
		
		newItemLeftLink.setAttribute('href', '#goto_' + prevIndex);
		newItemRightLink.setAttribute('href', '#goto_' + nextIndex);

	}
}

function switchNewItem(clickedItem) {
	var url = clickedItem.getAttribute('href');
	var parts = url.split('_');
	var index = parseInt(parts[parts.length - 1], 10);

	displayNewItem(index);
}
