VISION WIP

I try to create a playlist function within the the javascript PLZ HELP

HTML

<a class="button3 icon play" id="play" link="http://badrams.ru/web/uploads/audio/r22.mp3">
<span>ramcast</span>
</a>

CSS

a.button3 {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-size: 12px;
  font-weight: bolder;
  color: white;
  background: rgba(0, 0, 0, 0.376) none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-style: normal;
  font-weight: 700;
  height: 11px;
  letter-spacing: 0;
  line-height: 90%;
  padding: 4px 5px 3px;
  position: fixed;
  left: 197px;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  top: 2px;
  z-index: 5000;
}

a.button3:hover {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-size: 12px;
  font-weight: bolder;
  color: white;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.34);
}

a.button3.icon {
  padding-left: 2px;
}

a.button3.icon span {
  padding-left: 20px;
  background: url('http://static.tumblr.com/g7ueics/Inioazv6n/vert-sprites2.png') no-repeat;
  width: 15px;
  height: 15px;
}

a.button3.play span {
  background-position: -5px -5px;
}