Broken category randomize

by lennyekberg

HTML

<!-- jquery -->
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
<!-- läs in slumpscript och ord -->
<script src="jquery/slumpordFork.js"></script>
<script src="jquery/alter_stylesheet.js"></script>
<!-- läs in css -->
<!-- Färkodat <link rel="stylesheet" type="text/css" href="css/style.css">-->
<!-- Enfärgat <link rel="stylesheet" type="text/css" href="css/clean.css">-->
<link href="css/style.css" rel="stylesheet" type="text/css" id="stl" />
<body>
<span style="position:fixed">
    <!--<button id="idd">Växla CSS</button>-->
    <button class="rndButton">Randomize</button>
</span>

    <div class="limitwidth">
        <br>
        <br>
        
<h3>Sentences (works)</h3>
Name <span class="foretagsnamn"></span>

        <br>Work description <span class="foretagsbeskrivning"></span>

        <br>Goal <span class="malsattning"></span>

        <br>
    </div>
    <br>
    <hr>
    <br>
    
    </html>

CSS

/*my bad for the horrific 1996-style color scheme...*/
 @charset"UTF-8";

/* CSS Document */
 body {
    background-color:#e3e3e3;
    color:#000;
    line-height:140%;
    font-size:1em;
    font-family:Helvetica, Arial;
}
h3 {
    color:#078;
}
.texttest {
    color:#F60;
    width:500px;
}
/*kontrollerade meningar som rullar fint*/
 .foretagsnamn {
    color:#0CF;
}
.foretagsbeskrivning {
    color:#ca0;
}
.nuvarandepositionering {
    color:#0FC;
}
.malsattning {
    color:#3b6;
}
.malsattninggenomforande {
    color:#F36;
}
.malsattningresultat {
    color:#F00;
}
.usp {
    color:#CF3;
}
.prekarnvarde {
    color:#f95;
}
.karnvarde1, .karnvarde2, .karnvarde3 {
    color:#caF;
}
.postkarnvarde {
    color:#f00;
}
.malgrupp {
    color:#FC6;
}
.malgrupppersona {
    color:#6C3;
}
.styrka {
    color:#F06;
}
.svaghet {
    color:#c5F;
}
/*meningar som behövs ses över*/
 .random-sentence-ch0 {
    color:#F63;
}
.exforetagsnamn {
    color:#0CF;
}
.exforetagsbeskrivning {
    color:#ca0;
}
.exmalsattning {
    color:#3b6;
}

JavaScript

var GenderSelection = ['boy', 'girl'],
    Foretagsnamn = ['Matt', 'Carl', 'Ron'],
    maxForetagsnamn = Foretagsnamn.length,
    randomName = "",
    Foretagsbeskrivning = [
        'is an ice cream vendor',
        'is a telemarketer',
        'builds hybrid cars'
    ],
    maxForetagsbeskrivning = Foretagsbeskrivning.length,
    Malsattning = [
        '@@person@@ wants to serve a combination of cooling flavours', // aimed at ice cream vendor
        'The long term goal is for @@person@@ to buy ', // aimed at ice cream vendor
        'The vision is for @@person@@ to be the most productive salesperson in the office', // aimed at telemarketer
        'The vision is for @@person@@ to call more than 5000 customers this week', // aimed at telemarketer
        'The goal for @@person@@ is to develop a car that can travel in the speed of light', // aimed at car builder
        '@@person@@ wants to create a vehicle capable of being powered by water' // aimed at car builder
    ],
    
    //the current sentences length
    maxMalsattning = Malsattning.length;

function onRandomize() {

    var index = Math.floor(Math.random() * GenderSelection.length),
        Gender = GenderSelection[index],
        workDescription = getRandomWorkDescription(),
        goal = getRandomMalsattning();

    if (Gender == 'boy') {
        Foretagsnamn = ['Matt', 'Carl', 'Ron'];
        randomName = getRandomForetagsnamn()
    }
    if (Gender == 'girl') {
        Foretagsnamn = ['Lisa', 'Ann', 'Sara'];
        randomName = getRandomForetagsnamn()
    }

    $(".foretagsnamn").text(randomName);
    $(".foretagsbeskrivning").text(workDescription);
    $(".malsattning").text(goal);
    var replaceName = $(".malsattning").text();
    replaceName = replaceName.replace("@@person@@", randomName);
    $(".malsattning").text(replaceName);
}

// get and return a random sentences from array
function getRandomForetagsnamn() {
    var index = Math.floor(Math.random() * (maxForetagsnamn));
    return...