/*
	
	Routines to open a floating menu next to the mouse coordinates
	
	
	Call the floating box
	
	<a href="javascript:void(0);" onmouseover="moveObject('loc1', event);">Click</a>
	
	
	
	Floating Box
	
	<div class="mousetrap" id="loc1" style="left:10px; position:absolute; top:30px;">
		<div class="mt_toolbar" align="right"><a href="javascript:displayObject('loc1');"><img src="/images/close.gif" alt="click to close" title="click to close" width="14" height="13" border="0" align="middle"></a></div>
		<div class="mt_content">
			<b>ABC Agency Network of Texas, LLC</b><br>
			816 East Abram Street Suite 106<br>
			Arlington, TX 76010<br>
			817.261.1300 (Tel)<br>
			817.701.0995 (Fax)<br>
			[<a href="http://maps.google.com/maps?f=q&amp;hl=en&amp;geocode=&amp;time=&amp;date=&amp;ttype=&amp;q=816+East+Abram+Street+Suite+106,+Arlington,+TX,+United+States+of+America&amp;sll=32.731841,-97.097168&amp;sspn=10.858794,17.20459&amp;ie=UTF8&amp;z=16&amp;iwloc=ad" target="_blank">map</a>]
		</div>
	</div>
	
	
	
CSS styles
	
.mousetrap {
	border: solid 1px #999; 
	font-size:10px;
	color: #675B50; 
	background-color: #fff;
	z-index:4;
	padding: 0px;
	visibility: hidden; 
	display: none;
	width: 150px;
}

.mt_toolbar {
	background-color: #999;
	color: white;
	padding: 2px;
	text-align: right;
	font-weight: bold;
}
	
.mt_content {
	padding: 8px;
}


	
*/




function getObject( obj ) {

  // step 1
  if ( document.getElementById ) {
    obj = document.getElementById( obj );

  // step 2
  } else if ( document.all ) {
    obj = document.all.item( obj );

  //step 3
  } else {
    obj = null;
  }

  //step 4
  return obj;
}


function moveObject( obj, e ) {

  // step 1
  var tempX = 0;
  var tempY = 0;
  var offset_x = -180;
  var offset_y = 0;
  var objHolder = obj;

  // step 2
  obj = getObject( obj );
  if (obj==null) return;

  // step 3
  if (document.all) {
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
  } else {
    tempX = e.pageX;
    tempY = e.pageY;
  }

  // step 4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}

  // step 5
  obj.style.top  = (tempY + offset_y) + 'px';
  obj.style.left = (tempX + offset_x) + 'px';

  // step 6
  displayObject( objHolder, true );
}
  
  


function displayObject( obj, show ) {

  // step 1
  obj = getObject( obj );
  if (obj==null) return;

  // step 2
  obj.style.display = show ? 'block' : 'none';
  obj.style.visibility = show ? 'visible' : 'hidden';
}



// SHOW detailed map (closeup) of a state

function show_detail(id) {
	if(document.getElementById(id).style.display == "block") {
		document.getElementById(id).style.display="none";
	} else {
		document.getElementById(id).style.display="block";
	}
	
	for(i=1; i<=30; i++) {
		if(document.getElementById(id+i)) {
			if(document.getElementById(id+i).style.display == "block") {
				document.getElementById(id+i).style.display="none";
			} else {
				document.getElementById(id+i).style.display="block";
			}
		
		}
	}
}


function showTeaser(id, n) {

	// close all teasers
	for(i=1; i<=n; i++) {
		if(document.getElementById('t'+i)) {
			document.getElementById('t'+i).style.display="none";
		}
	}
	
	document.getElementById('t'+id).style.display="block";

}


function hideTeaser(id) {
	
	document.getElementById('t'+id).style.display="none";

}