var maxHistory = 7;	// total number of items in history, others get removed
var unitLabels = new Array();
var dirTimeout = null;
function addToHistory(cUnit) {

	console.log(cUnit);
	list = $J("#historyList");
	cID = cUnit.UnitID;
	
	list.find("#histItem" + cID).remove(); // remove existing item	
	allItems = list.find(".historyItem");  // remove max items
	if (allItems.length >= maxHistory) {
		lastItem = $J(allItems[allItems.length - 1]);
		lastItem.remove();
	}
	unitImage = sprintf('<img class="historyIcon" src="/assets/images/maps/imap_icons/%s" border="0"/>', GetMarkerImage(cUnit));
	unitTitle = cUnit.pinLabel;
	unitLabels[cID] = unitTitle;
	unitItem = sprintf('<div class="historyItem" id="histItem%s"><A href="javascript:showHistoryItem(\'%s\')" class="histLink">%s<div class="historyLabel">%s</div></a><div class="historyDir"><a href="javascript:fromHere(unitLabels[%s])"><img src="/assets/images/imap/diro2off.gif" width="58" height="12"/></A><a href="javascript:toHere(unitLabels[%s])"><img src="/assets/images/imap/diro3off.gif" width="58" height="13"/></A></div></div>',cID,cID,unitImage,unitTitle,cID,cID);
	list.prepend(unitItem);
	
	addedItem = $J("#histItem" + cID);
	console.log("ADDING: " + unitItem);
	
	historyItems = $J(".historyItem");
	historyItems.each(											 
		function(i){
			$J(this).mouseover( function() { 
				clearTimeout(dirTimeout);	// timeout prevents blinking in IE
				activeSiblings = $J(this).siblings(".on");
				activeSiblings.find(".historyDir").hide();
				activeSiblings.removeClass("on");

				$J(this).find(".historyDir").show();
				$J(this).addClass("on"); 
			} );
			$J(this).mouseout( function()  { clearTimeout(dirTimeout); dirTimeout  = setTimeout(function() { $J("#historyList .on").find(".historyDir").hide(); $J("#historyList .on").removeClass("on");  },200); });
	});
	
	historyDirs = $J(".historyDir A IMG");
	historyDirs.each(											 
		function(i){
			$J(this).mouseover( function() { $J(this).attr("src",$J(this).attr("src").replace("off","over")); } );
			$J(this).mouseout( function()  { $J(this).attr("src",$J(this).attr("src").replace("over","off")); } );
	});
	
	
	// FIX HEIGHT
	addedItemLabel = addedItem.find(".historyLabel");
	thisHeight = addedItemLabel.height();
	console.log("THIS HEIGHT" + thisHeight);
	maxHeight = 32;
	if (thisHeight > maxHeight) {
		console.log("too tall")
		addedItemLabel.css("height",maxHeight + "px");
		thisHeight = maxHeight;
	}
	cTop = 11;
	if (thisHeight >= 22) cTop = 6;
	if (thisHeight >= 33) cTop = 0;
	addedItemLabel.css("top", cTop + "px")	
	console.log("NEW Y: " + addedItemLabel.css("top"));
	
}

function showHistoryItem(unitID) {
	unitLink(unitID);
}