$(document).ready(function(){
	var pathname = window.location.pathname.split('/')[1];
	var host = window.location.host;
	if(pathname.match(/^\/about/) || pathname == ""){
		$('#main-nav #frontpage a').addClass('active');
	} else {
		$('#main-nav #'+ pathname +' a').addClass('active');
	};
	
	var originalCoords = {};
  $('#community-info-buttons area').each(function(){
    originalCoords[$(this).attr('class')] = $(this).attr('coords').split(',');
  });
  
  $("#map-canvas img").css('height', '400px');
  $('#community-info-buttons area').each(function(){
    var zoomLevel = 400 / 775
    adjustCoords(zoomLevel, originalCoords)
  });
  $("#map-canvas").scrollTo('50%')
  
  
	
	$("#map-zoom").slider({
		min: 400,
		max: 775,
		value: 400,
		slide: function(event, ui) {
		  $("#map-canvas img").css('height', ui.value + 'px');
		  var zoomLevel = ui.value / 775;
		  adjustCoords(zoomLevel, originalCoords);
		  $("#map-canvas").scrollTo('+=0px')		
		}
  });
  
  

		
});



function adjustCoords(zoomLevel, originalCoords){
  $('#community-info-buttons area').each(function(){
    var coords = [];
    var key = $(this).attr('class');
    for (n in originalCoords[key]){
      coords[n] = Math.round(originalCoords[key][n] * zoomLevel);
    }
    $(this).attr('coords', coords.join(','));	      
  });	  
}