var iterations = 16;
var step_size = 1.91615;

var startoffet = -59;
var toogle  = 1;


//------------------------------

var svg = d3.select('svg')
  .attr('width',1000)
  .attr('height',1000)

var g = svg.append('g')
		.attr('transform','translate('+77+','+100+')')
      	.attr('width',1000)
  		.attr('height',1000)

var basic = g.append('text')
  	.text('visual.ly')
  	.attr('font-size',200)
    .attr('font-weight','bold')
    .attr('stroke','white')
    .attr('stroke-width',12)
    .attr('y',200)
    .attr('fill',"#268A9C")

var defs = d3.select('svg').append('defs')

var filter = defs.append('filter')
    			.attr('id','texty')
    			.attr('width',2.1)
        		.attr('height',2.6)


for(var i = 0; i < iterations;i++){

  filter.append('feOffset')
  	.attr('dx', 0)
  	.attr('dy', Math.sin(i*3)*81)
  	.attr('result','ctt'+i)

  startoffet = startoffet+step_size;
    console.log('off',startoffet)
   // toogle = toogle *-1;
filter.append('feFlood')

  .attr('flood-color','rgba('+(i*0.432)+',600,'+(i*0.58)+',1)')
  .attr('flood-opacity',0.6)
  .attr('result',"cFT"+i)

filter.append('feComposite')
  .attr('operator','in')
    .attr('in1',"cFT"+i)
    .attr('in2','ctt'+i)
  .attr('result','cCH'+i)

}



var merge = filter.append('feMerge')

for(var i = (iterations-1); i >= 0;i--){
	merge.append('feMergeNode').attr('in','cCH'+i)
}


//merge.append('feMergeNode').attr('in','cCHx')
//merge.append('feMergeNode').attr('in','SourceGraphic')

basic.attr('filter','url(#texty)')