$(document).ready(function(){
  Cufon.replace('.title')('#header-overlay div');

  /* Header text */
  $('#header-overlay div').css({opacity:0, display:'block'});
  $('#header-overlay div').animate({left:'0px', opacity:1}, {queue:false, duration:2500, easing:'easeOutCubic'});
  
  /* News scroll actions */
  if($('.news-item').length > 0) {
    $('.site').css('padding', '0 0 5px 0');
    $('.news-item .title').click(function() {
      var t = $(this).next().next();
      $('.news-item .holder').slideUp(100, function() {
        setTimeout(function() { t.slideDown(); }, 500);
      });      
    });
    setTimeout(checkHash, 500);
    $('ul.sidebar li a').click(function() {
      setTimeout(checkHash, 100);
    });
  }
});

function checkHash() {
  var h = window.location.hash;
  if(h != '' && $(h).length > 0 && $(h + ' .holder').css('display') != 'block') {
    $(h + ' .holder').slideDown(function() {
      $('.news-item .holder').not(h + ' .holder').slideUp();
    });
  } else {
    $('.news-item .holder').eq(0).slideDown();
  }
}

var bounds;
var infowindow;
var map;
function doGoogleMaps() {
  bounds = new google.maps.LatLngBounds();
  var myOptions = {zoom:15, disableDefaultUI:true, center:new google.maps.LatLng(0,0), mapTypeId:google.maps.MapTypeId.ROADMAP};
  map = new google.maps.Map(document.getElementById("maps"), myOptions);
  infowindow = new google.maps.InfoWindow();
  for(var i = 0; i < projecten.length; i++) {
    addMarker(projecten[i]);
  }
}

function addMarker(p) {
  var iconImage = new google.maps.MarkerImage('http://www.newenergysystems.nl/images/maps' + p[6] + '.png', null, null, new google.maps.Point(10, 14));
  if(p[3] != "0" && p[3] != "" && p[4] != "0" && p[4] != "") {
    var latlng = new google.maps.LatLng(p[3], p[4]);
    if(p[8] != 0) {
      bounds.extend(latlng);
      map.fitBounds(bounds);
    } else {
      map.setCenter(latlng);
      map.setZoom(12);
    }
    var marker = new google.maps.Marker({position:latlng, map:map, title:p[1], icon:iconImage});
    google.maps.event.addListener(marker, 'click', function() {
      var content = '<div><div class="gmInfowindow">' + unescape(p[5]) + '<strong style="font-size:12px">' + p[1] + '</strong><div class="p">' + unescape(p[2]);
      if(p[7]) { content += '<a href="projecten.html?item=' + p[0] + '">Meer &raquo;</a>'; }
      content += '</div></div></div>';
      infowindow.setContent(content);
      infowindow.open(map, marker);
    });
  }
}