function getPosition(element) {
	var left = 0;
	var top = 0;
	if(element.offsetParent) {
		while(element) {
		//	alert(element.nodeName + ' : ' + element.offsetTop);
			left += element.offsetLeft;
			top += element.offsetTop;
			element = element.offsetParent;
		}
	}
	return {offsetLeft: left, offsetTop: top};
}

function toolon(item){
//				alert (item.left);
par=item.parentNode
//var element = item;
var pos = getPosition(item);
//alert(pos.offsetLeft + ', ' + pos.offsetTop);
//alert(item.parentNode.className)	
tip=document.getElementById("tooltip")
tip.innerHTML=item.alt;
//alert(item.offsetLeft);
tip.style.left="20px";
//alert(par.offsetTop);
topset=par.offsetTop+"px";
topset=topset.replace('pxpx','px');
tip.style.top=topset;
tip.style.display='block';
tip.className='tooltipon';
}
function tooloff(item){
//				alert (item.left);
document.getElementById("tooltip").style.display='none';
tip.className='tooltipoff';
}

function addvisual(){
var ptt=document.getElementsByName("BirdID")[1].value
alert('this will present a screen for a manual sighting of the current bird ('+ptt+') - To be implemented')
}

function updateplot(){
var callbackFunction=test1

var id2=document.getElementById("id2")
var plot_type=document.getElementById("force_type")
var redraw=document.getElementById("redraw")
//var project=document.getElementById("projectpost")
var project=document.getElementById("studyspp")
var study=document.getElementById("study")
var lat=document.getElementById("lat")
var lon=document.getElementById("lon")
var tstamp=document.getElementById("tstamp")

alert('Requested update of '+id2.value+' to: '+plot_type.value)

//var url='mail.asp?message='+id2.value+','+plot_type.value+','+redraw.checked+','+project.value +','+study.value +','+lat.value +','+lon.value +','+tstamp.value
var url='mail.asp?message='+id2.value+','+plot_type.value+','+redraw.checked+','+project.value+','+study.value+','+lat.value +','+lon.value +','+tstamp.value
// code for Mozilla, etc.
if (window.XMLHttpRequest)
  {
//alert('Moz')
  xmlhttp=new XMLHttpRequest()
  }
// code for IE
else if (window.ActiveXObject)
  {
//alert('Ie')
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
  }
//else alert('none')

if (xmlhttp!=null)
  {
//  xmlhttp.onreadystatechange=state_Change  

xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
if (xmlhttp.responseText){
callbackFunction(xmlhttp.responseText);
     }
    }
  }


// Not waiting for success this time
  xmlhttp.open("GET",url,true)
  xmlhttp.send(null)
  }
else
  {
  alert("Your browser does not support XMLHTTP.")
  }

}
function test1(text){
alert(text)
}

