/**
 * @author mpeccini
 */
var prjID = new Array();
var prjName = new Array();
var prjCity = new Array();
var prjState = new Array();
var prjCounty = new Array();
var prjRegion = new Array();
var prjCongDist = new Array();
var prjProgram = new Array();
var prjType = new Array();
var prjStatus = new Array();
var prjFlag = new Array();
var prjStartDate = new Array();
var prjEndDate = new Array();
var prjLat = new Array();
var prjLong = new Array();
var prjDate = new Array();
var prjFyAwarded = new Array();
var prjImages = new Array();
var photoCaptions = new Array();
var photoCredit = new Array();
var photoDate = new Array();
var pictCount;

var featureCount;
var smMarkersArray = new Array();
var bigMarkersArray = new Array();
var num = -1;

function loadQueryPage(){
		//document.getElementById("projectPageFrame").src= '../project_query.jsp'	
 }
 
 function mapProjects(){
	smMarkersArray = [];
	medMarkersArray = [];
	largeMarkersArray = [];

	featureCount = recLat.length;

for (i = 0; i <= featureCount-1; i++) {
		var tmpCoords = new GLatLng(recLat[i],recLong[i]);
		smMarkersArray[i] = new GMarker(tmpCoords, {icon:smPointIcon});
		eval('GEvent.addListener(smMarkersArray['+i+'],"click", function(){projcetPopUp("'+i+'")})'); //end eval
		eval('GEvent.addListener(smMarkersArray['+i+'],"mouseover", function(){projcetSmPopUp("'+i+'")})'); //end eval
		eval('GEvent.addListener(smMarkersArray['+i+'],"mouseout", function(){closeSmPopUp()})'); //end eval
		eval('GEvent.addListener(smMarkersArray['+i+'],"infowindowclose", function(){disableMouseOver = false})'); //end eval
		
	/*
	medMarkersArray[i] = new GMarker(tmpCoords, {icon:medPointIcon});
		eval('GEvent.addListener(medMarkersArray['+i+'],"click", function(){projcetPopUp("'+i+'")})'); //end eval		
		eval('GEvent.addListener(medMarkersArray['+i+'],"mouseover", function(){projcetBigPopUp("'+i+'")})'); //end eval
		eval('GEvent.addListener(medMarkersArray['+i+'],"mouseout", function(){closeSmPopUp()})'); //end eval
		eval('GEvent.addListener(medMarkersArray['+i+'],"infowindowclose", function(){disableMouseOver = false})'); //end eval		
		
*/
		largeMarkersArray[i] = new GMarker(tmpCoords, {icon:largePointIcon});
		eval('GEvent.addListener(largeMarkersArray['+i+'],"click", function(){projcetPopUp("'+i+'")})'); //end eval		
		eval('GEvent.addListener(largeMarkersArray['+i+'],"mouseover", function(){projcetSmPopUp("'+i+'")})'); //end eval
		eval('GEvent.addListener(largeMarkersArray['+i+'],"mouseout", function(){closeSmPopUp()})'); //end eval
		eval('GEvent.addListener(largeMarkersArray['+i+'],"infowindowclose", function(){disableMouseOver = false})'); //end eval		
		
	}

	sendToCreateMarker('small');

 }
 
 function sendToCreateMarker(size){
	loadSplash();
	createMarker(size);
	
}
 
 var markerSize = "small";
 function createMarker(size){
  num++; 
  if(num < featureCount){
	 if (size == "large"){
		gMap.addOverlay(largeMarkersArray[num]);
		createMarker(size)
	}else if (size == "medium"){
 		 gMap.addOverlay(mediumMarkersArray[num]);
		 createMarker(size)
  	}else if (size == "small"){
		gMap.addOverlay(smMarkersArray[num]);
		createMarker(size)
	}	
  }else{
	num=-1;
	//GEvent.callback(object:Object, method:Function)
	unloadSplash();
	//alert("what is num"+num)
  }	
}

var disableMouseOver = false;

