/* magnify.js wird von function.yogi_magnify.php benötigt  */

function magnify_show(txt)
{
   var check=document.getElementById("magbg");
   //txt= "qq1234IIoo";
   if (check == null)  
        {
         magnify_write_to_end();
        }
   var win=document.getElementById("magwin");
   var bgcover=document.getElementById("magbg");
   var bigtext=document.getElementById("magtext");
   var bigtextshadow=document.getElementById("magshadow");
   //var winw=parseInt((document.body.clientWidth - 50));
   var winw=parseInt((pageWidth() - 50)); //pageWidth() - siehe unten
   var fntsize = parseInt(winw/(0.90 * txt.length)); // je kleiner, je grösser der font
   if (fntsize > 200) {fntsize =200;}
   var winh=parseInt(1.65 * fntsize);
   var winl=parseInt(((pageWidth() / 2) - (winw / 2)) + posLeft());  //pageWidth(),posLeft() - siehe unten
   var wint=parseInt(((pageHeight() / 2) - (winh / 2)) + posTop());  //pageHeight(),posTop() - siehe unten
   
   with (win)
   {
     style.display="block";
     style.height=document.body.clientHeight+"px";
     style.top="0px";
     style.left="0px";
     style.width=document.body.clientWidth+"px";
   }
   
   with (bgcover)
   {
     style.display="block";
     style.height=winh+"px";
     style.top=wint+"px";
     style.left=winl+"px";
     style.width=winw+"px";
     
   }
   
    with (bigtext)
   {
     style.display="block";
     style.height=winh+"px";
     style.top=wint+"px";
     style.left=winl+"px";
     style.width=winw+"px";
     firstChild.nodeValue  = txt;
        
     style.fontSize=fntsize+"pt";
   }
       with (bigtextshadow)
   {
     style.display="block";
     style.height=winh+"px";
     style.top=wint+4+"px";
     style.left=winl+4+"px";
     style.width=winw+"px";
     firstChild.nodeValue  = txt;
        
     style.fontSize=fntsize+"pt";
   }

}

function magnify_hide()
{
   document.getElementById("magwin").style.display="none";
   document.getElementById("magbg").style.display="none";
   document.getElementById("magtext").style.display="none";
   document.getElementById("magshadow").style.display="none";
}

/*
magnify write_to_end(id,txt) erzeugt folgenden html-code, der ans Ende von body geschrieben wird:


   <div style="position: absolute; display: none; background-color: rgb(0, 0, 0); opacity: 0.6; z-index: 9000;" id="magbg_2"></div>
   <div style="margin: 0pt; padding: 0pt; position: absolute; display: none; color: rgb(255, 255, 255); letter-spacing: 0.1em; font-style: italic; text-align: center; font-weight: bold; cursor: pointer; z-index: 10000;" id="magtext_2">+49 8651 715006</div>


Die Funktion darf unter IE erst aufgerufen werden, wenn das DOM vollständig geladen ist.
Der Versuch es mit <script></script> im Text zu starten, funktioniert unter IE leider nicht. Deshalb wird die funktion  erst beim Klicken auf das Objekt aufgerufen.

Genauso ignoriert IE6 eine zusätzlich unter css definierte class mit den allgemeinen Angaben für den Style. Deswegen stehen diese Definitionen jetzt direkt hier. 

*/


function magnify_write_to_end()
{

        var objBody = document.getElementsByTagName("body").item(0);
        
		var objwin = document.createElement("div");
		objwin.setAttribute('id','magwin');
		objwin.onclick = function() { magnify_hide(); return false; }
        objBody.appendChild(objwin);
        
		with(objwin)
		  {
	      style.position="absolute";
	      style.display="none";
	     // style.cursor="pointer";
	      style.zIndex="9000";
	      }

		var objbg = document.createElement("div");
		objbg.setAttribute('id','magbg');
		objbg.onclick = function() { magnify_hide(); return false; }
        objBody.appendChild(objbg);
        
		with(objbg)
		  {
	      style.position="absolute";
	      style.display="none";
	      style.backgroundColor="#000";

     
	      if (navigator.appName == "Microsoft Internet Explorer")
	        {
	        style.filter="Alpha(opacity=70)";
	        }
	      else
	        {
	        style.opacity="0.7";
	        }
     
	      style.zIndex="9001";
         }
		
     
        var objshdtextcontainer = document.createElement("div");
		objshdtextcontainer.setAttribute('id','magshadow');
		objBody.appendChild(objshdtextcontainer); 
		with(objshdtextcontainer)
		  {
	      style.position="absolute";
	      style.display="none";		  
		  style.color="#000";
          style.letterSpacing="0.1em";
          style.fontStyle="italic";
          style.padding="0";
          style.margin="0";
          style.textAlign="center";
          style.fontWeight="bold";
          style.cursor="pointer";
          style.zIndex="9002";
          }
		
        var objshdtext = document.createTextNode("");
        objshdtextcontainer.appendChild(objshdtext);

        var objtextcontainer = document.createElement("div");
		objtextcontainer.setAttribute('id','magtext');
		objtextcontainer.onclick = function() { magnify_hide(); return false; }
		objBody.appendChild(objtextcontainer); 
		with(objtextcontainer)
		  {
	      style.position="absolute";
	      style.display="none";		  
		  style.color="#fff";
          style.letterSpacing="0.1em";
          style.fontStyle="italic";
          style.padding="0";
          style.margin="0";
          style.textAlign="center";
          style.fontWeight="bold";
          style.cursor="pointer";
          style.zIndex="9003";
          }
		
        var objtext = document.createTextNode("");
        objtextcontainer.appendChild(objtext);
         
}


// Browser Window Size and Position
// copyright Stephen Chapman, 3rd Jan 2005, 8th Dec 2005
// you may copy these functions but please keep the copyright notice as well
function pageWidth()  //Breite des Fensters (ohne ScrollBalken)
  {
  return window.innerWidth != null ? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;}

function pageHeight() //Höhe des Fensters (ohne ScrollBalken und status)
    {
    return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
    }

function posLeft() // Scroll-Position von links
    {
    return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;
    }
    
function posTop() // Scroll-Position von oben
     {return typeof window.pageYOffset != 'undefined' ?  window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;
    }
  
function posRight() 
   {
   return posLeft()+pageWidth();
   }

function posBottom() 
   {
   return posTop()+pageHeight();
   }
                    




