THE JAVASCRIPT
var d = document; function cloak() { d.getElementById('_album').style.visibility = 'hidden'; d.getElementById('_track').style.visibility = 'hidden'; d.getElementById('_artist').selectedIndex = 0; } window.onload=cloak; function reveal(ID, target) { var sel = d.getElementById(ID); var t = d.getElementById(target); var dur; var set; var songs; t.options.length=0; switch (sel.options[sel.selectedIndex].value) { case 'Kutless': //-------------------------------- t.options[0] = new Option('Select an Album...', '-'); t.options[1] = new Option('Sea of Faces', 'Sea Of Faces'); break; case 'Sea Of Faces': selOpt = new Array('Select a Track...','01 - Not What You See','02 - All Alone','03 - Better For You','04 - Sea Of Faces','05 - Let You In','06 - Passion','07 - Perspectives','08 - Treason','09 - All The Words','10 - Troubled Heart','11 - Its Like Me'); dur = new Array('-','2:57','3:48','3:25','3:35','3:14','3:05','3:30','3:24','3:47','3:29','3:57'); for (var i=0; i < selOpt.length; i++) { t.options[i]=new Option(selOpt[i], selOpt[i]); set=new Array(selOpt[i], dur[i]); } break; case 'Skillet': //-------------------------------- t.options[0] = new Option('Select an Album...', '-'); t.options[1] = new Option('Collide', 'Collide'); break; case 'Collide': selOpt = new Array('Select a Track...','01 - Forsaken','02 - Savior','03 - Open Wounds','04 - A Little More','05 - My Obsession','06 - Collide','07 - Fingernails','08 - Imperfection','09 - Under My Skin','10 - Energy','11 - Cycle Down'); dur = new Array('-','4:12','4:33','3:15','4:49','5:00','5:38','5:06','4:06','4:05','3:56','4:00'); for (var i=0; i < selOpt.length; i++) { t.options[i]=new Option(selOpt[i],selOpt[i]); set=new Array(selOpt[i], dur[i]); } break; case 'Taking Back Sunday': //-------------------------------- t.options[0] = new Option('Select an Album...', '-'); t.options[1] = new Option('Tell All Your Friends', 'Tell All Your Friends'); break; case 'Tell All Your Friends': selOpt = new Array('Select a Track...','01 - You Know How I Do','02 - Bike Scene','03 - Cute Without The E','04 - Theres No I In Team','05 - Great Romances of 20th Century','06 - Ghost Man On 3rd','07 - Timberwolves at New Jersey','08 - The Blue Channel','09 - Youre So Last Summer','10 - Head Club'); dur = new Array('-','3:21','3:35','3:31','3:48','3:35','3:59','3:23','2:30','2:59','3:03'); for (var i=0; i < selOpt.length; i++) { t.options[i]=new Option(selOpt[i],selOpt[i]); set=new Array(selOpt[i], dur[i]); } } t.style.visibility='visible'; } function begin_MP3() { var ARTIST = d.getElementById('_artist').options[d.getElementById('_artist').selectedIndex].value; var ALBUM = d.getElementById('_album').options[d.getElementById('_album').selectedIndex].value; { var TRACK = d.getElementById('_track').options[d.getElementById('_track').selectedIndex].value; var URL = 'C:/Documents and Settings/Trekken/My Documents/My Music/_Christian/' + ARTIST + '/' + ALBUM + '/' + ARTIST + ' - ' + ALBUM + ' - ' + TRACK + '.mp3'; var p = document.getElementById('divcontainer'); if (window.confirm('Play ' + ARTIST + ' - ' + ALBUM + ' - ' + TRACK + ', now?')) { var m = d.createElement('embed'); m.src = URL; m.hidden = 'true'; m.loop = 'false'; m.width = '200px'; m.height = '20px'; m.autostart = 'true'; m.id = '_player'; p.appendChild(m); } else {} } }
THE CSS
body { margin: 0px 0px 0px 0px; background-color: #FFFFFF; } div { width: 300px; text-align: center; } div#container { text-align: center; padding: 10px 10px 10px 10px; } div.header, div.footer { color: #FF9B2D; padding: 5px 5px 5px 5px; } div.header { text-align: center; font-size: 18pt; } div.footer { font-size: 10.2pt; font-weight: 600; letter-spacing: 2px; padding-right: 25px; font-variant: small-caps; } select { width: 250px;; font-size: 8pt; font-family: Arial, sans-serif; }