var projectIdSingle;
var crp;
function projcetPopUp(idx){
	document.getElementById('projectHover').style.display="none"
 	projectIdSingle = prjID[idx];
	crp = false;
	if (prjProgram[idx]=="Community-based Restoration"){
		crp = true;
	}
	//alert(jobs[idx])
	//alert(pictCount[idx])
	//alert(markersArray[idx].getLatLng())
	//var windowHTML = '<b>'+prjName[idx]+'</b><br><a href="javascript:loadProjectPage('+prjID[idx]+')">more project info</a><br>'+prjProgram[idx]+'<br>'+prjType[idx]+'<br>'+prjStatus[idx]
	//var offset = new GSize(-5,-5);
	var windowTabsHTML = new Array();
	var infoWindow;
	
	//this is a workaround for IE - single image direct launch does not work from the popup location in ie

		var htmlDescription = '<div class="popup_container">';
		//title
			htmlDescription += '<div class="infoName"><img class="spacer" src="images/spacer.gif">'+recName[idx]+'</div>';
		//description
			htmlDescription += '<div class="infoCategory"><img src="images/bullet2.gif"><span class="infoHeading">Description:</span>&nbsp;'+recDescript[idx]+'</div>';
		//eco impact
			htmlDescription += '<div class="infoCategory"><img src="images/bullet2.gif"><span class="infoHeading">Ecological Impact:</span>&nbsp;'+ecoImpact[idx]+'</div>';
		//image link
		if (browserType == "ie"){
			htmlDescription += '<a class="infoLink" href="javascript:buildImageHtml('+idx+')"><img class="linkImage" src="images/camera_icon_sm.gif">&nbsp;view photos ('+photoCount[idx]+')</a>';
		}else{
			if(photoCount[idx]==1){
				htmlDescription += '<a onclick="javascript:singleImage=true" href="images/project_med/'+recProposalNo[idx]+'-1.jpg" class="lb-flower" title="'+photoCaption[idx]+'"><img class="linkImage" src="images/camera_icon_sm.gif">&nbsp;view photos ('+photoCount[idx]+')</a>';
			}else{
				htmlDescription += '<a class="infoLink" href="javascript:buildImageHtml('+idx+')"><img class="linkImage" src="images/camera_icon_sm.gif">&nbsp;view photos ('+photoCount[idx]+')</a>';
			}

		}

		
		//zoom to location	
		if(numLocs[idx]==1){
			htmlDescription += '<a class="infoLink" href="javascript:ZoomToLocation('+idx+')"><span class="zoomImage"><img class="linkImage" src="images/sm_zoom.gif">&nbsp;zoom to location</span></a><br>';
		}else{
			htmlDescription += '<a class="infoLink" href="javascript:ZoomToLocation('+idx+')"><span class="zoomImage"><img class="linkImage" src="images/sm_zoom.gif">&nbsp;zoom to area of project</span></a><br>';
			htmlDescription += '<a class="infoLink" href="javascript:BuildDetailMapWindow('+idx+')"><span class="zoomImage"><img class="linkImage" src="images/map_bullet.gif">&nbsp;detailed location maps&nbsp;</span></a>';
			if(!videoLinks[idx]){
				htmlDescription += '<br>';
			}
			//htmlDescription += '<a class="infoLink" href="javascript:alert('+idx+')"><span class="zoomImage"><img class="linkImage" src="images/map_bullet.gif">&nbsp;detailed location maps&nbsp;</span></a><br></div>';
		}
	
		//video link
		if (videoLinks[idx]){
			var vidCount = videoThumbLinks[idx].split("&&").length-1
			htmlDescription += '<span class="zoomVideoImage"><a class="infoLink" href="javascript:showVideoThumbs('+idx+')"><img class="linkImage" src="images/video_icon.gif">&nbsp;watch videos ('+vidCount+')</a></span><br>';
		}
		
		if (webCamLink[idx]){
			htmlDescription += '<span class="zoomVideoImage"><a class="infoLink" href="javascript:showWebcam('+idx+')"><img class="linkImage" src="images/video_icon.gif">&nbsp;live webcam</a></span>';
			htmlDescription += '<a class="infoLink" href="javascript:showTimelapse('+idx+')"><span class="zoomImage"><img class="linkImage" src="images/timelapse_icon.gif">&nbsp;timelapse video&nbsp;</span></a><br>';
		}
		
		htmlDescription += '</div>'; //ends popup container div
	//no jobs
	var htmlFunding = '<div class="popup_container"><div class="infoName"><img class="spacer" src="images/spacer.gif">'+recName[idx]+'</div><div class="infoCategory"><div class="infoCategory"><img src="images/bullet2.gif"><span class="infoHeading">Federal Funding:</span>&nbsp;'+fundingAmount[idx]+'</div><div class="infoCategory"><img src="images/bullet2.gif"><span class="infoHeading">Funding Recipient:</span>&nbsp;'+recApplicant[idx]+'</div><div class="infoCategory"></div></div>'
	//jobs
	//var htmlFunding = '<div class="popup_container"><div class="infoName"><img class="spacer" src="images/spacer.gif">'+recName[idx]+'</div><div class="infoCategory"><div class="infoCategory"><img src="images/bullet2.gif"><span class="infoHeading">Federal Funding:</span>&nbsp;'+fundingAmount[idx]+'</div><div class="infoCategory"><img src="images/bullet2.gif"><span class="infoHeading">Funding Recipient:</span>&nbsp;'+recApplicant[idx]+'</div><div class="infoCategory"><img src="images/bullet2.gif"><span class="infoHeading">Jobs Supported:</span>&nbsp;&nbsp;'+jobs[idx]+'</div></div>'
	var htmlStatus = '<div class="popup_container"><div class="infoName"><img class="spacer" src="images/spacer.gif">'+recName[idx]+'</div><div class="infoCategory"><div class="infoCategory"><img src="images/bullet2.gif"><span class="infoHeading">Project Status:</span>&nbsp;'+updateString[idx]+'</div></div>'
	
	if(showStatusTab[idx]=="yes"){
		var htmlPartners = '<div class="infoName">'+recName[idx]+'</div><div class="programName"><b>Program priority:</b> '+recProgram[idx]+'</div><br><br><br>'
	}

	//infoWindow = new GInfoWindow();
	windowTabsHTML[0] = new GInfoWindowTab("Project",htmlDescription);
	windowTabsHTML[1] = new GInfoWindowTab("Funding",htmlFunding);
	
	if(showStatusTab[idx]=="yes"){
		windowTabsHTML[2] = new GInfoWindowTab("Status",htmlStatus);
	}
	smMarkersArray[idx].openInfoWindowTabsHtml(windowTabsHTML);
	//smMarkersArray[idx].openInfoWindowHtml(htmlDescription);
	//gMap.openInfoWindowHtml(latlng, html, opts?)
	disableMouseOver = true;
}


