Add Javascript in overall header

hi fmsoftware,
i want to ask..

how to put javascript code on overall header?
this code

Code:

<script>function text() {
        };
        text = new text();
        number = 0;
        // textArray
        text[number++] = "<div class='random1'>Real success is determined by two factors.</div>"
        text[number++] = "<div class='random1'>Keep going and never quit! The champion is never quit.</div>"
        text[number++] = "<div class='random1'>Make a history in your life, not just a story.</div>"
        // keep adding items here...
        increment = Math.floor(Math.random() * number);
        document.write(text[increment]);
        //--></script>

css

Code:

.random1 {
  color: violet;
  font-family: tahoma,verdana,arial;
  font-size: 18px;
  font-weight: bold;
}

-------

before i try this code in display>generalities, its work


but when i try in template>overall header, doesnt work, nothing happen :(

i need that code put in bottom poster.


this basic code for my poster in overall header

Code:

<!-- BEGIN switch_logo_center -->
 <div style="border:1px solid #141414;"><div style="height: 264px; overflow:hidden; border:3px solid #080808; background: url('http://i.imgur.com/KS899tE.png');" id="mainlogo">
                                                          <table cellspacing="0" cellpadding="0" border="0" align="center" ><tbody><tr>
                                                            <a href="/forum"><div style="height:125px; width:342px; background:url('http://i.imgur.com/7G8ePbB.png') no-repeat;" id="onlylogo"></div></a>
                                                            </tr></tbody></table>
                                                          </div></div>
                                   
     
                                     
 <!-- END switch_logo_center -->

so like this

Code:

<!-- BEGIN switch_logo_center -->
 <div style="border:1px solid #141414;"><div style="height: 264px; overflow:hidden; border:3px solid #080808; background: url('http://i.imgur.com/KS899tE.png');" id="mainlogo">
                                                          <table cellspacing="0" cellpadding="0" border="0" align="center" ><tbody><tr>
                                                            <a href="/forum"><div style="height:125px; width:342px; background:url('http://i.imgur.com/7G8ePbB.png') no-repeat;" id="onlylogo"></div></a>
                                                            </tr></tbody></table>
                                                          </div></div>
                                   

<script>function text() {
        };
        text = new text();
        number = 0;
        // textArray
        text[number++] = "<div class='random1'>Real success is determined by two factors.</div>"
        text[number++] = "<div class='random1'>Keep going and never quit! The champion is never quit.</div>"
        text[number++] = "<div class='random1'>Make a history in your life, not just a story.</div>"
        // keep adding items here...
        increment = Math.floor(Math.random() * number);
        document.write(text[increment]);
        //--></script>
<!-- END switch_logo_center -->

btw why doesnt work?
can you help me admin, thanks a lot :)

Code:

.random1 {
  color: violet;
  font-family: tahoma,verdana,arial;
  font-size: 18px;
  font-weight: bold;
z-index:9999;
}

Try now or post your forum URL

this for my forum
http://budokai.indonesianforum.net/

hmm, i need put in overall header,
that does not appear on the homepage alone, I'll be out on the portal or topics (all page)

if put in generalities, it will come out in 1 page.

please help me admin, thanks before :)