function forceplot(element){

var newvalue=document.getElementById(element.id+"_data").value;
			newvalue=newvalue.substring(newvalue.indexOf("#")+1,100);
			newvalue=newvalue.substring(newvalue.indexOf("#")+1,100);
			newvalue=newvalue.substring(newvalue.indexOf("#")+1,100);
			newvalue=newvalue.substring(newvalue.indexOf("#")+1,100);
			newvalue=newvalue.substring(newvalue.indexOf("#")+1,100);
			id=newvalue.substring(0,newvalue.indexOf("#"));

var form1=document.getElementById("mapform");
update_div=document.getElementById("updatediv")
id2=document.getElementById("id2")
id2.value=form1.id.value
}
			function nobird(){
				var form1=document.getElementById("mapform");
			   	   form1.bird.value="";
					form1.from.value="";
					form1.to.value="";
					form1.altitude.value="";
					form1.speed.value="";
					form1.course.value="";
					form1.id.value="";
					if (form1.qual != null) form1.qual.value="";
					if (form1.src != null) form1.src.value="";
				}
			function showbird(element){
				var form1=document.getElementById("mapform");
				var item;
				form1.bird.value=document.getElementById(element.className).value;
				var newvalue=document.getElementById(element.id+"_data").value;
				form1.from.value=newvalue.substring(0,newvalue.indexOf("#"));
				newvalue=newvalue.substring(newvalue.indexOf("#")+1,100);
				form1.to.value=newvalue.substring(0,newvalue.indexOf("#"));
				newvalue=newvalue.substring(newvalue.indexOf("#")+1,100);
				form1.altitude.value=newvalue.substring(0,newvalue.indexOf("#"));
				newvalue=newvalue.substring(newvalue.indexOf("#")+1,100);
				form1.speed.value=newvalue.substring(0,newvalue.indexOf("#"));
				newvalue=newvalue.substring(newvalue.indexOf("#")+1,100);
				form1.course.value=newvalue.substring(0,newvalue.indexOf("#"));
				newvalue=newvalue.substring(newvalue.indexOf("#")+1,100);
				form1.id.value=newvalue.substring(0,newvalue.indexOf("#"));

				newvalue=newvalue.substring(newvalue.indexOf("#")+1,100);
				if (form1.qual != null)	form1.qual.value=newvalue.substring(0,newvalue.indexOf("#"));

				var plotsrc=newvalue.substring(0,newvalue.indexOf("#"))
				switch(plotsrc){
					case '1':
					case '2':
					case '3':
						plottype='Sat Fix'
						break;
					case '4':
						plottype='Visual Fix'
						break;
					case '5':
						plottype='GPS Fix'
						break;
					default:
						plottype='Poor Sat Fix'

				}
				if (form1.src != null) 	form1.src.value=plottype
			}
			function toggle(butt){
				   var img=document.getElementById(butt.name);
				if(form1.elements(butt.name).checked)var visibility="visible"; else var visibility="hidden"; 
				toggleClassVisibility(butt.name,visibility);
			}
			function toggleClassVisibility(clazz,visibility){
			var anchors = document.getElementsByTagName("a"); 
			var images = document.getElementsByTagName("img"); 
			   for ( var element = 0; element < anchors.length; element++) { if ( anchors[element].className == clazz) anchors[element].style["visibility"]=visibility; }
			   for ( var element = 0; element < images.length; element++) { if ( images[element].className == clazz) images[element].style["visibility"]=visibility; }
			}
function zoomin(){ 
//				var element=document.getElementById("BASE");
//				element.style.cursor='url("zoomin.cur")'; 
}
function zoomout(){ 
//				var element=document.getElementById("BASE");
//				element.style.cursor='url("zoomout.cur")'; 
}
function zoomreset(){
//				var element=document.getElementById("BASE");
//				element.style.cursor='default'; 
}
function justshow(element){
// firstly reset all gifs to hidden layer
	var images = document.getElementsByTagName("img"); 
	var bird=document.getElementById("SelectedBird");
if(element.value=="all") 
var setall=4;else var setall=2;
	for ( var img = 0; img < images.length; img++) {
if(images[img].id.substring(0,6)=="layer_")
if( images[img].id == "layer_animated") // don't show animated when showing all
	images[img].style.zIndex=2;
else	images[img].style.zIndex=setall;
 }
var screen=document.getElementById("SCREEN");
if(element.value!="all") {
var map=document.getElementById("layer_"+element.value);
screen.style.zIndex=0;
map.style.zIndex=4; }
else screen.style.zIndex=5;

bird.value=element.value;
}
function newmap(map){
document.forms.form1.map.value=map;
document.forms.form1.submit();
}

function newmapin(map){
document.getElementById("zoom_dir").value="in";
document.forms.form1.map.value=map;
document.forms.form1.submit();
}

function newmapout(map){
document.getElementById("zoom_dir").value="out";
document.forms.form1.map.value=map;
document.forms.form1.submit();
}

function checkzoom(){
var zoom_dir=document.getElementById("zoom_dir").value;
var base=document.getElementById("BASE");
var screen=document.getElementById("SCREEN");
var start=base.src.lastIndexOf("/")+1;
var end=base.src.lastIndexOf(".jpg");
var basename=base.src.substr(start,end-start);
var prevmap=document.getElementById('refermap').value;

if(prevmap !=''){
if(zoom_dir=="in") {
//screen.src="basemaps/"+prevmap+".jpg";
//screen.style.zIndex=50;
//screen.style.width='800px';
//alert("zooming in"); 
}
else if(zoom_dir=="out") {
//alert("zooming out");
}
}



// all done so set prev map to current
document.getElementById('refermap').value=document.getElementById('mappost').value;
}