var winWidth;
var winHeight;

function projcetSmPopUp(idx){
menu.hide();
var leftEdge = false;
var rightEdge = false;
	if (!disableMouseOver){
		var xOffset = 0;
		
		var hovDiv = document.getElementById('projectHover')
		hovDiv.style.height = "auto"
		hovDiv.innerHTML = recName[idx]
		hovDiv.style.display="block"

		winWidth = hovDiv.offsetWidth
		winHeight = hovDiv.offsetHeight
		
		//edge tests
		if((winWidth/2 + xMousePos)>= xMousePosMax){
			leftEdge = true;
			//alert("left")
		} else if ((xMousePos - winWidth/2) <= 0){
			rightEdge = true;
			//alert("right")
		} 
		
		if (browserType=="ie"){
			if (markerSize == "large"){
				var yOffset = bannerHeight+subBannerHeight-winHeight-20;
			}else{
				var yOffset = bannerHeight+subBannerHeight-winHeight-10;
			}
		}else{
			if (markerSize == "large"){
				var yOffset = -winHeight-20;
			}else{
				var yOffset = -winHeight-10;
			}
		}
		
		hovDiv.style.top= yMousePos+yOffset+"px"
		if(leftEdge == true){
			hovDiv.style.left = (xMousePosMax-hovDiv.offsetWidth-5)+"px"
		}else if(rightEdge == true){
			hovDiv.style.left= 5+"px"
		}else{
			hovDiv.style.left= xMousePos-hovDiv.offsetWidth/2+"px"
		}
		//gMap.openInfoWindowHtml(latlng, html, opts?)
	}
}

function addLinks(){
//alert(projectIdSingle)
if (pictCount>0){
	var imageLinkHtml = '<a class="infoLink" href="javascript:loadImagePage('+projectIdSingle+')"><img class="linkImage" src="images/camera.gif">&nbsp;view photos ('+pictCount+')</a>'
	document.getElementById("picLink").innerHTML= imageLinkHtml
	document.getElementById("picLink2").innerHTML= imageLinkHtml
	}
if(crp == true){
	var reportLink = '<a class="infoLink" href="javascript:loadProjectPage('+projectIdSingle+')"><img class="linkImage" src="images/info.gif">&nbsp;view project report&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'
	document.getElementById("projLink").innerHTML= reportLink
	document.getElementById("projLink2").innerHTML= reportLink
	}
}

function closeSmPopUp(){
	var winWidth = 0;
	var winHeight = 0;
	document.getElementById('projectHover').style.display="none"
}

function projcetBigPopUp(idx){
	if (!disableMouseOver){
		var yOffset = -40;
		var xOffset = 0;
		var tempDiv = document.createElement("DIV");
		tempDiv.Id = 'projectHover2'
		var hovDiv = document.getElementById('projectHover')
		hovDiv.innerHTML = prjName[idx]
		//$("#projectHover").fadeIn(400);
		hovDiv.style.display="block"
		//var winWidth = hovDiv.offsetWidth
		//var winHeight = hovDiv.offsetHeight
		hovDiv.style.top= yMousePos+yOffset+"px"
		hovDiv.style.left= xMousePos-hovDiv.offsetWidth/2+"px"
		//gMap.openInfoWindowHtml(latlng, html, opts?)
	}
}

function closePopUp(idx){
	if (!disableMouseOver){
		//alert("close")
		bigMarkersArray[idx].closeInfoWindow() 
		smMarkersArray[idx].closeInfoWindow() 
		//gMap.infowindowclose();
	}
}