Update code docs

Author: jellyrock-bot

docs/components_JROverhang.bs.html

@@ -9,7 +9,7 @@
   m.logoPoster = createLogoPoster() ' save node to memory for faster load time
   m.title = m.top.findNode("title")
   m.user = m.top.findNode("username")
-  m.userImage = m.top.findNode("userImage")
+  m.userGroup = m.top.findNode("userGroup")
   m.clock = m.top.findNode("clock")
   m.slideDownAnimation = m.top.findNode("slideDown")
   m.slideUpAnimation = m.top.findNode("slideUp")
@@ -35,23 +35,41 @@
 sub currentUserChanged()
   m.user.text = m.top.currentUser
 
+  if not isValid(m.userImagePoster)
+    m.userImagePoster = createUserImage()
+  end if
+
   if m.top.currentUser = ""
-    m.userImage.uri = ""
-  else
-    imgParams = {
-      maxHeight: 36,
-      maxWidth: 36,
-      quality: 90
-    }
-    imgTag = m.global.session.user.primaryImageTag
-    if isValid(imgTag) and imgTag <> ""
-      imgParams.tag = imgTag
+    userImage = m.userGroup.findNode("userImage")
+    if isValid(userImage)
+      m.userGroup.removeChild(userImage)
     end if
-    m.userImage.uri = buildURL(Substitute("/Users/{0}/Images/Primary", m.global.session.user.id), imgParams)
-
+  else
+    m.userGroup.insertChild(m.userImagePoster, 0)
   end if
 end sub
 
+function createUserImage() as object
+  imgParams = {
+    maxHeight: 36,
+    maxWidth: 36,
+    quality: 90
+  }
+  imgTag = m.global.session.user.primaryImageTag
+  if isValid(imgTag) and imgTag <> ""
+    imgParams.tag = imgTag
+  end if
+
+  userImage = createObject("roSGNode", "Poster")
+  userImage.id = "userImage"
+  userImage.uri = buildURL(Substitute("/Users/{0}/Images/Primary", m.global.session.user.id))
+  userImage.width = "36"
+  userImage.height = "36"
+  userImage.translation = "[0, -2]"
+
+  return userImage
+end function
+
 ' component boolean field isVisible has changed value
 sub isLogoVisibleChanged()
   if m.top.isLogoVisible