// mp3popup.js
var UniqueID = 314 // Make each link open in a new window.
var newWinOffset = 0 // Position of first pop-up

function PlayerOpen(soundfiledesc,soundfilepath) {
  // init
  var isWin = navigator.userAgent.toLowerCase().indexOf("windows") !=-1
  if (isWin) { // Use MIME type = "application/x-mplayer2"
    visitorOS="Windows";
  } 
  else { // Use MIME type = "audio/mpeg"; // or audio/x-wav or audio/x-ms-wma, etc.
    visitorOS="Other";
  }
  // Get the MIME type of the audio file from its extension (for non-Windows browsers)
  var mimeType = "audio/mpeg"; // assume MP3/M3U
  var objTypeTag = "application/x-mplayer2"; // The Windows MIME type to load the WMP plug-in in Firefox, etc.
  if (visitorOS != "Windows") { 
    objTypeTag = mimeType; 
  }
  //
  PlayWin = window.open('',UniqueID,'width=320,height=210,top=' + newWinOffset +',left=0,resizable=0,scrollbars=0,titlebar=0,toolbar=0,menubar=0,status=0,directories=0,personalbar=0');
  PlayWin.focus(); 
  var winContent = "<html> \n";
  winContent += "<title>" + soundfiledesc + "</title>";
  winContent += "<body style='margin:0;font-family:verdana,helvetica,sans-serif;font-size:11pt;background-color:#ffffcc;'>";
  winContent += "<div style='font-size:18px;line-height:1.5;margin:10px;font-weight:bold;'>" + soundfiledesc + "</div>";
 
  winContent += "<div style='margin:10px;'>";
  winContent += "<OBJECT width='300' height='45'>";
  winContent += "<param name='SRC' value='" +  soundfilepath + "'>";
  winContent += "<param name='AUTOPLAY' VALUE='1'>";
  winContent += "<param name='CONTROLLER' VALUE='1'>";
  winContent += "<param name='TYPE' VALUE='"+objTypeTag+"'>";
  winContent += "<param name='BGCOLOR' VALUE='#FFFFCC'>";
  winContent += "<EMBED SRC='" + soundfilepath + "' TYPE='"+objTypeTag+"'AUTOSTART='1' LOOP='0' WIDTH='300' HEIGHT='45' CONTROLLER='1' BGCOLOR='#FFFFCC'></EMBED>";
  winContent += "</OBJECT>";
  winContent += "</div>";

  winContent += "<form>";
  winContent += "<div align='center'>";
  winContent += "<input type='button' value='Close this window' onClick='javascript:window.close();'>";
  winContent += "</div>";
  winContent += "</form>";
  winContent += '<div style="font-size:8pt;color:#2f4f4f;text-align:center;"><a href="http://www.erh.noaa.gov/nwr/pu_nwrwebhelp.html" class="cat">Help</a></div>';

  winContent += "</body>";
  winContent += "</html>";

  PlayWin.document.write(winContent);
  PlayWin.document.close(); // "Finalizes" new window
  UniqueID = UniqueID + 1
  newWinOffset = newWinOffset + 20 // subsequent pop-ups will be this many pixels lower.
}