
function increaseVolume(audioID)
{
 if( typeof increaseVolume.volume == 'undefined' ) {
        increaseVolume.volume = 0;
    }


 // This would have meant someone changed it so we won't run this again
 // We'll take the user's word that the volume they selected is correct
 if( document.getElementById(audioID).GetVolume() != increaseVolume.volume ){
     return;
 }


 if  (increaseVolume.volume < 99 ){
    increaseVolume.volume += 2;
 } else {
     // we're done no need for further volume increase
     return;
 }

 // Two different methods required
 // IE 6 needs direct access to the object variable
 // IE 7 and higher uses the SetVolume method

     document.getElementById(audioID).SetVolume(increaseVolume.volume);
     document.getElementById(audioID).volume=increaseVolume.volume;
     
}

function changePiece(embedID,audioID,volume)
{
    pieceIndex=(Math.floor(Math.random()*(16)))+1;
    document.getElementById(embedID).innerHTML=welcome+'Push Stop button if necessary<br><embed id="'+audioID+'" name="defaultpiece" height="25" width="200" volume="'+volume+'" autostart=true repeat=true loop=true src="'+musicDirPath+'Track'+pieceIndex+'.mp3"><br>'+stopButtonStr+'</embed>';
    
}

function stopPiece(embedID,audioID,volume)
{
    pieceIndex=(Math.floor(Math.random()*(5)))+1;
    document.getElementById(embedID).innerHTML='Welcome to the MCCPS Music Page<br><embed id="'+audioID+'" name="defaultpiece" height="25" width="200" volume="'+volume+'" autostart=false repeat=true loop=false  hidden=true src="'+musicDirPath+''+pieceIndex+'.mp3"></embed>';
    
}
if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Firefox/x.x or Firefox x.x (ignoring remaining digits);
    var ffversion=new Number(RegExp.$1); // capture x.x portion and store as a number
    browserVersion = ffversion;
    browserType="FF";
  
}
else  if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
    var ieversion=new Number(RegExp.$1); // capture x.x portion and store as a number
    browserVersion = ieversion;
    browserType="IE";
   
}
else if (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Opera/x.x or Opera x.x (ignoring remaining decimal places);
    var oprversion=new Number(RegExp.$1); // capture x.x portion and store as a number
    browserVersion = oprversion;
    browserType="OPERA";
  
}
else if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1){
    browserType="CHROME";
} else if (navigator.userAgent.toLowerCase().indexOf( "safari" ) > -1){
    browserType = "SAFARI"; 
}





var delay=1000 //set delay in miliseconds
var curindex=0
     var frameNo=0;
var bWidth = 5;
//commentWrite("tesst")



var browserVersion;
var browserType;



var audioID="musicPage";
var embedID="embed1";


var stopButtonStr = '<input type="image" width="50" height="50" src="'+imagePath+'button.jpg" value="Stop" onClick="stopPiece(embedID,audioID,100);return true">';
var selectStr = "<br>Click on the drum to randomly select a student composition<br>";




switch(browserType){

case "FF":
    
    document.write('<div align="center" id='+embedID+'>'+welcome+'<embed id="'+audioID+'" name="defaultpiece" hidden="true" height="25" width="200" volume="0" autostart=true repeat=true loop=true src="'+musicDirPath+''+defaultTrack+'"></embed><br></div>');
   
  break;


case "IE":
case "SAFARI":
  

    document.write('<div  align="center" id='+embedID+'>'+welcome+'Volume will increase over 50 seconds<br>Push Stop button if necessary<br><embed id="'+audioID+'" name="defaultpiece" height="25" width="200" volume="0" autostart=true repeat=true loop=true src="'+musicDirPath+''+defaultTrack+'"></embed><br>'+stopButtonStr+'</div>');
    // Increases the volume over a period of time, gives the user an opportunity to turn it off
    setInterval("increaseVolume(audioID)",delay);
   
    break;
    
    



default:
    document.write(welcome)

}


switch(browserType){

case "FF":
case "IE":
case "SAFARI":
 document.write('<div align="center">');
    document.write(selectStr);
    document.write('<input type="image" src="'+imagePath+'drum.png" width="50" height="50" value="Push" onClick="changePiece(embedID,audioID,100);return true">');
    document.write('</div>');
    break;

default:

}


//document.write('<div align="center">');



//document.write('</div>');
