first get the script working by placing it in the header
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>YOGAMOVES - RELAX</title>
<link href="http://metzhere.com/yogamoves/css/yoga_moves.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*Begin Quote Styles*/
#quote { /*optional styles for quote division*/
width:375px;
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
color: #2829A6;
padding:3px;
text-indent:1ex;
}
#quote b { /*styles for bold element if used in quote*/
font-size:110%;
padding:0 1px;
}
#quote { /*required styles for quote division*/
position:relative;
margin:16% auto 0 auto;
}
* html #quote { /*required style for quote division for IE without javascript*/
margin-top:8%;
}
#auth { /*required styles for quote author, if used*/
position:absolute; /*required*/
bottom:5px; /*adjustable*/
right:10px; /*adjustable*/
}
/*End Quote Styles*/
</style>
<script type="text/javascript">
/*//////////////////////////////////////////////////////
* Random or Daily Quotes Script w/optional controls
* © John Davenport Scheuer as first seen in Dynamic Drive Forums
* http://www.dynamicdrive.com/forums - user name jscheuer1
* This credit must remain for legal use. Ver Date: 4/1/2006
//////////////////////////////////////////////////////*/
var method=0 //Set to 1 for rotating daily, 0 for random each page load
var firstBold=0 //Set to 1 to bold the first letter in all quotes, 0 for not
var usecontrols=0 //Set to 1 to use controls, 0 (also uncomment style line 'A') for not
////////////BEGIN QUOTES: (Start Editing after next line)//////////
var quotes="\
The body is a boat which carries the soul in the ocean of the world. If it is not strong or it has a hole, then it can't cross the ocean. So the first duty is to fix the boat. ~Baba Hari Dass^\
ENJOY LIFE...THIS IS NOT A REHEARSAL. ~Unknown^\
Some people think yoga means standing on your head, but it really means learning to stand firmly on your own two feet. ~Swami Satchidananda^\
Yoga helps you see things from a perspective that constantly strives for balance and the intimacy of the moment. ~Laureen Lucero^\
There is no such thing as a right position, but there is such a thing as a right direction. ~F. M. Alexander^\
My advice to people who sit for long periods of time...MOVE YOUR BODY… ~Laureen Lucero^\
The only place success comes before work is in the dictionary. ~Scott Goguen^\
Just be sure that you're sitting up when you're sitting down. ~Unknown^\
Relaxing is the easy part. The hard part is taking the time to do it. ~Laureen Lucero^\
Of course, the inner voice can be very scary sometimes. You listen, and then you go, 'do what? I don't wanna do that!' But you still have to pay attention to it. ~Alice Walker^\
", ///////////END QUOTES (Stop Editing, don't touch this line)////////////
thenum, thelength;
function selectQuote(qnum){
if (usecontrols){
var controls=document.getElementById?document.getElementById('qcontrols'):document.all['qcontrols']
controls.style.visibility='visible'
}
var qs=quotes.split("^")
thelength=qs.length=qs.length-1
if (typeof qnum=='undefined'){
if(method){
var qdate=new Date()
thenum=Math.ceil((qdate.valueOf()-new Date(qdate.setMonth(0)).setDate(1))/(1000*60*60*24))%(qs.length-1)
}
else
thenum=Math.floor(qs.length*Math.random())
}
else
thenum=qnum
var quotediv=document.getElementById?document.getElementById('quote'):documet.all['quote']
var theQuote=firstBold? qs[thenum].replace(/^(.)/, '<b>$1</b>') : qs[thenum]
var qHTML=quotediv.innerHTML=/~/.test(theQuote)? '"'+theQuote.replace(/~/, '"<br> <br> <span id="auth"> ~ ')+' </span>' : '"'+theQuote+'"<br> <br> '
var qh=quotediv.parentNode.offsetHeight/2-quotediv.offsetHeight/2
var as=document.getElementById?document.getElementById('auth'):document.all['auth']
quotediv.style.paddingBottom=''
if(qh<0&&!as){
qHTML=qHTML.replace(/<br>\ <br>\ $/,'')
quotediv.innerHTML=qHTML
quotediv.style.paddingBottom='10px'
}
quotediv.parentNode.style.borderRightWidth=qh<0? 0 : ''
quotediv.style.marginTop=Math.max(5, qh)+'px'
if (quotediv.parentNode.scrollTop)
quotediv.parentNode.scrollTop=0
}
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", function(){selectQuote();}, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", function(){selectQuote();} );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
selectQuote();
};
}
else
window.onload = function(){selectQuote();}
}
function getQuote(){
method=0;
selectQuote();
}
function nextQuote(){
if (thenum<thelength-1)
selectQuote(thenum+1)
else
selectQuote(0)
}
function prevQuote(){
if (thenum>0)
selectQuote(thenum-1)
else
selectQuote(thelength-1)
}
</script>
</head>
<body>
<center>
<div id="header"> </div>
<div id="navigation">
<ul>
<li><a href="index.html" class="selected"><font color="#2829A6">Home</font></a></li>
<li><a href="eye_pillows.html">Eye Pillows</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="content"><center>
with
<h2>Laureen Lucero</h2>
<p><img src="http://metzhere.com/yogamoves/img/namaste.jpg" width="220" height="239" alt="namaste" />
<div id="quote">
</div>
</div>
<div id="footer">Website designed by <a href="http://www.metzhere.com">Amber Metz</a> - Background Image Provided by <a href="http://casperium.deviantart.com/">casperium</a></div>
<div id="tagline"><MARQUEE direction="right" loop="20"><h1>...Yoga to help you move through Life...</h1></MARQUEE></DIV>
</body>
</html>
once you are satisfided the code between the script tags
can go in an external .js file
and
<script type='text/javascript' src='js/thought.js'></script>
can go in the header
Also the script requires that the quote div has an ID name of 'quote'