// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
document.observe("dom:loaded", function() {
  googleMap();
  collapseExtended();
  externalLinks();
  verticalAlign();
  //bottomPrevnext();
});

function googleMap(){
  if (document.getElementById("google_map")){
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("google_map"));
        var geocoder = new GClientGeocoder();

        function showAddress(address) {
          geocoder.getLatLng(
            address.join(),
            function(point) {
              if (!point) {
                alert(address.join() + " not found");
              } else {
                map.setCenter(point, 15);
                var marker = new GMarker(point);
                map.addOverlay(marker);
              }
            }
          );
        }
        var add = ['45-65 Peckham Road','London','SE5'];
        showAddress(add);
      }
    }
}

function collapseExtended(){
  if (document.getElementById("extended")){
    var toggler = '<a href="" id="toggle">Show extended</a>'
    $('extended').insert({after:toggler});
    $('extended').hide();
    $('toggle').observe('click', function(event){
      $('extended').toggle();
      if ($('toggle').innerHTML=='Show extended'){
        $('toggle').innerHTML='Hide extended';
      }else{
        $('toggle').innerHTML='Show extended';
      }
      event.stop();
    })
  }
}


function externalLinks(){
  $('container').select('a[href$=.pdf]', 'a[href^=http://]:not(a[href*=atcamberwell.com])').each(function(link){
    link.writeAttribute({target:"_blank", title:"Javascript will open this external link in a new window."})
  });
}

function verticalAlign(){
  $$(".grid .event").each(function(box){
    var content = box.firstDescendant();
    var tm = (box.getDimensions().height-content.getDimensions().height)/2;
    content.setStyle({marginTop:tm+'px'})
  })
}

function bottomPrevnext(){
  if (($$(".prevnext").length > 0)){
    var bottomPrevNext = '<ul class="prevnext bottom">'+$$(".prevnext")[0].innerHTML+'</ul>';
    $$('.img_lg')[0].insert({bottom:bottomPrevNext})
  }
}