' + Desc;
people.push(itemPerson);
// When a marker gets clicked do some shizzle
google.maps.event.addListener(marker, 'click', (function(marker,i){
//store all the info for the infoWindow in a var
var infowindowContent = '
' +
'
' +
'
' +
'
' +
'
' + results.articles[i].Title +'
'+results.articles[i].Description+'
' +
'
'+
'
TSHA is a 501(c)3 non profit, help us grow this project and continue to discover more about Texas history!
'+
'
' +
'
';
myMarkers.push(marker)
infoWindows.push(infowindowContent);
return function() {
//set google map window content and pop window
$("#searchbox").val("");
$(".people li").show();
infowindow.setContent(infowindowContent);
infowindow.open(map, marker);
map.setCenter(marker.getPosition());
//google infowindow fadeIn effect
var iw_container = $(".gm-style-iw").parent();
iw_container.stop().hide();
iw_container.fadeIn(500);
$('.gm-style-iw').parent().addClass('infoContainer');
$('.gm-style-iw').parent().find('div:first').addClass('outline');
$('.gm-style-iw').find('div:first').addClass('content-cntrl');
// declare variables for handling the people list
var currentTID = results.articles[i].Tid;
var pDiv = $('ul.people');
var ltid = $('#'+currentTID);
ltid.removeClass('selected');
//scroll to item that corresponds with map image
pDiv.animate({
scrollTop: 0
}, function(){
var itemOffset = ltid.position();
ltid.addClass('selected')
pDiv.animate ({
scrollTop: itemOffset.top
}, 50)
})
}
})(marker, i)) // end on Marker click function
google.maps.event.addListener(infowindow, 'closeclick', (function(marker,i){
return function(){
var currentTID = results.articles[i].Tid;
var ltid = $('#'+currentTID);
ltid.removeClass('selected');
//google infowindow fadeIn effect
var iw_container = $(".gm-style-iw").parent();
iw_container.stop().hide();
iw_container.fadeIn(500);
$('.gm-style-iw').parent().addClass('infoContainer');
$('.gm-style-iw').parent().find('div:first').addClass('outline');
$('.gm-style-iw').find('div:first').addClass('content-cntrl');
} // end return function
})(marker, i)); // end infowindow close event
} // end for loop
google.maps.event.addListener(infowindow, 'domready', function(){
var currentTitle = $("#theinfowindow h4.title").html();
var currentImage = $("#theinfowindow img.her-image").attr("src");
$("span.current-title").html(currentTitle);
$("img.her-image").attr("src", currentImage);
if($("span.time-frame").html() === '-') {
$("span.time-frame").html('
Help us uncover history!')
}else {
}
}) // end googe maps event
$("body").on("click", "ul.people li a", function(){
$(this).closest('li').find('.persondesc').fadeToggle();
var locationNum = $(this).closest('li').attr("class");
locationNum = parseInt(locationNum);
google.maps.event.addListener(infowindow, 'closeclick', (function(){
return function(){
$(".form-upload").hide();
} // end return function
})); // end infowindow close event
if($(this).attr("data-lat") > 0) {
infowindow.setContent(infoWindows[locationNum])
infowindow.open(map, myMarkers[locationNum])
map.setCenter(myMarkers[locationNum].getPosition());
//google infowindow fadeIn effect
var iw_container = $(".gm-style-iw").parent();
iw_container.stop().hide();
iw_container.fadeIn(500);
$('.gm-style-iw').parent().addClass('infoContainer');
$('.gm-style-iw').parent().find('div:first').addClass('outline');
$('.gm-style-iw').find('div:first').addClass('content-cntrl');
} else {
var defaultlatlng = new google.maps.LatLng(31.9686,-99.9018);
var iconRed = {
url: "http://www.twowritehands.com/wp-content/uploads/2013/04/Question-Mark-150x150.png",
scaledSize: new google.maps.Size(50,50),
}
var Defaultmarker = new google.maps.Marker({
position: defaultlatlng,
map: map,
icon:iconRed
})
infowindow.setContent(infoWindows[locationNum])
infowindow.open(map, Defaultmarker)
$('.zoom, .street-view, p.controls').hide();
//google infowindow fadeIn effect
var iw_container = $(".gm-style-iw").parent();
iw_container.stop().hide();
iw_container.fadeIn(500);
$('.gm-style-iw').parent().addClass('infoContainer');
$('.gm-style-iw').parent().find('div:first').addClass('outline');
$('.gm-style-iw').find('div:first').addClass('content-cntrl');
map.panTo(defaultlatlng);
} // end else
})// end women list item click event
var currentZoom = map.getZoom();
$('body').on('click','.zoom-in', function(){
var windowNum = $(this).attr("id");
var windowNum = parseInt(windowNum);
var currentZoom = map.getZoom();
map.setZoom(currentZoom + 2);
map.setCenter(myMarkers[windowNum].getPosition());
});
$('body').on('click', '.zoom-out', function(){
var currentZoom = map.getZoom();
map.setZoom(currentZoom - 2);
map.setCenter(myMarkers[windowNum].getPosition());
})
$('body').on('click','.street-view',function(){
$('.pano-cntrl').fadeIn();
var windowNum = $(this).parent('.col-md-4').find('a.zoom-in').attr('id');
var lat = parseFloat($('li.'+windowNum+' a').attr('data-lat'));
var lng = parseFloat($('li.'+windowNum+' a').attr('data-lng'));
var panoLoc = {lat: lat, lng: lng};
var panorama = new google.maps.StreetViewPanorama(
document.getElementById('pano'), {
position: panoLoc,
pov: {
heading: 34,
pitch: 10
}
});
}) // end street view click
$('.close-btn').click(function(){
$('.pano-cntrl').fadeOut();
$('#pano').empty();
})
google.maps.event.addListener(map, 'tilesloaded', function() {
$('ul.people').append(people);
//clear the listener, we only need it once
google.maps.event.clearListeners(map, 'tilesloaded');
});
$(window).on("load", function(){
$(".map-loader").css("display","none");
})
}) // end $ declaration for map functions
}