my playlist won't.., play... Options

[tokyopunka]

my playlist, which i put in my custom header, won't work!! it's the player with the back, stop, and play/pause buttons, as well as the shuffle checkbox. is there something wrong with my custom header or look & feel?

CUSTOM HEADER

<!-- begin code provided by createblog.com --><br /><marquee scrollAmount= "7" <br />onMouseover="this.scrollAmount=0" onMouseout="this.scrollAmount=7" OnMouseDown="this.scrollAmount=7" onMouseUp="this.scrollAmount=7"<br />direction="left"<br />height="30"<br />width="700"><FONT face=courier color=#ff8000 size=5 ms>TokyoPunka's Questionable Remarks</font><font face=courier color=#FFBF80> [in advance: happy halloween]</font></marquee><br /><br><br><br /><br /><!-- begin code provided by createblog.com --><br /><OBJECT ID="Player" height="0" width="0" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"><br /><PARAM NAME="uiMode" VALUE="invisible"><br /><PARAM NAME="Autostart" VALUE="False"><br /></object><br /><br /><FORM ID="form"><br /><br /><SELECT ID="<span class='searchlite'>playlist</span>" size="1"><br /><br /><!-- Add song info that appears in drop down list here --><br /><option value="0">Harmonia ~ Naruto</option><br /><option value="1">Ride on Shooting Star ~ FLCL</option><br /><option value="2">Arurian Dance ~ Champloo</option><br /><option value="3">The Space Between Two Worlds ~ ~Champloo</option><br /><option value="4">Carnival ~ The Cardigans</option><br /><option value="5">Sally's Song ~ NightmareBeforeChristmas</option><br /><option value="6">Cats on Mars ~ Cowboy Bebop</option><br /><option value="7">Patricia ~ FLCL</option><br /><option value="8">Bran-New Lovesong ~ FLCL</option><br /><option value="9">Stacy's Mom ~ Fountains of Wayne</option><br /><br /></SELECT><br /><br /><BR><br /><BUTTON ID="BackButton" onClick="Back(forms['form'].playlist);">&nbsp;<<&nbsp;</BUTTON><br /><BUTTON ID="PlayPauseButton" onClick="PlayPause(forms['form'].playlist);"><FONT color="green">&nbsp;&nbsp;Play&nbsp;&nbsp;</FONT></BUTTON><br /><BUTTON ID="NextButton" onClick="Next(forms['form'].playlist);">&nbsp;>>&nbsp;</BUTTON>&nbsp;<br /><BUTTON ID="StopButton" onclick="Stop();"><FONT color="maroon">Stop</FONT></BUTTON><br /><b><font size="3" color="black">Shuffle</font></b><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);" value="ON"><br /><br /></FORM><br /></CENTER><br /><br /><br /><comment ID="PlayHTML"><FONT color="green">&nbsp;&nbsp;Play&nbsp;&nbsp;</FONT></comment><br /><comment ID="ShuffleOnHTML"><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment><br /><comment ID="ShuffleOffHTML"><INPUT TYPE=checkbox UNCHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment><br /><br /><br /><script ID="Main" Language="JavaScript"><br /><br /> var songs = new Array();<br /><br /> //*******************************//<br /> //****** CHANGEABLE STUFF *******//<br /> //*******************************// <br /> <br /> var shuffle = true;  // false = shuffle off, true = shuffle on<br /><br /> var autoStart = true;   // false = autoStart off, true = autoStart on<br /> <br /> var numberTracks = false;  // true = place track number in front of list items, false = no track numbers<br /> <br /> // Add song URLs here (make sure it matches up with the order you have for song info, and urls need quotes):<br /> songs[0]="http://download.realitylapse.com/music/narutobest/04%20-%20Harmonia.mp3";<br /> songs[1]="http://download.realitylapse.com/music/flclost/02%20-%20Ride%20On%20Shooting%20Star.mp3";<br /> songs[2]="http://download.realitylapse.com/music/scdeparture/03%20aruarian%20dance.mp3";<br /> songs[3]="http://download.realitylapse.com/music/scdeparture/02%20the%20space%20between%20two%20world.mp3";<br /> songs[4]="http://earth.uos.ac.kr/~jungdal/music/Cardigans%20-%20Carnival.mp3";<br /> songs[5]="http://www.lottaworld.com/personal/music/sally.mp3";<br /> songs[6]="http://download.realitylapse.com/music/cbost2/06%20-%20Cats%20on%20Mars.mp3";<br /> songs[7]="http://download.realitylapse.com/music/flclost2/05%20FLCL%20Original%20Sound%20Track%20&%20Drama%20CD%202%20-%20PATRICIA%20(Karaoke).mp3";<br /> songs[8]="http://download.realitylapse.com/music/flclost/18%20-%20Bran-new%20Lovesong%20(Instrumental).mp3";<br /> songs[9]="http://www.noxplague.com/clanlordof/cd/03.%20-%20Stacy's%20Mom.mp3";<br /> //*******************************//<br /> //*******************************//<br /><br />// Initializations //<br />with (document){<br /> var length = forms['form'].playlist.length;<br /><br /> if(numberTracks){<br />  for (var i = 0; i < length; i++){<br />   forms['form'].playlist.options[i].innerHTML = (i+1) + " - " + forms['form'].playlist.options[i].innerHTML;<br />  }<br /> }<br /> <br /> if (shuffle) {<br />  var randsg = Math.floor(Math.random()*songs.length);<br />  Player.url = songs[randsg];<br />  forms['form'].playlist.options[randsg].selected = true;<br />  forms['form'].ShuffleSwitch.outerHTML = ShuffleOnHTML.innerHTML;<br /> }<br /><br /> else {<br />  forms['form'].ShuffleSwitch.outerHTML = ShuffleOffHTML.innerHTML;<br />  Player.url = songs[0];<br /> }<br /><br /> if(autoStart){<br />  var snum = forms['form'].playlist.selectedIndex;<br />  if(Player.url != songs[snum]){<br />   Player.url = songs[snum];<br />  }<br />  Player.controls.Play();<br /> }<br />}<br /><br />// Functions //<br />// Discription: "PlayPause" will toggle playing and pausing if the same song is still selected,<br />//              otherwise it will load the newly selected song<br />function PlayPause(list) {<br /> var snum = list.selectedIndex;<br /> <br /> if((Player.url == songs[snum] && Player.url != "") && Player.playState != 1){<br />  if(Player.playState == 3){<br />   Player.controls.Pause();<br />  }<br />  <br />  else {<br />   Player.controls.Play();<br />  }<br /> }<br /><br /> else {<br />  Player.url = songs[snum];<br />  Player.controls.Play();<br /> }<br />}<br /><br />// Discription: "Next" will move to the next music file if shuffle is off<br />//              otherwise it will load a random song. Calls PlayPause to start music.<br />function Next(list) {<br /> var snum = list.selectedIndex;<br /> if (!shuffle) {<br />  if (snum == list.length-1) {<br />   snum = -1;<br />  }<br />  snum++;<br /> }<br /> <br /> else {<br />  var temp;<br />  do{<br />   temp = Math.floor(Math.random()*songs.length);<br />  } while(temp == snum);<br />  snum = temp;<br /> }<br /> <br /> list.options[snum].selected = true;<br /> PlayPause(list);<br />}<br /><br />// Discription: "Back" does the same thing as "Next" but moves backwads<br />//              through the list. If shuffle is on then picks a random song.<br />function Back(list) {<br /> var snum = list.selectedIndex;<br /> if (!shuffle) {<br />  if (snum == 0){<br />   snum = list.length;<br />  }<br />  snum--;<br /> }<br /> <br /> else {<br />  var temp;<br />  do{<br />   temp = Math.floor(Math.random()*songs.length);<br />  } while(temp == snum);<br />  snum = temp;<br /> }<br /> <br /> list.options[snum].selected = true;<br /> PlayPause(list);<br />}<br /><br />// Discription: Self explanitory.<br />function Stop(){<br /> Player.controls.Stop();<br />}<br /><br />// Discription: Makes the shuffle flag the same as the status of the CheckBox<br />//    The status of the checkbox (true/false) indicates if the box is checked<br />function ToggleShuffle(CheckBox) {<br /> shuffle = CheckBox.status;<br />}<br /><br /></SCRIPT><br /><br /><script ID="StateChangeHandler" Language = "JavaScript" For = "Player" Event = playStateChange(NewState)><br /><br />// Description: This is an interupt handler used to handle instances when the<br />//              state of the player changes to play or stop for example.<br /><br />//STATE.innerText = NewState;<br /><br />switch(NewState){<br /> case 8:  // Handles player after it just finishes playing through a song<br />  var num = document.forms['form'].playlist.selectedIndex;<br /> <br />  if (!shuffle){<br />   if(num == document.forms['form'].playlist.length-1){<br />    num = -1;<br />   }<br />  <br />   num++;<br />  }<br />  else {<br />   var temp;<br />   do{<br />    temp = Math.floor(Math.random()*songs.length);<br />   } while(temp == num);<br />   num = temp;<br />  }<br /> <br />  document.forms['form'].playlist.options[num].selected = true;<br /> <br />  PreviousState = NewState;<br />  break;<br /><br /> case 1: // Handles player after it stops<br />  if(PreviousState == 8){<br />   var num = document.forms['form'].playlist.selectedIndex;<br />   Player.settings.autoStart = true;<br />   Player.url = songs[num];<br />   PreviousState = NewState;<br />  }<br />  <br />  else if (PreviousState != 3 && PreviousState != 2){<br />   Player.controls.Play();<br />   Player.settings.autoStart = false;<br />  }<br />  <br />  else{<br />   forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML;<br />  }<br />  break;<br /><br /> case 3: // Handles player after it starts to play<br />  PreviousState = NewState;<br />  forms['form'].PlayPauseButton.innerHTML = "Pause";<br />  shuffle = document.forms['form'].ShuffleSwitch.status;<br />  break;<br /><br /> case 2: // Handles player after being paused<br />  PreviousState = NewState;<br />  forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML;<br />  break;<br /><br /> default:<br />}<br /><br /></SCRIPT><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><br /><br /><!-- begin code provided by <a href="http://createblog.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">createblog.com</a> --><br /><style type="text/css"><br />BODY {<br />scrollbar-arrow-color: #ffffff;<br />scrollbar-3dlight-color: #7A7A7A;<br />scrollbar-highlight-color: #000000;<br />scrollbar-face-color: #000000;<br />scrollbar-shadow-color: #000000;<br />scrollbar-darkshadow-color: #7A7A7A;<br />scrollbar-track-color: #000000;<br />} <br /></style><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.custom{<br />width: 550px; <br />height: 200px; <br />z-index:100; <br />overflow: auto; <br />}<br />div.blogheader, .caption {<br />/* edits the dates */<br />  font-family:century gothic;<br />  text-transform:lowercase;<br />  font-size:14px;<br />line-height:20px;<br />filter: alpha (opacity=100, finishopacity=0);<br />height: 1px;<br />color:000000;<br />letter-spacing:2px;<br />text-align: center;<br />  }<br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />  border: 1px solid #ffffff;<br />  background-color: #000000;<br />  width:575px;<br />  filter: alpha (opacity-20, finishopacity=50, style=1)<br />  }<br /></style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

