// Function.prototype.index
(function(reComments, reParams, reNames) {
  Function.prototype.index = function(arrParamNames) {
    var fnMe = this;
    arrParamNames = arrParamNames
      || (((fnMe + '').replace(reComments, '')
           .match(reParams)[1] || '')
          .match(reNames) || []);
    return function(namedArgs) {
      var args = [], i = arrParamNames.length;
      args[i] = namedArgs;
      while(i--) {
        args[i] = namedArgs[arrParamNames[i]];
      }
      return fnMe.apply(this, args);
    };
  };
})(
  /\/\*[\s\S]*?\*\/|\/\/.*?[\r\n]/g,
  /\(([\s\S]*?)\)/,
  /[$\w]+/g
);
var AjaxSync = (function(TYPE, URL, DATA, CT , DT) {
    var Result = []
    TYPE = (!TYPE)?"GET":"POST"
    if(DT && (DT=="jsonp" || DT=="json")) CT="application/json";
    // console.log(TYPE, URL, DATA, CT , DT)
    $.ajax({
            type: TYPE,
            url: URL,
            data: DATA,
            contentType: CT,
            dataType: DT,
            async: false,
            success : function(data, textStatus, jqXHR) {
                header = jqXHR.getResponseHeader("Content-Type")
                header = (header)?"json":"gexf";
                Result = { "OK":true , "format":header , "data":data };
            },
            error: function(exception) {
                Result = { "OK":false , "format":false , "data":exception.status };
            }
        });
    return Result;
}).index();


var urlfile_override = (isUndef(getUrlParam.file))?false:true;

var files_selector = ""
if(urlfile_override)
    mainfile.unshift( getUrlParam.file );

unique_mainfile = mainfile.filter(function(item, pos) {
    return mainfile.indexOf(item) == pos;
});
mainfile = unique_mainfile;

console.log("THE URL.FILE PARAM:")
console.log(mainfile)

files_selector += '<select onchange="jsActionOnGexfSelector(this.value);">'
for(var i in mainfile) {
    var gotoURL = window.location.origin+window.location.pathname+"?file="+mainfile[i];
    files_selector += '<option>'+mainfile[i]+'</option>'
}
files_selector += "</select>"
$("#network").html(files_selector)

var file = (Array.isArray(mainfile))?mainfile[0]:mainfile;

$.ajax({
        url: file,
        success : function(data, textStatus, jqXHR) {
            var format = 'gexf'  // default value
            var header = jqXHR.getResponseHeader("Content-Type")
            if ("msg" in data)
                showDialog(file, false, textStatus, data["msg"])
            if (header.indexOf("application/json") != -1)
                format = 'compactjson'
            Result = { "format":format , "data":data };
            MainFunction( Result )
        },
        error: function(exception) {
            if (exception.status && exception.responseJSON && exception.responseJSON.msg) {
                showDialog(file, true, exception.status, exception.responseJSON.msg)
            }
            else {
                showDialog(file, true, "unknown error", JSON.stringify(exception, null, 2))
            }
        }
});

function showDialog(url, hasError, status, msg) {
    // TODO use status
    // console.log('FUN t.main:showDialog' + 'hasError:'+hasError)
    // hide loader gif etc
    $("#semLoader").hide();
    $("#closeloader").click();

    if (hasError) {
        $('#msgtitle').html('Graph generation error')
        $('#msgtitle').css('color', 'red')
    }
    else {
        $('#msgtitle').html('Graph generation info')
    }

    // copy message content
    $('#msgcontent').html(msg.replace(/\n/g, '<br/>'))

    // show the dialog box
    $('#msgmodal').modal('show');
}

