function f_getDiv ()
{
  return document.getElementById ('idbild');
}

function f_getCommentDiv ()
{
  return document.getElementById ('idcomment');
}


function showPic (imgname, pbreite)
{
  try
  {
      var obj_div = f_getDiv ();
      if (obj_div)
      {
        var breite = parseInt (pbreite, 10);
        if (breite < 0)
            breite = 400;
        var positionUeberschrift = findPos (document.getElementById ('idgalerie'));

        var browserwidth = document.body.clientWidth;
        positionUeberschrift[0] = browserwidth / 2 - breite / 2;

        var ypos = getScrollPos ();
        if (ypos > 0)        
          positionUeberschrift[1] = ypos;

        obj_div.innerHTML = '<a onclick="f_hidePic(); return false;" href="#"><img style="border:1px solid #fff;" title="Klick und Weg." width="'+breite+'" src="images/content/'+imgname+'" border="0" alt=""><\/a>';
        obj_div.style.left = positionUeberschrift[0] + 'px';
        obj_div.style.top = positionUeberschrift[1] + 'px';
        obj_div.style.display = 'inline';
      }
  }
  catch (e)
  {
      alert (e);
  }
}

function f_hidePic ()
{
  var obj_div = f_getDiv ();
  if (obj_div)
  {
    obj_div.innerHTML = "";
    obj_div.style.display = 'none';
  }
}

// bildkommentar
function showInfo (obj, cmt)
{
  var obj_comment = f_getCommentDiv ();
  if (obj_comment)
  {
    var positionUeberschrift = findPos (obj);
    positionUeberschrift[0] += 10;
    positionUeberschrift[1] += 10;
    
    obj_comment.style.left = positionUeberschrift[0] + 'px';
    obj_comment.style.top = positionUeberschrift[1] + 'px';
    
    var c = '<table border="0" cellpadding="3" cellspacing="0" style="width:180px; height:20px; border:2px dotted #bb4444; background-color:#444444;">';
    c += '<tr>';
    c += '<td>'+cmt+'<\/td>';
    c += '<\/tr>';
    c += '<\/table>';
    obj_comment.innerHTML = c;
    obj_comment.style.display = 'inline';
  }
}

function hideInfo ()
{
  var obj_comment = f_getCommentDiv ();
  if (obj_comment)
  {
    obj_comment.style.display = 'none';
  }
}

// *****************************************************************************************
// bildkommentar
function showInfoLine (obj, cmt, idcomment)
{
  var obj_comment = document.getElementById (idcomment);
  if (obj_comment)
  {
    obj_comment.style.backgroundColor = '#070b1f';
    obj_comment.style.border = '1px solid #aaa';
    obj_comment.style.height = '18px';
    obj_comment.style.marginTop = '4px';
    obj_comment.innerHTML = cmt;
  }
}

function hideInfoLine (idcomment)
{
  var obj_comment = document.getElementById (idcomment);
  if (obj_comment)
  {
    obj_comment.style.backgroundColor = '';
    obj_comment.style.border = '';
    obj_comment.style.height = '0px';
    obj_comment.innerHTML = '';
  }
}

function getScrollPos ()
{
    var y = 0;
    
    if (document.all)
    {
        //y = document.body.scrollTop; // quirks
        y = document.documentElement.scrollTop; // standardkonformer Modus 
    }
    else
        y = window.pageYOffset;
    
    return y;
}

function findPos (obj)
{
    var curleft = curtop = 0;
    if (obj.offsetParent)
    {
        curleft = obj.offsetLeft;
        curtop = obj.offsetTop;
        while (obj = obj.offsetParent)
        {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        }
    }
    return [curleft,curtop];
}