var imagePath = './media/images';

var imagePlay = new Image; 
var imageStop = new Image; 

imagePlay.src = imagePath +'/play.gif';
imageStop.src = imagePath +'/stop.gif';

var nowPlaying = '';
var previousStopButton = '';
var previousWimpyContainer = '';

function playSample(sampleElementId, sampleSource, imageId) {

 var wimpycontainer = 'wimpy_' + sampleElementId;
 
 if (imageId) {
	imagePlay.src = imagePath +'/button_'+ imageId +'_play.gif';
    imageStop.src = imagePath +'/button_'+ imageId +'_stop.gif';
  }

  if (nowPlaying != "" && nowPlaying != sampleElementId) {
    document.getElementById(wimpycontainer).innerHTML = "";
	document.getElementById(nowPlaying).src = imagePlay.src;
  }

  if (document.getElementById(sampleElementId).src == imagePlay.src) {
    
	
	if(previousStopButton != '' )
	{
		if(document.getElementById(previousStopButton).src != '')
		{
			document.getElementById(previousStopButton).src = imagePlay.src;
		}
	}
	
	if(previousWimpyContainer != '' )
	{
		if(document.getElementById(previousWimpyContainer).innerHTML != '')
		{
			document.getElementById(previousWimpyContainer).innerHTML = '';
		}
	}
	
	
	writeWimpyButton(sampleSource, 1, 1, wimpycontainer);
	document.getElementById(sampleElementId).src = imageStop.src;
    nowPlaying = sampleElementId;
	previousStopButton = sampleElementId;
	previousWimpyContainer = wimpycontainer;
	
  }
  else {
    	
	document.getElementById(wimpycontainer).innerHTML = "";
    document.getElementById(sampleElementId).src = imagePlay.src;
    nowPlaying = '';
  }

}


function autoplaySample(sampleElementId, sampleSource, imageId) 
{

 var wimpycontainer = 'wimpy_' + sampleElementId;
 document.getElementById(wimpycontainer).innerHTML = "";
 writeWimpyButton(sampleSource, 1, 1, wimpycontainer);

 }