/**
 * @author mpeccini
 */
/**
 * @author mpeccini
 */

var featureCountHydro;
var smMarkersArrayHydro = new Array();
var largeMarkersArrayHydro = new Array();
var num = -1;
var prjIDHydro = new Array();

 
 function mapProjectsHydro(){
	
	smMarkersArrayHydro = [];
	largeMarkersArrayHydro = [];

	featureCountHydro = recLatHydro.length;

for (i = 0; i <= featureCountHydro-1; i++) {
		var tmpCoords = new GLatLng(recLatHydro[i],recLongHydro[i]);
		smMarkersArrayHydro[i] = new GMarker(tmpCoords, {icon:smShipIcon});
		eval('GEvent.addListener(smMarkersArrayHydro['+i+'],"click", function(){projcetPopUpHydro("'+i+'")})'); //end eval
		eval('GEvent.addListener(smMarkersArrayHydro['+i+'],"mouseover", function(){projcetSmPopUpHydro("'+i+'")})'); //end eval
		eval('GEvent.addListener(smMarkersArrayHydro['+i+'],"mouseout", function(){closeSmPopUpHydro()})'); //end eval
		eval('GEvent.addListener(smMarkersArrayHydro['+i+'],"infowindowclose", function(){disableMouseOver = false})'); //end eval
		
		largeMarkersArrayHydro[i] = new GMarker(tmpCoords, {icon:largeShipIcon});
		eval('GEvent.addListener(largeMarkersArrayHydro['+i+'],"click", function(){projcetPopUpHydro("'+i+'")})'); //end eval		
		eval('GEvent.addListener(largeMarkersArrayHydro['+i+'],"mouseover", function(){projcetSmPopUpHydro("'+i+'")})'); //end eval
		eval('GEvent.addListener(largeMarkersArrayHydro['+i+'],"mouseout", function(){closeSmPopUpHydro()})'); //end eval
		eval('GEvent.addListener(largeMarkersArrayHydro['+i+'],"infowindowclose", function(){disableMouseOver = false})'); //end eval		
		
	}

	sendToCreateMarkerHydro('small');

 }
 
 function sendToCreateMarkerHydro(size){
	loadSplash();
	createMarkerHydro(size);
	
}
 
 var markerSizeHydro = "small";
 function createMarkerHydro(size){
  num++; 
  if(num < featureCountHydro){
	 if (size == "large"){
		gMap.addOverlay(largeMarkersArrayHydro[num]);
		createMarkerHydro(size)
  	}else if (size == "small"){
		gMap.addOverlay(smMarkersArrayHydro[num]);
		createMarkerHydro(size)
	}	
  }else{
	num=-1;
	//GEvent.callback(object:Object, method:Function)
	unloadSplash();
	//alert("what is num"+num)
  }	
}

var disableMouseOver = false;

var projectIdSingleHydro;

function projcetPopUpHydro(idx){
//alert("here")
	document.getElementById('projectHover').style.display="none"
 	projectIdSingleHydro = prjIDHydro[idx];

	var windowTabsHTMLHydro = new Array();
	var infoWindowHydro;
	
	//this is a workaround for IE - single image direct launch does not work from the popup location in ie

		var htmlDescriptionHydro = '<div class="popup_container">';
		//title
			htmlDescriptionHydro += '<div class="infoName"><img class="spacer" src="images/spacer.gif">'+recNameHydro[idx]+'</div>';
		//description
			htmlDescriptionHydro += '<div class="infoCategory"><img src="images/bullet2.gif"><span class="infoHeading">Description:</span>&nbsp;'+recDescriptHydro[idx]+'</div>';
		//zoom to location
		htmlDescriptionHydro += '<a class="infoLink" href="javascript:ZoomToLocationHydro('+idx+')"><span class="zoomImage"><img class="linkImage" src="images/sm_zoom.gif">&nbsp;zoom to location</span></a></div><br>';

	//no jobs
	var htmlFundingHydro = '<div class="popup_container"><div class="infoName"><img class="spacer" src="images/spacer.gif">'+recNameHydro[idx]+'</div><div class="infoCategory"><div class="infoCategory"><img src="images/bullet2.gif"><span class="infoHeading">Federal Funding:</span>&nbsp;'+fundingAmountHydro[idx]+'</div><div class="infoCategory"><img src="images/bullet2.gif"><span class="infoHeading">Funding Recipient:</span>&nbsp;'+recApplicantHydro[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 htmlStatusHydro = '<div class="popup_container"><div class="infoName"><img class="spacer" src="images/spacer.gif">'+recNameHydro[idx]+'</div><div class="infoCategory"><div class="infoCategory"><img src="images/bullet2.gif"><span class="infoHeading">Project Status:</span>&nbsp;'+updateStringHydro[idx]+'</div></div>'
	//var htmlPartners = '<div class="infoName">'+recName[idx]+'</div><div class="programName"><b>Program priority:</b> '+recProgram[idx]+'</div><br><br><br>'
	

	//infoWindow = new GInfoWindow();
	windowTabsHTMLHydro[0] = new GInfoWindowTab("Project",htmlDescriptionHydro);
	windowTabsHTMLHydro[1] = new GInfoWindowTab("Funding",htmlFundingHydro);
	//windowTabsHTML[2] = new GInfoWindowTab("Status",htmlStatus);
	smMarkersArrayHydro[idx].openInfoWindowTabsHtml(windowTabsHTMLHydro);
	//smMarkersArray[idx].openInfoWindowHtml(htmlDescription);
	//gMap.openInfoWindowHtml(latlng, html, opts?)
	disableMouseOver = true;
}


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

function projcetSmPopUpHydro(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 = recNameHydro[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 projcetBigPopUpHydro(idx){
	if (!disableMouseOver){
		var yOffset = -40;
		var xOffset = 0;
		var tempDiv = document.createElement("DIV");
		tempDiv.Id = 'projectHover2'
		var hovDiv = document.getElementById('projectHover')
		hovDiv.innerHTML = prjNameHydro[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 closePopUpHydro(idx){
	if (!disableMouseOver){
		//alert("close")
		bigMarkersArrayHydro[idx].closeInfoWindow() 
		smMarkersArrayHydro[idx].closeInfoWindow() 
		//gMap.infowindowclose();
	}
}