// JavaScript Document
var hide = true;
var IE = document.all ? true : false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = positionFeatureViewer;
// Feature Info
function showFeatureInfo(feature_id)
{
	hide = false;
	$("#feature_" + feature_id + " > img").css({'display' : 'block'});
	$("#feature_" + feature_id + " > span").css({'display' : 'none'});
	$.ajax({
   type: "POST",
   url: "get_feature_info.php",
   data: "feature_id=" + feature_id,
   success: function(html){
		if(hide == false)
		{
			document.getElementById('feature_viewer').innerHTML = html;
			$("#feature_viewer").slideDown(100);
		}
   }
 	});
}

function showOptionFeatureInfo(feature_id)
{
	hide = false;
	$.ajax({
   type: "POST",
   url: "get_option_feature_info.php",
   data: "feature_id=" + feature_id,
   success: function(html){
		if(hide == false)
		{
			document.getElementById('feature_viewer').innerHTML = html;
			$("#feature_viewer").slideDown(100);
		}
   }
 	});
}

function hideFeatureInfo()
{
	hide = true;
	document.getElementById('feature_viewer').innerHTML = "";
	document.getElementById('feature_viewer').style.display = "none";
}

function hideFeatureInfo(feature_id)
{
	hide = true;
	document.getElementById('feature_viewer').innerHTML = "";
	document.getElementById('feature_viewer').style.display = "none";
	$("#feature_" + feature_id + " > img").css({'display' : 'none'});
	$("#feature_" + feature_id + " > span").css({'display' : 'block', 'display' : 'table-cell', 'verticalAlign' : 'middle'});
}

function positionFeatureViewer(e)
{
  if (IE)
	{ 
    document.getElementById('feature_viewer').style.left = window.event.clientX + document.documentElement.scrollLeft + 20 + 'px';
    document.getElementById('feature_viewer').style.top = window.event.clientY + document.documentElement.scrollTop - 150 + 'px';
  }
	else
	{ 
    document.getElementById('feature_viewer').style.left = e.pageX + 60 + 'px';
    document.getElementById('feature_viewer').style.top = e.pageY - 150 + 'px';
  }  
}