function getPictureTitleDescriptionPanel(dropDownName,dynamicElementId,id){
return "<h3 style='background-color:#00C0FF;color:white;margin-left:10px;padding:5px 5px;cursor:pointer;' onclick=javascript:toggle(\'pictureTitleDescriptionPanel"+dynamicElementId+id+"\')>"+dropDownName+"</h3><div id='pictureTitleDescriptionPanel"+dynamicElementId+id+"' style='display:none;margin-left:10px;margin-bottom:10px;' ><div style='background-color:whitesmoke;height:20vh;width:100%;'><div style='background-color:white;width:16vh;height:16vh;position:relative;top:2vh;left:50%;transform:translate(-50%,0%);-moz-border-radius:8vh;-webkit-border-radius:8vh;border-radius:8vh;overflow:hidden;'><div id='pictureTitleDescriptionPanelPic"+dynamicElementId+id+"' style='position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font: 8vh Arial;'></div></div></div><h3 style='text-align:center;color:tomato;'><div id='pictureTitleDescriptionPanelTitle"+dynamicElementId+id+"'></div></h3><div id='pictureTitleDescriptionPanelDescription"+dynamicElementId+id+"' style='padding:20px 20px;width:28vw;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:relative;left:50%;transform:translate(-50%,0%);border:1px solid whitesmoke;white-space: pre-wrap;'></div></div>";
}
function updatePictureTitleDescriptionPanel(dynamicElementId,id,array){
console.log('id: ',id,array);
console.log("pictureTitleDescriptionPanelPic"+dynamicElementId+id);
document.getElementById("pictureTitleDescriptionPanelPic"+dynamicElementId+id).innerHTML="<img style='height:20vh' src='"+array[0]+"'></div>";
document.getElementById("pictureTitleDescriptionPanelTitle"+dynamicElementId+id).innerHTML=array[1];
document.getElementById("pictureTitleDescriptionPanelDescription"+dynamicElementId+id).innerHTML=array[2];
}