problemer med "or"

jeg har bixet de her 2 functioner sammen, men den sidste function kan jeg ikke få til at virke som jeg gerne vil have den til:

<script language="JavaScript">
    grupper = new Array(5);
    for (i = 0; i < grupper.length; i++) grupper[i] = new Array();
    grupper[0][0] = "Choose above";
    grupper[1][0] = "12";
    grupper[1][1] = "16";
    grupper[1][2] = "20";
    grupper[2][0] = "24";
    grupper[2][1] = "32";
    grupper[2][2] = "40";
    grupper[3][0] = "36";
    grupper[3][1] = "48";
    grupper[3][2] = "60";
    grupper[4][0] = "48";
    grupper[4][1] = "64";
    grupper[4][2] = "80";
    function skiftTeams(theFrm) {
        ind = theFrm.Groups.selectedIndex;
        theFrm.Teams.length = grupper[ind].length;
        for (n = 0; n < grupper[ind].length; n++) {
            theFrm.Teams.options[n].text = grupper[ind][n];
            theFrm.Teams.options[n].value = grupper[ind][n];
        }
    }
    //herfra og ned efter
    function skiftTpg(frmn) {
        indTeams = frmn.Teams.selectedIndex.value;
        if (indTeams == "12" || "24" || "36" || "48") {
            frmn.Tpg.options[0].text = 3;
            frmn.Tpg.options[0].value = 3;
        } else if (indTeams == "16" || "32" || "48" || "64") {
            frmn.Tpg.options[0].text = 4;
            frmn.Tpg.options[0].value = 4;
        } else if (indTeams == "20" || "40" || "60" || "80") {
            frmn.Tpg.options[0].text = 5;
            frmn.Tpg.options[0].value = 5;
        } else {
            frmn.Tpg.options[0].text = "Choose above";
            frmn.Tpg.options[0].value = "-";
        }
    }
</script>

<select name="Groups" size="1" onChange="skiftTeams(this.form);" style="background: #D6D6D6;font-family: Verdana;font-size: 12;font-color: #000000">
    <option value="-" selected>Choose here</option>
    <option value="4">4</option>
    <option value="8">8</option>
    <option value="12">12</option>
    <option value="16">16</option>
</select>
<select name="Teams" size="1" onChange="skiftTpg(this.form);" style="background: #D6D6D6;font-family: Verdana;font-size: 12;font-color: #000000">
    <option value="-">Choose above</option>
</select>
<select name="Tpg" size="1" style="background: #D6D6D6;font-family: Verdana;font-size: 12;font-color: #000000">
    <option value="-">Choose above</option>
</select>

De første 2 selectboxe (Groups og Teams) bliver styret af den første function også var det meningen at de 2 sidste selectboxe (Teams og Tpg) skulle styres af den anden function, men det virker ikke helt.

I den første selectbox kan man vælge imellem 4, 8, 12 eller 16, hvis man f.eks. vælger 4 skifter den anden selectbox, så man kan vælge imellem 12, 16 eller 20. Det var så meningen at når man vælger f.eks. 12 så skal den 3 og sidste selectbox skifte til 3 (4*3 = 12) eller hvis man vælge 16 så skal den 3 selectbox skifte til 4 (4*4 = 16).

Håber der er nogen der forstår systemet i det.

På forhånd tak!