<script src="/Js/ariporo.js"></script>
<style type="text/css">
.block_inside { 
	display:block; 
	border:1px solid #ffffff;
	background: #ffffff url(/images/background_block_slice.jpg) repeat-x;	
	padding:10px;
	height:280px;
	overflow:hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
}
.boxA {
	width: 200px;
	height: 280px;
	border: 1px solid #CCC;
	overflow-y: scroll;
	float: right;
	background-color: #FFF;
	border-radius: 5px;
	margin-left:10px;
  }
  
  .Audios
  {
      width:450px !important;
      height:40px !important;
  }
</style>

<script type='text/javascript'>
    function GenAudio(src, Desc, Autor, Title) {
        var audioElement = document.createElement('audio');
        audioElement.setAttribute('src', '/MiMunicipio/GaleriaDeAudios/' + src);
        audioElement.className = "Audios";
        audioElement.controls = true;
        audioElement.play();
        document.getElementById("DivAudio").innerHTML = "";
        document.getElementById("DivAudio").innerHTML = "<div class='ms-rteStyle-Subtitulo'>T&iacute;tulo:</div><p class='ms-rteStyle-Texto_Normal'>" + Title+ "</p><div class='ms-rteStyle-Subtitulo'>Descripci&oacute;n:</div><p class='ms-rteStyle-Texto_Normal'>" + Desc + "</p><div class='ms-rteStyle-Subtitulo'>Autor:</div><p class='ms-rteStyle-Texto_Normal'>" + Autor + "<br/></p>";
        document.getElementById("DivAudio").appendChild(audioElement);
    }

</script>

<div class="block_inside">
    <div class="boxA" id="DivGalAudio">

    </div>

    <div id="DivAudio">
        
    </div>
</div>

<script type="text/javascript">
$(document).ready(function () {
   LoadGaleriaAudios(); 
});
</script>