Spawning two templates to create second page, possible?

Question

I am not sure if this is possible but based on a value on the first page i want to be able to create a second page using two templates.
My script below just creates two extra pages. Any ideas please?
var t = this.templates;
var j = this.pageNum;
// this is my 3 templates, depending on the value of the first page the second will pick 2 of these templates
    var T = t[0];
    var S = t[1];
    var R = t[2];
if (this.getField("P"+j+".Background.Dropdown4").value == "Other"){
    var XO = T.spawn(this.numPages, true, true);
    for (var i=0; i<0; i++) T.spawn(this.numPages, true, true, XO);
}else if (this.getField("P"+j+".Background.Dropdown4").value == "Hair Colour"){
        var XO = T.spawn(this.numPages, true, true);
        var XY = S.spawn(this.numPages, true, true);
    for (var i=0; i<0; i++) T.spawn(this.numPages, true, true, XO);
    for (var i=0; i<0; i++) S.spawn(this.numPages, true, true, XY);
this.pageNum++;
app.alert("A new page has been added")

Answer 1

Thanks for the comments, the loops were taken initially from the examples on the SDK site for another project which needed more than one page template, I've taken them out and retried with the bOverlay changed to false but it adds 3  templates of which two are the same?
Heres my modified colde, any help would be much appreciated:
var t = this.templates;
var j = this.pageNum;
    var T = t[0];
    var S = t[1];
    var R = t[2];
if (this.getField("P"+j+".Background.Dropdown4").value == "Other"){
    var XO = T.spawn(this.numPages, true, false);
    T.spawn(this.numPages, true, false, XO);
}else if (this.getField("P"+j+".Background.Dropdown4").value == "Hair Colour"){
        var XO = T.spawn(this.numPages, true, false);
        var XY = S.spawn(this.numPages, true, false);
    T.spawn(this.numPages, true, false, XO);
    S.spawn(this.numPages, true, false, XY);
this.pageNum++;
app.alert("A new page has been added")