SFlow = function() {
	return this;
}

SFlow.NumOfBlocks = 0;
SFlow.NumOfConnectors = 0;

SFlow.addBlock = function(name,type) {
	JSGraphIt.addBlock('block'+SFlow.NumOfBlocks,'searchflow-canvas',type,'<p>block'+SFlow.NumOfBlocks+'</p>')
	SFlow.NumOfBlocks++;
}

SFlow.removeBlock = function(id) {
	
}


/*<div class="connector source dest">
  <label class="middle-label">Raw HTML Data</label>
  <img class="connector-end" src="searchflow/js-graph-it/arrow.gif"/>
  </div>
*/
SFlow.addConnector = function(source,destination,label) {
        var canvas = JSGraphIt.findCanvas('searchflow-canvas');
        var connectors = canvas.connectors;
        var connector = document.createElement('div');
	connector.id = "connector"+SFlow.NumOfConnectors;
	if (label == null) {
		label = source + '-' + destination;
	}
	connector.className = 'connector ' + source + ' ' + destination;
	connector.innerHTML = '<label class="middle-label">' + label + '</label>';
	$("#searchflow-canvas").append($(connector));
        //document.getElementById('searchflow-canvas').appendChild(connector);
	var newConnector = new JSGraphIt.Connector(connector, canvas);
			newConnector.initConnector();
			connectors.push(newConnector);
	SFlow.NumOfConnectors++;
}

SFlow.removeConnector = function(id) {
	alert('Cut this Connection: '+id);
}