function showBigImage(ImgBigId, ImgBtnIdURL, strNote1, strNote2, strNote3, userName, strNoteId)
{
    var bigId = ImgBigId;
    var url = "";
    url= ImgBtnIdURL.replace("~","."); //  ./Images/myStory/abc.jpg
    document.getElementById(ImgBigId).src = url;
    GetNotes(userName.toLowerCase(), url.toLowerCase(), strNote1, strNote2, strNote3, strNoteId);
    return false;
}

//replace the image note text according to which small image has been clicked
function GetNotes(strUserName, strURL, note1, note2, note3, noteId)
{
  var myStr1 = strUserName + "_1";
  var myStr2 = strUserName + "_2";
  var myStr3 = strUserName + "_3";
  
  if(strURL.indexOf(myStr1)>=0)
    document.getElementById(noteId).innerHTML = note1;
  if(strURL.indexOf(myStr2)>=0)
    document.getElementById(noteId).innerHTML = note2;
  if(strURL.indexOf(myStr3)>=0)
    document.getElementById(noteId).innerHTML = note3;
  
}