//
// properties..
//

//
// name
// x,y position
// attach whatever data you like here innit.
//

// JS "hack"..

//
// as an overlay on the screen we'll want to provide a bunch of pointers that the
// user can move around.
// almost by definition these are xy points - although feel free to modify just 1 axis.
//


function controlPoints()
{
	this.controlpoints = [];

}

//
// add a control point and provide some sorta callback for it too
// this point will affect a "real" object in the system
//
// cps.add(controlpoint(blah,blah,blah));

controlPoints.prototype.add = function(cp)
{
	// hmmm....
	cp.container = this;
	this.controlpoints.push(cp);
}

controlPoint.prototype.addControlLine(cp1,cp2)
{

}

//
// move a point
//
controlPoints.prototype.move = function(cp, x, y)
{
	// call through to the original controlPoint object   


}

//
// This may move to some sorta "view" widget
//
controlPoints.prototype.draw = function(ctx)
{


}

//
// return nearest control point and distance
//
controlPoints.prototype.search = function(x,y)
{


}

controlPoints.prototype.
{

}








function controlPoint(name, description, x, y)
{

}










// property is added to prototype.

//addProperty(controlPoint, 

// WOW!!! this causes a print dialog on my FF system! (3.0.3 with a ton of addons)

//print('hello world');





function controlPointView(canvas)
{


}

controlPointView.prototype.addControlPoint = function(cp)
{


}

// compare by object reference? e.g. must be same member of same object instance... sqeet