dojo.require("dojox.gfx");
dojo.require("dojox.gfx.fx");
dojo.require("dojox.timing.Sequence");
dojo.require("dojox.timing._base");
 
makeShapes = function() {
	var m = dojox.gfx.matrix;
	var surface = dojox.gfx.createSurface(dojo.byId("softwarebox"), 148, 177);

	var img1 = surface.createImage( {
		width: 148,
		height: 177,
		src: "http://www.dacelo.nl/images/softwarebox.png"
	});

    var textX = 35;
	var t1, t2, t3;
	function writeText(msg) {
		if(t1) {t1.removeShape(); }
		t1 = surface.createText({x: textX, y: 75, text: msg[0]});
        t1.setFont({size: "12px", family: "Verdana"}).setFill("black");
    	t1.setTransform( m.skewYg(14) );

    	if(t2) { t2.removeShape(); }
    	t2 = surface.createText({x: textX, y: 88, text: msg[1]});
        t2.setFont({size: "12px", family: "Verdana"}).setFill("black");
    	t2.setTransform( m.skewYg(14) );

    	if(t3) {t3.removeShape(); }
    	t3 = surface.createText({x: textX, y: 100, text: msg[2]});
        t3.setFont({size: "12px", family: "Verdana"}).setFill("black");
    	t3.setTransform( m.skewYg(14) );
	}

	writeText(["Guided", "Sales", "3.0"]);
    
	var s = new dojox.timing.Sequence({});
	var funcs = [
    	{func : [writeText, this, ["ECF", "version", "4.0.0"]], pauseBefore : 2000},
    	{func : [writeText, this, ["MMWeb", "version", "2.3.0"]], pauseBefore : 2000},
        {func : [writeText, this, ["Config", "Manager", "1.7"]], pauseBefore : 2000},
        {func : [writeText, this, ["Guided", "Sales", "4.0.0"]], pauseBefore : 20000}
	];
	s.go(funcs, function() {});

	var t = new dojox.timing.Timer();
    t.setInterval(8000);
	t.onTick = function() {
		s.go(funcs, function() { writeText("Done"); });
    }
    t.start();
}

dojo.addOnLoad(makeShapes);