/*
	Any site-specific scripts you might have.
	Note that <html> innately gets a class of "no-js".
	This is to allow you to react to non-JS users.
	Recommend removing that and adding "js" as one of the first things your script does.
	Note that if you are using Modernizr, it already does this for you. :-)
*/

$().ready(function() {  
    
	
	$('ul.navMenu li a').click(function() {
		
		theID = $(this).attr("id");
		$('ul.navMenu li').removeClass("active");
		$(this).parent().addClass("active");
		
		//alert("#Bot-"+theID);
		$(".shower").removeClass("active");
		$("#Bot-"+theID).addClass("active");
		
		
		return false;
	});
	
	$('.kwicks').kwicks({  
        min : 37,  
        spacing : 1,  
        isHorizontal : true,  
        sticky : true,  
        event : 'click'  
    });
	
			
});  

var DCG = new google.maps.LatLng(51.352335,-0.667967);

  function initialize() {
	  
    var myLatlng = new google.maps.LatLng(51.352335,-0.667967);
	var myOptions = {
		zoom: 15,
		center: DCG,
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		  panControl: false,
  zoomControl: true,
  mapTypeControl: false,
  scaleControl: false,
  streetViewControl: false,
  overviewMapControl: false

	}
    var map = new google.maps.Map(document.getElementById("ContactMap"), myOptions);
	
	
    var image = '/wp-content/themes/boilerplate/images/map-pin-dcg.png';
	
	
 	marker = new google.maps.Marker({
		  map:map,
		  draggable:true,
		  animation: google.maps.Animation.DROP,
		  position: DCG,
		  icon: image
    });

 google.maps.event.addListener(marker, 'click', toggleBounce);


  }
  
   function toggleBounce() {

    if (marker.getAnimation() != null) {
      marker.setAnimation(null);
    } else {
      marker.setAnimation(google.maps.Animation.BOUNCE);
    }
  }