function hideFly(v){
	document.getElementById(v).style.visibility="hidden";	
}


function leftFly(objID){
	  var reportPickerDivID = "flyDiv";	
		var targetField = document.getElementsByName (objID).item(0);
		displayBelowThisObject=targetField;
		
		// get x and y coords
		var x = displayBelowThisObject.offsetLeft;
		var y = displayBelowThisObject.offsetTop + displayBelowThisObject.offsetHeight ;
		
		// deal with elements inside tables and such
		var parent = displayBelowThisObject;
		while (parent.offsetParent) {
			parent = parent.offsetParent;
			x += parent.offsetLeft;
			y += parent.offsetTop ;
		}	 

		var targetWidth=targetField.clientWidth;
		x+=(targetWidth/2);
		y-=30;
		
		// create a new div if it doesn't exist
  	if (!document.getElementById(reportPickerDivID)) {		
	    var newNode = document.createElement("div");
	    newNode.setAttribute("id", reportPickerDivID);
	    newNode.setAttribute("style", "visibility: hidden;");	      
	    document.body.appendChild(newNode);			    
    }
    
	  // move the reportPicker div to the proper x,y coordinate and toggle the visiblity
	  var pickerDiv = document.getElementById(reportPickerDivID);
	  //pickerDiv.style.visibility = (pickerDiv.style.visibility == "visible" ? "hidden" : "visible");
	  pickerDiv.style.visibility ="visible";
	  pickerDiv.style.position = "absolute";
	  pickerDiv.style.left = x + "px";
	  pickerDiv.style.top = y + "px";	  
	  //pickerDiv.style.display = (pickerDiv.style.display == "block" ? "none" : "block");
	  pickerDiv.style.display="block";
	  pickerDiv.style.background="#ddd";
	  pickerDiv.style.border="1pt solid #bbb";
	  pickerDiv.style.fontFamily="arial";
	  pickerDiv.style.padding="5px";
	  pickerDiv.style.fontSize="10pt";
	  pickerDiv.style.zIndex = 100;    
	  pickerDiv.onmouseout=function(){
	  		hideFly(this.id);
	  }

    var html="";
    html="<a href='#'>CSA</a><br>";
    html+="<a href='#'>Cultures</a><br>";

    pickerDiv.innerHTML=html;

}