/* ======================================================================

  Karten mit Mouseover-Infos
  
  ergänzende Funktionen.
  Popups werden in der tooltip.js gezeichnet


  PUBLIC FUNCTIONS:
  
    Pointer1(iLeft,iTop,sHeadline,sText,sAudio1,sAudio2,sAudio3)
    ... Link für Tooltip mit Text und Audiolinks (optional)

    Pointer2(iLeft,iTop,sHeadline,sImage,sImageDescr,sImageCopyright,sText,sAudio1,sAudio2,sAudio3)
    ... Link für Tooltip mit Grafik + Text und Audiolinks (optional)
    
    mit 
      iLeft, iTop: Position
      sHeadline: Ueberschrift
      sImage: Url der Grafik (nur Pointer2)
      sImageDescr: Beschreibungstext der Grafik (nur Pointer2)
      sImageCopyright: Copyright der Grafik (nur Pointer2)
      sText: Beschreibungstext im Tooltip
      sAudio1: URL zur Audiodatei (optional)
      sAudio2: URL zur Audiodatei (optional)
      sAudio3: URL zur Audiodatei (optional)
  
====================================================================== */


/* ======================================================================

  public functions

====================================================================== */


/* ----------------------------------------------------------------------
  Link zeichnen - Popup ohne Bild
---------------------------------------------------------------------- */
function Pointer1(iLeft,iTop,sHeadline,sText,sAudio1,sAudio2,sAudio3)
{
  var sLink='';
  
  sLink+='<a href="#" onclick="return false;"'
    + ' onmouseover="Tip1(\''+sHeadline+'\',\''+sText+'\'';

  if (sAudio1)sLink+=',\''+sAudio1+'\'';
  if (sAudio2)sLink+=',\''+sAudio2+'\'';
  if (sAudio3)sLink+=',\''+sAudio3+'\'';
  
  sLink+=');"'
    + ' style="position:absolute; left:'+iLeft+'px; top:'+iTop+'px;"'
    + '> </a>';
  
  document.write(sLink);
}


/* ----------------------------------------------------------------------
  Link zeichnen - Popup mit Bild
---------------------------------------------------------------------- */
function Pointer2(iLeft,iTop,sHeadline,sImage,sImageDescr,sImageCopyright,sText,sAudio1,sAudio2,sAudio3)
{
  var sLink='';
  
  sLink+='<a href="#" onclick="return false;"'
    + ' onmouseover="Tip2(\''+sHeadline+'\',\''+sImage+'\',\''+sImageDescr+'\',\''+sImageCopyright+'\',\''+sText+'\'';

  if (sAudio1)sLink+=',\''+sAudio1+'\'';
  if (sAudio2)sLink+=',\''+sAudio2+'\'';
  if (sAudio3)sLink+=',\''+sAudio3+'\'';
  
  sLink+=');"'
    + ' style="position:absolute; left:'+iLeft+'px; top:'+iTop+'px;"'
    + '> </a>';
  
  document.write(sLink);
}


/* ======================================================================

  internal functions

====================================================================== */

/* ----------------------------------------------------------------------
  Hilfsfunktion: HTML-Code fuer einzelnen Audiolink generieren
---------------------------------------------------------------------- */
function Audio2Html(sAudio){
  var sHtml='';
  // theme('playerlink', ...) gibts nur in PHP
  sHtml+='<a class="beitrag_hoeren" href="'+sAudio+'"'
    +' onclick="return Radio.open(this);"'
    +' title="'+sAudio+'"'
    +'>H&ouml;ren</a>';

  return sHtml;
}


/* ----------------------------------------------------------------------
  Hilfsfunktion: HTML-Code fuer alle Audiolinks generieren
---------------------------------------------------------------------- */
function AllAudio2Html(sAudio1,sAudio2,sAudio3){
  var sHtml='';
  
  // Audios einbinden, wenn vorhanden:
  if (sAudio1)sHtml+='<div style="clear:both;"></div><hr class="hr_light"/><!--[if lte IE 7]><div class="hr_light">&nbsp;</div><![endif]--><p style="margin-left:192px; margin-bottom:4px;">';
  if (sAudio1)sHtml+=Audio2Html(sAudio1);  
  if (sAudio2)sHtml+=Audio2Html(sAudio2);
  if (sAudio3)sHtml+=Audio2Html(sAudio3);
  if (sAudio1)sHtml+='</p>'; // P-Tag fuer Audios wieder schliessen
  
  return sHtml;
}


/* ----------------------------------------------------------------------
  Tip ohne Bild aufrufen
---------------------------------------------------------------------- */
function Tip1(sHeadline,sText,sAudio1,sAudio2,sAudio3)
{
  var sHtml='';

  if (sHeadline)sHtml+='<h2 style="margin-top:4px;">'+sHeadline+'</h2>';
  if (sText)sHtml+='<p>'+sText+'</p>';

  sHtml+=AllAudio2Html(sAudio1,sAudio2,sAudio3);
  
  // alert(sHtml);
	Tip(sHtml, WIDTH, 360);
}


/* ----------------------------------------------------------------------
  Tip mit Bild aufrufen
---------------------------------------------------------------------- */
function Tip2(sHeadline,sImage,sImageDescr,sImageCopyright,sText,sAudio1,sAudio2,sAudio3)
{
  var sHtml='';
  // sHtml+='<div onmouseout="tt_Hide();">';
  sHtml+='<div>';

  if (sHeadline)sHtml+='<h2 style="width:360px;margin-top:4px;">'+sHeadline+'</h2>';
  
  // Bild einbinden
  if (sImage)
      sHtml+='<div style="float: left; margin-left: -4px; margin-right: 4px;">'
       + '<img src="'+sImage+'" alt="'+sImageDescr+'"><br />'
       + '<p style="margin: 0px 4px; width: 184px;margin-bottom: 8px;">Bild: '+sImageDescr+'<br />Copyright:'+sImageCopyright+'</p>'
       + '</div>';
  
  if (sText)sHtml+='<p style="width:352px;">'+sText+'</p>';

  sHtml+=AllAudio2Html(sAudio1,sAudio2,sAudio3);
  
  // if (sText)sHtml+='</div>';

  sHtml+='</div>';
	Tip(sHtml,WIDTH,360);
}


/* ----------------------------------------------------------------------
EOF
---------------------------------------------------------------------- */