function ToggleSendToFriend() {
    sendToFriendForm = document.getElementById('SendToFriendForm');
    sendToFriendButton = document.getElementById('SendToFriendButton');

    if (sendToFriendForm.style.visibility == "hidden") {
      sendToFriendForm.style.visibility = "visible";
      sendToFriendForm.style.display = 'block';
      sendToFriendForm.style.left = getposOffset(sendToFriendButton, "left") + "px";
      sendToFriendForm.style.top = getposOffset(sendToFriendButton, "top") - sendToFriendForm.offsetHeight + "px";
    } else {
      sendToFriendForm.style.visibility = "hidden";
      sendToFriendForm.style.display = 'none';
    }

  }
  
  function ToggleAddComment() {
    commentMenu = document.getElementById('CommentForm');
    commentButton = document.getElementById('CommentButton');

    if (commentMenu.style.visibility == "hidden") {
      commentMenu.style.visibility = "visible";
      commentMenu.style.display = 'block';
      commentMenu.style.left = (getposOffset(commentButton, "left")) + "px";
      commentMenu.style.top = (getposOffset(commentButton, "top") - commentMenu.offsetHeight) + "px";
    } else {
      commentMenu.style.visibility = "hidden";
      commentMenu.style.display = 'none';
    }
  }
  
  function ToggleGalleryThumbnail(pictureID) {
    largeThumbDiv = document.getElementById('SecondaryThumbDiv' + pictureID);
    smallThumb = document.getElementById('SmallThumb' + pictureID);

    if (largeThumbDiv.className == "secondaryThumbnailHidden") {
      largeThumbDiv.className = "secondaryThumbnailPopup";
      largeThumbDiv.style.left = getposOffset(smallThumb, "left") - ((largeThumbDiv.offsetWidth - smallThumb.offsetWidth) / 2) + "px";
      largeThumbDiv.style.top = getposOffset(smallThumb, "top")  - ((largeThumbDiv.offsetHeight - smallThumb.offsetHeight) / 2) + "px";
      setTimeout(function() { largeThumbDiv.style.visibility = "visible"; }, 5);
    } else {
	  largeThumbDiv.className = "secondaryThumbnailHidden";
    }
  }
  
  function ToggleRateMenu() {
    rateMenu = document.getElementById('RateMenu');
    rateButton = document.getElementById('RateButton');


    if (rateMenu.style.visibility == "hidden") {
      rateMenu.style.visibility = "visible";
      rateMenu.style.display = 'block';
      rateMenu.style.left = getposOffset(rateButton, "left") + "px";
      rateMenu.style.top = (getposOffset(rateButton, "top") + rateButton.offsetHeight) + "px";
    } else {
      rateMenu.style.visibility = "hidden";
      rateMenu.style.display = 'none';
    }
  }

  function ToggleRateMenuByMe(rateMenuID,rateButtonID) {
    rateMenu = document.getElementById(rateMenuID);
    rateButton = document.getElementById(rateButtonID);


    if (rateMenu.style.visibility == "hidden") {
      rateMenu.style.visibility = "visible";
      rateMenu.style.display = 'block';
      rateMenu.style.left = getposOffset(rateButton, "left") + "px";
      rateMenu.style.top = (getposOffset(rateButton, "top") + rateButton.offsetHeight) + "px";
    } else {
      rateMenu.style.visibility = "hidden";
      rateMenu.style.display = 'none';
    }
  }

  function ToggleSearchMenu() {
    searchMenu = document.getElementById('SearchMenu');
    searchButton = document.getElementById('SearchButton');

    searchMenu.style.left = getposOffset(searchButton, "left");
    searchMenu.style.top = getposOffset(searchButton, "top") + searchButton.offsetHeight;

    if (searchMenu.style.visibility == "hidden") {
      searchMenu.style.visibility = "visible";
      searchMenu.style.display = 'block';
    } else {
      searchMenu.style.visibility = "hidden";
      searchMenu.style.display = 'none';
    }
  }
  
  function TogglePopup(offsetType) {
    popBox = document.getElementById('PopBox');
    popButton = document.getElementById('PopButton');


    if (popBox.style.visibility == "hidden") {
      popBox.style.visibility = "visible";
      popBox.style.display = 'block';
      popBox.style.left = getposOffset(popButton, horzOffset) + "px";
      popBox.style.top = (getposOffset(popButton, vertOffset) + popButton.offsetHeight) + "px";
    } else {
      popBox.style.visibility = "hidden";
      popBox.style.display = 'none';
    }
  }
  
  function TogglePopBox(boxId, buttonId, horzOffset, vertOffset) {
    popBox = document.getElementById(boxId);
    popButton = document.getElementById(buttonId);

    if (popBox.style.visibility == "hidden") {
      popBox.style.visibility = "visible";
      popBox.style.display = 'block';
      if (horzOffset=="left") {
        popBox.style.left = getposOffset(popButton, horzOffset) + "px";
      } else {
        popBox.style.left = (getposOffset(popButton, "left") + popButton.offsetWidth - popBox.offsetWidth) + "px";
      }
      if (vertOffset=="top") {
        popBox.style.top = (getposOffset(popButton, vertOffset) + popButton.offsetHeight) + "px";
      } else {
        popBox.style.top = (getposOffset(popButton, "top") - popButton.offsetHeight - popBox.offsetHeight) + "px";
      }
    } else {
      popBox.style.visibility = "hidden";
      popBox.style.display = 'none';
    }
  }

function getposOffset(what, offsettype){
  var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
  var parentEl=what.offsetParent;
  while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
  }
  return totaloffset;
}

function ToggleMenuOnOff (menuName) {
    menu = document.getElementById(menuName);

    if (menu.style.display == 'none') {
      menu.style.display = 'block';
    } else {
      menu.style.display = 'none';
    }

}

function OpenWindow (target) { 
  window.open(target, "_Child", "toolbar=no,scrollbars=yes,resizable=yes,width=400,height=400"); 
}

function OpenPostWindow (target) { 
  window.open(target, "_Child", "resizable=yes,width=500,height=700"); 
}