Authors Confirm Their Work - Phase 2

TODO: factor out code so that number of works displayed is controlled by the user

HTML

<button id="rotate">Rotate</button>
<svg id='parent_container' width = '1000' height = '700'>
	<circle cx=500 cy = 350 r = 300 style="fill:none; stroke:gray;"/>
</svg>

<li>TODO: large circle will rotate to show more works</li>
<li>TODO: count of works waiting for confirmation at center</li>
<li>TODO: list of works confirmed at bottom</li>
<li>TODO: text-wrap work titles</li>
<li>TODO: users pick how many works displayed at a time?</li>

CSS

li {
    color: #ccc;
}

.arc {
    /* setting a space between arcs */
    stroke: #fff;
    stroke-width: 1;
}

.arc_running {
    fill: #71BC78;
}

.arc_down {
    fill: orange;
}

circle {
    cursor: pointer;
}

.rectangles {
    fill: lightsteelblue;
    stroke: steelblue;
    stroke-width: 2px;
    cursor: pointer;
}

/* can take this out */
line {
    stroke: #ccc;
}

.labels {
    font: bold 12px Arial Narrow;
}

JavaScript

var dataset = [
{
    parent_name: 'parent 1',
    characters:"I am the parent",
    running_count:4,
    child:[ {name: 'Concepts in Psychology',
        chracters:"I am the first child",
        type: 'job',
        live_status:"down",
        child: []
        },
        {name: 'The pitfalls of the non-directive Rogerian analysis approach',
        chracters:"I am the first child",
        type:'server', 
        live_status:"down",
        child:[]
        },
        {name: 'The modern dilemma of post-modernism in-built contradictions',
        chracters:"I am the first child",
        type:'server',
        live_status:'down',
        child:[]
        },
        {name: 'The role of psychology in counter-terrrorism',
        chracters:"I am the first child",
        type:'server',
        live_status:'down',
        child:[]
        },
        {name: 'The human model as a paradigm for slave-making ants in South America',
        chracters:"I am the first child",
        type:'server',
        live_status:'down',
        child:[]
        },
        {name: 'Neurological Concepts Facing the Collapse of Western Civilization',
        chracters:"I am the first child",
        type:'server', 
        live_status:'down',
        child:[]
        },
           {name: 'Narcotics: the ever-present black cloud of modern society',
        chracters:"I am the first child",
        type:'server',
        live_status:'down',
        child:[]
        },
        {name: 'Metanephrin and its effects on the alertness of Macacus Rhesus',
        chracters:"I am the first child",
        type:'server',
        live_status:'down',
        child:[]
        },
        {name: 'Clinical Episodes of Self-idulging Young Adults',
        chracters:"I am the first child",
        type:'server',
        live_status:'down',
        child:[]
        }
          ]
    }
]; 

/*
important variable to specify number of works being displayed
*/
var noWorks = 8;

// initializing global variables...