$(document).ready(function() {
    
    if ($("#alert").length)
        $("#alert").delay(2000).slideDown(200, function() {
           $(this).delay(9000).slideUp(600); 
        });

    if ($("#plot").length)
        chart = new Highcharts.Chart({
          chart: {
             renderTo: 'plot',
             defaultSeriesType: 'line',
             marginRight: 130,
             marginBottom: 25
          },
          title: {
             text: 'Total Facebook Likes',
             x: -20 //center
          },
          xAxis: {
             categories: tstamps
          },
          yAxis: {
             title: {
                text: 'Likes'
             },
             plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
             }]
          },
          legend: {
             layout: 'vertical',
             align: 'right',
             verticalAlign: 'bottom',
             x: -10,
             y: -110,
             borderWidth: 0
          },
          series: series
       });

    $(".dataLikes, #dataTwitter").dataTable({
        "sPaginationType": "full_numbers",
        "aaSorting": [[ 0, "asc" ]],
        "iDisplayLength": 25,
        "bLengthChange": false,
        "bFilter": false,
        "bInfo": false        
    });

    if ($("#map").length)
        initialize();

});


 function initialize() {
    var h=$(window).height()-$("header").outerHeight();
    $("html").css("overflow", "hidden");
    $("#right").css("height", h+"px");
    $("#wide-left").css("height", h+"px");
    var latlng = new google.maps.LatLng(34.161818,-24.433594);
    var occupyStyle = [
        {
            stylers: [
                { hue: "#ff0000" },
                { gamma: 0.4 },
                { saturation: -16 }
            ]
        }
    ];
    var occupyMapType = new google.maps.StyledMapType(occupyStyle, { name: "Occupy" });
    var myOptions = {
      zoom: 3,
      center: latlng,     
      mapTypeControlOptions: {
        mapTypeIds: [google.maps.MapTypeId.ROADMAP, "occupy"],
        position: google.maps.ControlPosition.RIGHT_TOP
      },
      panControlOptions: {
        position: google.maps.ControlPosition.LEFT_TOP
      },
      zoomControlOptions: {
        style: google.maps.ZoomControlStyle.LARGE,
        position: google.maps.ControlPosition.LEFT_TOP
      }
    };
    var map = new google.maps.Map(document.getElementById("map"),
        myOptions);

    map.mapTypes.set("occupy", occupyMapType);
    map.setMapTypeId("occupy");
        
    /*var citiesLayer = new google.maps.KmlLayer(
        'http://www.collectivedisorder.com/geoserver/wms/reflect?layers=occupy:cities&format=kml');
    citiesLayer.setMap(map);*/
         
   var layer;
    
   layer = new google.maps.FusionTablesLayer(2163166);
   layer.setMap(map);      

    $(window).resize(function() {
        google.maps.event.trigger(map, 'resize')
    });
  }