$(function(){ // on dom ready

//console.log(network_data_file)

var colors2 = ["#8dd3c7","#bc80bd","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#ffed6f"]

var node_group = network_data_file.elements.nodes;

for (var i = 0; i < node_group.length; i++)
{
  //node_group[i].data.sqrt_freq = Math.round(Math.sqrt(node_group[i].data.frequency))
  node_group[i].data.sqrt_freq = Math.sqrt(node_group[i].data.frequency)
}


$('#cy').cytoscape({
  style: cytoscape.stylesheet()
    .selector('node')
      .css({
        'content': 'data(name)',
        'text-valign': 'center',
        //'color': 'white',
        'text-outline-width': 1,
        'text-outline-color': '#fff',
        'font-size': 'mapData(frequency,2,9000,20,40)',
        'background-color': function( ele ){ return colors2[ele.data('modularity_class')] },
        'border-color' : '#000',
        'border-width' : 1,
        //'width': function( ele ){ return Math.sqrt(ele.data('frequency'))*2 },
        //'height': function( ele ){ return Math.sqrt(ele.data('frequency'))*2 }
        'width': 'mapData(sqrt_freq,1.0,90.0,15,150)',
        'height': 'mapData(sqrt_freq,1.0,90.0,15,150)'
      })
    .selector('edge')
      .css({
        'target-arrow-shape': 'triangle',
        'width': 'mapData(Weight,0.004,0.117,1,10)'
      })
    .selector(':selected')
      .css({
        'background-color': 'black',
        'line-color': 'black',
        'target-arrow-color': 'black',
        'source-arrow-color': 'black'
      })
    .selector('.faded')
      .css({
        'opacity': 0.25,
        'text-opacity': 0
      }),
  
  elements: {
    nodes: network_data_file.elements.nodes,
    edges: network_data_file.elements.edges
  },
  
  layout: {
    name: 'cola',
    padding: 10
  },
  
  // on graph initial layout done (could be async depending on layout...)
  ready: function(){
    window.cy = this;
    
    // giddy up...
    
    cy.elements().unselectify();
    
    cy.on('tap', 'node', function(e){
      var node = e.cyTarget; 
      var neighborhood = node.neighborhood().add(node);
      
      cy.elements().addClass('faded');
      neighborhood.removeClass('faded');
    });
    
    cy.on('tap', function(e){
      if( e.cyTarget === cy ){
        cy.elements().removeClass('faded');
      }
    });
  }
});

}); // on dom ready