function MainFunction( RES ) {
    console.log('           ------------')
    // console.log('FUN t.main:MainFunction')
    console.log('           ------------')
    var fileparam;// = { db|api.json , somefile.json|gexf }
    var the_data = RES["data"];

    if(file=="db.json") {

        getAdditionalInfo = true;

        fileparam = file;

        for( var path in the_data ) {
            pr("\t"+path+" has:")
            pr(the_data[path])
            var the_gexfs = the_data[path]["gexfs"]
            pr("\t\tThese are the available  Gexfs:")
            for(var gexf in the_gexfs) {
                pr("\t\t\t"+gexf)
                pr("\t\t\t\t"+ the_gexfs[gexf]["semantic"]["table"] )
                field[path+"/"+gexf] = the_gexfs[gexf]["semantic"]["table"]
                gexfDict[path+"/"+gexf] = "A "+gexf
                getUrlParam.file = path+"/"+gexf
                break
            }
            break;
        }

        pr("\n============================\n")
        pr(field)
        pr(gexfDict)
        var sub_RES = AjaxSync({ URL: getUrlParam.file });
        the_data = sub_RES["data"]
        fileparam = sub_RES["format"]
        pr(the_data.length)
        pr(fileparam)
        pr("\n============================\n")
    }

    if (file=="api.json") {
        fileparam = file;
    }

    // Reading just a JSON|COMPACTJSON|GEXF
    if ( file!="db.json" && file!="api.json" )
        fileparam = RES["format"];

    start = new ParseCustom(  fileparam , the_data );
    categories = start.scanFile(); //user should choose the order of categories
    pr("Categories: ")
    pr(categories)

    var possibleStates = makeSystemStates( categories )
    var initialState = buildInitialState( categories ) //[true,false]//

    dicts = start.makeDicts(categories);
    Nodes = dicts.nodes;
    Edges = dicts.edges;
    if (the_data.clusters) Clusters = the_data.clusters

    nodes1 = dicts.n1;//not used
    var catDict = dicts.catDict
    pr("CategoriesDict: ")
    pr(catDict)

    categoriesIndex = categories;//to_remove
    catSoc = categories[0];//to_remove
    catSem = (categories[1])?categories[1]:false;//to_remove

    for(var i in categories) {
        Filters[i] = {}
        Filters[i]["#slidercat"+i+"edgesweight"] = true;
    }

    // apply width from settings on left column
    document.getElementById('sidecolumn').style.width = sidecolumnSize ;


    // [ Initiating Sigma-Canvas ]
    var twjs_ = new TinaWebJS('#sigma-example');
    print( twjs_.AdjustSigmaCanvas() );
    window.onresize = function(){twjs_.AdjustSigmaCanvas()} // TODO: debounce?
    // [ / Initiating Sigma-Canvas ]

    print("categories: "+categories)
    print("initial state: "+initialState)

    // [ Poblating the Sigma-Graph ]
    var sigma_utils = new SigmaUtils();
    partialGraph = sigma.init(document.getElementById('sigma-example'))
        .drawingProperties(sigmaJsDrawingProperties)
        .graphProperties(sigmaJsGraphProperties)
        .mouseProperties(sigmaJsMouseProperties);
    partialGraph = sigma_utils.FillGraph(  initialState , catDict  , dicts.nodes , dicts.edges , partialGraph );
    partialGraph.states = []
    partialGraph.states[0] = false;
    partialGraph.states[1] = SystemStates;
    partialGraph.states[1].categories = categories
    partialGraph.states[1].categoriesDict = catDict;
    partialGraph.states[1].type = initialState;
    partialGraph.states[1].LouvainFait = false;
    // [ / Poblating the Sigma-Graph ]

    partialGraph.states[1].setState = (function( type , level , sels , oppos ) {
        var bistate=false, typestring=false;
        print("IN THE SET STATE METHOD:")
        if(!isUndef(type)) {
            this.type = type;
            bistate= type.map(Number).reduce(function(a, b){return a+b;})
            typestring = type.map(Number).join("|")
        }
        if(!isUndef(level)) this.level = level;
        if(!isUndef(sels)) this.selections = sels;
        if(!isUndef(oppos)) this.opposites = oppos;
        this.LouvainFait = false;
        print("")
        print(" % % % % % % % % % % ")
        // print("type: "+thetype.map(Number));
        print("bistate: "+bistate)
        print("level: "+level);
        print("selections: ");
        print(sels)
        print("selections2: ");
        print(sels.length)
        print("opposites: ");
        print(oppos)

        var present = partialGraph.states.slice(-1)[0]; // Last
        var past = partialGraph.states.slice(-2)[0] // avant Last
        print("previous level: "+past.level)
        print("new level: "+present.level)

        print(" % % % % % % % % % % ")
        print("")

        var bistate= this.type.map(Number).reduce(function(a, b){return a+b;})
        LevelButtonDisable(false);
        if(level && sels && sels.length==0)
            LevelButtonDisable(true);

        if(this.level==false && bistate>1)
            LevelButtonDisable(true)

        // print("printing the first state:")
        // first_state = partialGraph.states.slice(-1)[0].type;
        // for(var i in first_state) {
        //     if(first_state[i]) {
        //         for(var j in Filters[i])
        //             print(j)
        //     }
        // }

        print("printing the typestring:")
        print(typestring)

        if(typestring=="0|1") {
            $("#category0").hide();
            $("#category1").show();

            if($("#slidercat1nodesweight").html()=="")
                NodeWeightFilter( this.categories , "#slidercat1nodesweight" ,  this.categories[1],  "type" ,"size");

            if($("#slidercat1edgesweight").html()=="")
                EdgeWeightFilter("#slidercat1edgesweight", "label" , "nodes2", "weight");


            if(present.level!=past.level) {
                NodeWeightFilter( this.categories , "#slidercat1nodesweight" ,  this.categories[1],  "type" ,"size");
                EdgeWeightFilter("#slidercat1edgesweight", "label" , "nodes2", "weight");
            }
            set_ClustersLegend ( "clust_default" )
        }

        if(typestring=="1|0") {
            $("#category0").show();
            $("#category1").hide();

            if($("#slidercat0nodesweight").html()=="")
                NodeWeightFilter( this.categories , "#slidercat0nodesweight" ,  this.categories[0],  "type" ,"size");

            if($("#slidercat0edgesweight").html()=="")
                EdgeWeightFilter("#slidercat0edgesweight", "label" , "nodes1", "weight");

            if(present.level!=past.level) {
                NodeWeightFilter( this.categories , "#slidercat0nodesweight" ,  this.categories[0],  "type" ,"size");
                EdgeWeightFilter("#slidercat0edgesweight", "label" , "nodes1", "weight");
            }
            set_ClustersLegend ( "clust_default" )
        } else {

        //finished
        $("#slidercat1nodessize").freshslider({
            step:1,
            min:-20,
            max:20,
            value:0,
            bgcolor:"#FFA500",
            onchange:function(value){
                $.doTimeout(100,function (){
                       partialGraph.iterNodes(function (n) {
                           if(Nodes[n.id].type==catSem) {
                               var newval = parseFloat(Nodes[n.id].size) + parseFloat((value-1))*0.3
                               n.size = (newval<1.0)?1:newval;
                               sizeMult[catSem] = parseFloat(value-1)*0.3;
                           }
                       });
                       partialGraph.draw();
                });
            }
        });

        }

        if(typestring=="1|1") {
            $("#category0").show();
            $("#category1").show();
            // if(present.level!=past.level) {
            NodeWeightFilter ( this.categories , "#slidercat0nodesweight" ,  this.categories[0],  "type" ,"size");
            EdgeWeightFilter("#slidercat0edgesweight", "label" , "nodes1", "weight");
            NodeWeightFilter( this.categories , "#slidercat1nodesweight" ,  this.categories[1],  "type" ,"size");
            EdgeWeightFilter("#slidercat1edgesweight", "label" , "nodes2", "weight");
            // }
        }
    }).index();

    // partialGraph.zoomTo(partialGraph._core.width / 2, partialGraph._core.height / 2, 0.8).draw();

    // fa2enabled=true; //partialGraph.zoomTo(partialGraph._core.width / 2, partialGraph._core.height / 2, 0.8).draw();
    // $.doTimeout(1,function(){
    //     fa2enabled=true; partialGraph.startForceAtlas2();
    //     $.doTimeout(10,function(){
    //         partialGraph.stopForceAtlas2();
    //     });
    // });

    twjs_.initListeners( categories , partialGraph);

    if( categories.length==1 ) {
        $("#changetype").hide();
        $("#taboppos").remove();
        $.doTimeout(500,function () {
            $('.etabs a[href="#tabs2"]').trigger('click');
        });
    }

    ChangeGraphAppearanceByAtt(true)

    set_ClustersLegend ( "clust_default" )

    $("footer").remove()


    console.log( "FIN" )
    fa2enabled=true; partialGraph.startForceAtlas2();
    setTimeout(function() {
        console.log( "LALALALALALLA" )
        console.log( "hello" )
        partialGraph.stopForceAtlas2();
    }, fa2seconds*1000);


}


console.log("finish")