LOOK& FEEL

<!-- begin code provided by createblog.com --><br /><!-- Left Side Modules : Paul Chen --><br /><div id="customLeft" style="display:none"><br /><!-- module:start --><br /><table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"><br /> <tr><th class="left" vAlign="top" align="left"><br /> <br /> </th></tr><br /> <br /> <tr><td class="left" vAlign="top"><br /> <!-- Script by Paul Chen --><br /><div id="customTen" style="display:none"><br /><table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"><br /><tr><th class="left" vAlign="top" align="left"><br />Last 20 Visitors</th></tr><tr><td class="left" vAlign="top"><br /><div id="lastTen"></div></td></tr></table><br/></div><br /><script> // Kaiyotee ::: Paul Chen<br />//************<br />var time = -8;<br />//************<br />a = document.getElementsByTagName('a');<br />for(j=0;j<a.length;j++){name="Guest";m=a[j].innerHTML;n=a[j].href;<br />if(n.indexOf(m)!=-1 && n.indexOf('private/home.aspx')!=-1){name=m;break;}}<br />var head = document.getElementsByTagName('head').item(0);<br />script = document.createElement('script');<br />script.src = "http://kaiyotee.cozysite.com/ktrack/track.php?view="+name+"&offset="+time;<br />head.appendChild(script);</script><br/> <br /> </td></tr><br /></table><br /><br/><br /><!-- module:end --><br /></div><br /><script><br />var sbpc = document.getElementById('customLeft');<br />var myForm = document.getElementById('__aspnetForm');<br />var leftSide = sbpc.cloneNode(true);<br />leftSide.style.display = "block";<br />if(!document.all){<br />range = document.createRange();<br />range.selectNode(myForm);<br />range.insertNode(leftSide);}<br />else{myForm.insertAdjacentElement('afterEnd', leftSide);}<br /></script><br /><!-- Left Side Modules : Paul Chen --><br /><br /><!-- Script by Paul Chen --><td id="customRight" style="display:none" vAlign="top" width="200"><br /> <br /><!-- module:start --><br /><table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"><br /> <tr><th class="left" vAlign="top" align="center"><br /> module title here<br /> </th></tr> <br /> <tr><td class="left" vAlign="top"><br /> module stuff here<br /></td></tr><br /></table><br /><br/><br /><!-- module:end --><br /><!-- module:start --><br /><table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"><br /> <tr><th class="left" vAlign="top" align="center"><br /> module title here<br /> </th></tr> <br /> <tr><td class="left" vAlign="top"><br /> module stuff here<br /></td></tr><br /></table><br /><br/><br /><!-- module:end --><br /></td><br /><script><br />extra=false;<br />j=document.getElementById('MoreoverModule1_lblModuleTitle')<br />if(j){extra=true}<br />index=0;<br />var mytds = document.getElementsByTagName('td');<br />var i = 0;<br />for(i=0;i<mytds.length-1;i++){<br /> if(mytds[i].width=="200"){<br />  index++;<br />  if(index==(extra ? 2 : 1)){break;}}<br />}<br />var sidebar = (extra ? mytds[i]: mytds[i].parentNode)<br />var tsibpc = document.getElementById('customRight');<br />var rightSide = tsibpc.cloneNode(true);<br />rightSide.style.display = "block";<br />sidebar.appendChild(rightSide);<br /></script><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />hr {display:none;}<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><!--Get this code at http://help.xanga.com/replacelinks.htm//--><br /><script language="javascript"><br /> <!--<br /> var links = document.getElementsByTagName ("a");<br /> for (var l = 0; l < links.length; l++) {<br /> str = links[l].innerHTML;<br />if (str.match (/d+:d+ (am|pm)/i)) links[l]<br />else if (str.match (/comments/i)) links[l].innerHTML = str.replace (/comments/i, "slippers");<br /><br />else if (str.match (/comment/i)) links[l].innerHTML = str.replace (/comment/i, "slipper");<br /><br />else if (str.match (/mitsukaichan/i)) links[l].innerHTML = str.replace (/comment/i, "Jennifer");<br /><br />else if (str.match (/luke_10/i)) links[l].innerHTML = str.replace (/luke_10/i, "Luke");<br /><br />else if (str.match (/tici/i)) links[l].innerHTML = str.replace (/Tici/i, "Photographer");<br /><br />else if (str.match (/subscribe/i)) links[l].innerHTML = str.replace (/subscribe/i, "subscribe ");<br />else if (str.match (/sign out/i)) links[l].innerHTML = str.replace (/sign out/i, "sayonara");<br /><br />else if (str.match (/GuestBook/i)) links[l].innerHTML = str.replace (/GuestBook/i, "record your discovery");<br />else if (str.match (/eprop/i)) links[l].innerHTML = str.replace (/eprop/i, "shiver");<br /><br />else if (str.match (/email it/i)) links[l].innerHTML = str.replace (/email it/i, "pass the noodles");<br /><br />else if (str.match (/signin/i)) links[l].innerHTML = str.replace (/signin/i, "konichiwa");<br /><br /><br />else if (str.match (/email me/i)) links[l].innerHTML = str.replace (/email me/i, "Pass the Noodles to Me");<br /><br />else if (str.match (/punkyrabbit/i)) links[l].innerHTML = str.replace (/PunkyRabbit/i, "Jacqy");<br /><br /><br />else if (str.match (/comment/i)) links[l].innerHTML = str.replace (/comment/i, "slipper");<br /><br />else if (str.match (/Venom3/i)) links[l].innerHTML = str.replace (/venom3/i, "Jerrel");<br /><br />else if (str.match (/kimberly92400/i)) links[l].innerHTML = str.replace (/kimberly92400/i, "Kim Our TA");<br /><br />else if (str.match (/sign out/i)) links[l].innerHTML = str.replace (/sign out/i, "sayonara");<br /><br />else if (str.match (/sign my GuestBook/i)) links[l].innerHTML = str.replace (/sign my GuestBook/i, "record this discovery");<br /><br />else if (str.match (/read my profile/i)) links[l].innerHTML = str.replace (/read my profile/i, "what few others may know");<br /><br /><br />else if (str.match (/visit my website/i)) links[l].innerHTML = str.replace (/visit my website/i, "go to my OTHER site");<br /><br /><br />else if (str.match (/BLue777/i)) links[l].innerHTML = str.replace (/Blue777/i, "Kyle");<br /><br />else if (str.match (/Addy_b/i)) links[l].innerHTML = str.replace (/addy_b/i, "Kyle's Girlfriend");<br /><br />else if (str.match (/phoenix808/i)) links[l].innerHTML = str.replace (/phoenix808/i, "Kyle's Best Friend");<br /><br />else if (str.match (/thenamekatierocks/i)) links[l].innerHTML = str.replace (/thenamekatierocks/i, "Katie");<br /><br />else if (str.match (/punkgreenapple4/i)) links[l].innerHTML = str.replace (/punkgreenapple4/i, "Katie's Apple Friend");<br /><br />else if (str.match (/Katie_boo_13/i)) links[l].innerHTML = str.replace (/katie_boo_13/i, "Katie Again");<br /><br />}//--><br /></script><br /><br /><br /><!-- begin code provided by createblog.com --><br /><script type="text/javascript"><br />function adjustSirListHeight()<br />{<br />   // *** define the height of your SIR-list in the line below <br />   var sirListHeight = '250px';<br />   var allTables = document.getElementsByTagName('tbody');<br />   for (i=0; i < allTables.length; i++)<br />   {<br />       if ((allTables[i].innerHTML.indexOf('Profile') != -1) &&<br />           (allTables[i].innerHTML.toUpperCase().indexOf('<TABLE') == -1))<br />       {<br />           sirlist = allTables[i].lastChild;<br />           temp = sirlist.firstChild.innerHTML;<br />           sirlist.removeChild(sirlist.firstChild);<br />           td = document.createElement('td');<br />           div = document.createElement('div');<br />           div.style.width = '190px';<br />           div.style.height = sirListHeight;<br />           div.style.overflow = 'auto';<br />           div.innerHTML = temp;<br />           td.appendChild(div);<br />           sirlist.appendChild(td);<br />           break;<br />       }<br />   }<br />}<br />if (navigator.userAgent.indexOf('Mac') == -1)<br />   if ((document.URL.indexOf('weblogs') == -1) && <br />       (document.URL.indexOf('guestbook') == -1) &&<br />       (document.URL.indexOf('events') == -1) &&<br />       (document.URL.indexOf('reviews') == -1))<br />       adjustSirListHeight();<br /></script><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><script type="text/javascript"><br />function adjustSirListHeight()<br />{<br />   // *** define the height of your SIR-list in the line below <br />   var sirListHeight = '150px';<br />   var allTables = document.getElementsByTagName('tbody');<br />   for (i=0; i < allTables.length; i++)<br />   {<br />       if ((allTables[i].innerHTML.indexOf('Last 20 Visitors') != -1) &&<br />           (allTables[i].innerHTML.toUpperCase().indexOf('<TABLE') == -1))<br />       {<br />           sirlist = allTables[i].lastChild;<br />           temp = sirlist.firstChild.innerHTML;<br />           sirlist.removeChild(sirlist.firstChild);<br />           td = document.createElement('td');<br />           div = document.createElement('div');<br />           div.style.width = '190px';<br />           div.style.height = sirListHeight;<br />           div.style.overflow = 'auto';<br />           div.innerHTML = temp;<br />           td.appendChild(div);<br />           sirlist.appendChild(td);<br />           break;<br />       }<br />   }<br />}<br />if (navigator.userAgent.indexOf('Mac') == -1)<br />   if ((document.URL.indexOf('weblogs') == -1) && <br />       (document.URL.indexOf('guestbook') == -1) &&<br />       (document.URL.indexOf('events') == -1) &&<br />       (document.URL.indexOf('reviews') == -1))<br />       adjustSirListHeight();<br /></script><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><script><br />var tds = document.getElementsByTagName ('a');<br />for (var i = 0; i < tds.length; i++) {<br />timeString = tds[i].innerText;<br />if(timeString.match(/\d+:\d+ [ap]m\b/i)){<br />if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}<br /> table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;<br />stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild;<br />inner = stuff.innerHTML<br />stuff.innerHTML="";<br />stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');<br /> <br />}<br />}<br /></script><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[*digital.fragrance*]

