// JavaScript Document
//map.js
//Need to leave off <script> tags for client-side include statement

//<script language ="javascript">

function alertTest()
{
     alert ("alertTest activated!");
}

function displayDot(numSite)
{
     //alertTest();     
     x0=xSite[numSite]-greendotOffset;
     y0=ySite[numSite]-greendotOffset;
     strX=x0.toString()+'px';
     strY=y0.toString()+'px';
     document.getElementById('dotGreen').style.left=strX;
     document.getElementById('dotGreen').style.top=strY;
}

function toggle() 
{
     el = document.getElementById('dotGreen');
     if(el.style.display == 'none')el.style.display = ''; 
     else if(el.style.display == '')el.style.display = 'none';
}

function setRadioButton(numSite) 
{  
     x0=xSite[numSite]-greendotOffset;
     y0=ySite[numSite]-greendotOffset;
     strX=x0.toString()+'px';
     strY=y0.toString()+'px';
     document.getElementById('dotGreen').style.left=strX;
     document.getElementById('dotGreen').style.top=strY;
     //For some reason this statement is required to make Firefox work
     check=document.getElementById('rad');
     check.parks[numSite].checked=true;
}



function setPage()
{	
	for(i=0;i<numSites;i++)
	{
		Link[i]="content/view/"+idSite[i]+"/"+idSite[i];
		xSite[i]=-54.5*(longSite[i]-104.98)+265; //-54.828
		ySite[i]=-66.4*(latSite[i]-39.75)+134; //-68.421
	}	
	
	for(i=0;i<numSites;i++)
	{
		idDot='dotRed'+i;
		idClick='setRadioButton(' +i+ ')';
		document.write("<img src='images/OrangeDot.png' id='dotRedX' border='0' width='8' height='8' style='position: absolute; background: transparent;' onclick=");
		document.write(idClick);
		document.write(">");
		document.getElementById('dotRedX').id=idDot;
	}
	document.write("<img src='images/GreenDot2.png' id='dotGreen' border='0' width='12' height='12' style='position: absolute; left'>");
	document.write("<table id='map' align='left' border='1'><tr><td id='map-cell' border='0' valign='top'><img src='images/co-map2.jpg' id='co-map' border='0' width='447' height='300'></td></tr></table>");

	document.write("<div style='text-align: center; padding-bottom: 5px; border: solid 1px #BAB29B;'>Please click on item links for more information</div><div style='overflow: auto; height :325px;'><table height='100%' width='100%'><tr><td width='100%' valign='top'><form id='rad'>");

	document.write("<input type=radio name='parks' value='0' onclick='displayDot(0)' checked><a href='' id='tdx0'>x</a><br>");

	for(i=1;i<numSites;i++)
	{
		idTdx='tdx'+i;
		idDisplay='displayDot(' +i+ ')';
		document.write("<input type=radio id='X'name='parks' value='0' onclick=");
		document.write(idDisplay);
		document.write("><a href='' id='tdxX'>x</a><br>");
		document.getElementById('X').value=i;
		document.getElementById('tdxX').id=idTdx;
	}
	document.write("</form></td></tr></table></div>");

	for(i=0;i<numSites;i++)
	{
    	 //alertTest();     
     	idLink='tdx'+i;
    	idDot='dotRed'+i;
    	strX=xSite[i].toString()+'px';
    	strY=ySite[i].toString()+'px';
    	document.getElementById(idLink).innerHTML=nameSite[i];
    	document.getElementById(idLink).href=Link[i];
    	document.getElementById(idDot).style.left=strX;
    	document.getElementById(idDot).style.top=strY;
	}

	x0=xSite[0]-greendotOffset;
	y0=ySite[0]-greendotOffset;
	strX=x0.toString()+'px';
	strY=y0.toString()+'px';
	document.getElementById('dotGreen').style.left=strX;
	document.getElementById('dotGreen').style.top=strY;
	setInterval('toggle()',300);
	//setCheckedValue('parks', '2');
	//document.getElementById('dotRed0').onclick='alertTest()';
}
//</script>