whew... I'm not sure. I don't think it has anything to do with thte fact that autostart is set to "false", but it's worth a try.

OOO! I think I found it! Get rid of the font tags on your buttons. I bet that's what is screwing it up!

If not, that's pretty complicated. Here's what I suggest, darkplayer <-- that will work, I know because I use it. If you want to see an example, click on my banner (it links to my site). I have it in my nav module. It's pretty similar to the one you have already.

[Kenado]

Yeeeeah what's up with all that span stuff?

Anywho.... try using this.

<!-- begin code provided by createblog.com --><br /><OBJECT ID="Player" height="0" width="0" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"><br /><PARAM NAME="uiMode" VALUE="invisible"><br /><PARAM NAME="Autostart" VALUE="False"><br /></object><br /><br /><FORM ID="form"><br /><br /><SELECT style="FONT-SIZE: 8pt; BACKGROUND:#000000; WIDTH: 300px; COLOR: #ffffff; font-face: arial;" ID="playlist" size="1"><br /><br /><!-- Add song info that appears in drop down list here --><br /><option value="0">Harmonia ~ Naruto</option><br /><option value="1">Ride on Shooting Star ~ FLCL</option><br /><option value="2">Arurian Dance ~ Champloo</option><br /><option value="3">The Space Between Two Worlds ~ ~Champloo</option><br /><option value="4">Carnival ~ The Cardigans</option><br /><option value="5">Sally's Song ~ NightmareBeforeChristmas</option><br /><option value="6">Cats on Mars ~ Cowboy Bebop</option><br /><option value="7">Patricia ~ FLCL</option><br /><option value="8">Bran-New Lovesong ~ FLCL</option><br /><option value="9">Stacy's Mom ~ Fountains of Wayne</option><br /><br /><br /><br /></SELECT><br /><br /><BR><br /><br /><BUTTON style="background-color: #000000;" ID="BackButton" onClick="Back(forms['form'].playlist);"><FONT color="#ffffff">&nbsp;<<&nbsp;</FONT></BUTTON><br /><BUTTON style="background-color: #000000;"  ID="PlayPauseButton" onClick="PlayPause(forms['form'].playlist);"><FONT color="#ffffff">&nbsp;&nbsp;Play&nbsp;&nbsp;</FONT></BUTTON><br /><BUTTON style="background-color: #000000;"  ID="NextButton" onClick="Next(forms['form'].playlist);"><FONT color="#ffffff">&nbsp;>>&nbsp;</FONT></BUTTON>&nbsp;<br /><BUTTON style="background-color: #000000;" ID="StopButton" onclick="Stop();"><FONT color="#ffffff">Stop</FONT></BUTTON><br /><b><font size="3" color="#000000">Shuffle</font></b><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);" value="ON"><br /><br /></FORM><br /></CENTER><br /><br /><br /><comment ID="PlayHTML"><FONT color="#ffffff">&nbsp;&nbsp;Play&nbsp;&nbsp;</FONT></comment><br /><br /><comment ID="ShuffleOnHTML"><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment><br /><comment ID="ShuffleOffHTML"><INPUT TYPE=checkbox UNCHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment><br /><br /><br /><script ID="Main" Language="JavaScript"><br /><br /> var songs = new Array();<br /><br /> //*******************************//<br /> //****** CHANGEABLE STUFF *******//<br /> //*******************************// <br /> <br /> var shuffle = true;  // false = shuffle off, true = shuffle on<br /><br /> var autoStart = true;   // false = autoStart off, true = autoStart on<br /> <br /> var numberTracks = true;  // true = place track number in front of list items, false = no track numbers<br /> <br /> // Add song URLs here (make sure it matches up with the order you have for song info, and urls need quotes):<br />songs[0]="http://download.realitylapse.com/music/narutobest/04%20-%20Harmonia.mp3";<br /> songs[1]="http://download.realitylapse.com/music/flclost/02%20-%20Ride%20On%20Shooting%20Star.mp3";<br /> songs[2]="http://download.realitylapse.com/music/scdeparture/03%20aruarian%20dance.mp3";<br /> songs[3]="http://download.realitylapse.com/music/scdeparture/02%20the%20space%20between%20two%20world.mp3";<br /> songs[4]="http://earth.uos.ac.kr/~jungdal/music/Cardigans%20-%20Carnival.mp3";<br /> songs[5]="http://www.lottaworld.com/personal/music/sally.mp3";<br /> songs[6]="http://download.realitylapse.com/music/cbost2/06%20-%20Cats%20on%20Mars.mp3";<br /> songs[7]="http://download.realitylapse.com/music/flclost2/05%20FLCL%20Original%20Sound%20Track%20&%20Drama%20CD%202%20-%20PATRICIA%20(Karaoke).mp3";<br /> songs[8]="http://download.realitylapse.com/music/flclost/18%20-%20Bran-new%20Lovesong%20(Instrumental).mp3";<br /> songs[9]="http://www.noxplague.com/clanlordof/cd/03.%20-%20Stacy's%20Mom.mp3";<br /><br /> <br /> //*******************************//<br /> //*******************************//<br /><br />// Initializations //<br />with (document){<br /> var length = forms['form'].playlist.length;<br /><br /> if(numberTracks){<br />  for (var i = 0; i < length; i++){<br />   forms['form'].playlist.options[i].innerHTML = (i+1) + " - " + forms['form'].playlist.options[i].innerHTML;<br />  }<br /> }<br /> <br /> if (shuffle) {<br />  var randsg = Math.floor(Math.random()*songs.length);<br />  Player.url = songs[randsg];<br />  forms['form'].playlist.options[randsg].selected = true;<br />  forms['form'].ShuffleSwitch.outerHTML = ShuffleOnHTML.innerHTML;<br /> }<br /><br /> else {<br />  forms['form'].ShuffleSwitch.outerHTML = ShuffleOffHTML.innerHTML;<br />  Player.url = songs[0];<br /> }<br /><br /> if(autoStart){<br />  var snum = forms['form'].playlist.selectedIndex;<br />  if(Player.url != songs[snum]){<br />   Player.url = songs[snum];<br />  }<br />  Player.controls.Play();<br /> }<br />}<br /><br />// Functions //<br />// Discription: "PlayPause" will toggle playing and pausing if the same song is still selected,<br />//              otherwise it will load the newly selected song<br />function PlayPause(list) {<br /> var snum = list.selectedIndex;<br /> <br /> if((Player.url == songs[snum] && Player.url != "") && Player.playState != 1){<br />  if(Player.playState == 3){<br />   Player.controls.Pause();<br />  }<br />  <br />  else {<br />   Player.controls.Play();<br />  }<br /> }<br /><br /> else {<br />  Player.url = songs[snum];<br />  Player.controls.Play();<br /> }<br />}<br /><br />// Discription: "Next" will move to the next music file if shuffle is off<br />//              otherwise it will load a random song. Calls PlayPause to start music.<br />function Next(list) {<br /> var snum = list.selectedIndex;<br /> if (!shuffle) {<br />  if (snum == list.length-1) {<br />   snum = -1;<br />  }<br />  snum++;<br /> }<br /> <br /> else {<br />  var temp;<br />  do{<br />   temp = Math.floor(Math.random()*songs.length);<br />  } while(temp == snum);<br />  snum = temp;<br /> }<br /> <br /> list.options[snum].selected = true;<br /> PlayPause(list);<br />}<br /><br />// Discription: "Back" does the same thing as "Next" but moves backwads<br />//              through the list. If shuffle is on then picks a random song.<br />function Back(list) {<br /> var snum = list.selectedIndex;<br /> if (!shuffle) {<br />  if (snum == 0){<br />   snum = list.length;<br />  }<br />  snum--;<br /> }<br /> <br /> else {<br />  var temp;<br />  do{<br />   temp = Math.floor(Math.random()*songs.length);<br />  } while(temp == snum);<br />  snum = temp;<br /> }<br /> <br /> list.options[snum].selected = true;<br /> PlayPause(list);<br />}<br /><br />// Discription: Self explanitory.<br />function Stop(){<br /> Player.controls.Stop();<br />}<br /><br />// Discription: Makes the shuffle flag the same as the status of the CheckBox<br />//    The status of the checkbox (true/false) indicates if the box is checked<br />function ToggleShuffle(CheckBox) {<br /> shuffle = CheckBox.status;<br />}<br /><br /></script><br /><br /><script ID="StateChangeHandler" Language =" JavaScript" For =" Player" Event = playStateChange(NewState)><br /><br />// Description: This is an interupt handler used to handle instances when the<br />//              state of the player changes to play or stop for example.<br /><br />//STATE.innerText = NewState;<br /><br />switch(NewState){<br /> case 8:  // Handles player after it just finishes playing through a song<br />  var num = document.forms['form'].playlist.selectedIndex;<br /> <br />  if (!shuffle){<br />   if(num == document.forms['form'].playlist.length-1){<br />    num = -1;<br />   }<br />  <br />   num++;<br />  }<br />  else {<br />   var temp;<br />   do{<br />    temp = Math.floor(Math.random()*songs.length);<br />   } while(temp == num);<br />   num = temp;<br />  }<br /> <br />  document.forms['form'].playlist.options[num].selected = true;<br /> <br />  PreviousState = NewState;<br />  break;<br /><br /> case 1: // Handles player after it stops<br />  if(PreviousState == 8){<br />   var num = document.forms['form'].playlist.selectedIndex;<br />   Player.settings.autoStart = true;<br />   Player.url = songs[num];<br />   PreviousState = NewState;<br />  }<br />  <br />  else if (PreviousState != 3 && PreviousState != 2){<br />   Player.controls.Play();<br />   Player.settings.autoStart = false;<br />  }<br />  <br />  else{<br />   forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML;<br />  }<br />  break;<br /><br /> case 3: // Handles player after it starts to play<br />  PreviousState = NewState;<br />  forms['form'].PlayPauseButton.innerHTML = "Pause";<br />  shuffle = document.forms['form'].ShuffleSwitch.status;<br />  break;<br /><br /> case 2: // Handles player after being paused<br />  PreviousState = NewState;<br />  forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML;<br />  break;<br /><br /> default:<br />}<br /><br /></script><br /><!-- end code provided by createblog.com -->

[tokyopunka]

hmmm fragrance's theorys didn't work...

i think i'll just keep trying to fix this player cuz i like the back, next, pause, and stop button. 0_o

i know i'm spoiled. thanks for trying! ^_^

EDIT: lemme try out kenado's theory. i just saw it now.

EDITEDIT: it worked kenado! and it's nicely colored. xD

thanks so much for the help you guys!
i don't know where i got the span stuff.... q_Q

[*digital.fragrance*]

props kenado! way to go mr. xanga help man