/*
initztn(fromhotelid,networkname,lang,proxyurl,sliceimagesurl,open_on_startup,closeable,referer,autoleft,logonly,remoteip,cookie);

fromhotelid:        die ID des Hotels wo der Banner eingebunden wird.
networkname:        der Name des Networks (Tag).
lang:               die Sprache die angezeigt wird (de,it,...)
proxyurl:           die URL zum Proxiscript (Muss auf der selben Domain liegen) z.B. jsonProxy.php oder jsonProxy.asp
sliceimagesurl:     die URL zu den personalisierten Slices des Hotels.
open_on_startup:    true: der Banner ist am Anfang geöffnet, false: der Banner ist am Anfang geschlossen,
closeable:          ist closeable auf false kann der Banner nicht geschlossen werden
referer:            der Referer...
autoleft:           die seite wird automatisch auf linksbündig gesetzt
logonly:            es wird nur der aufruf geloggt, banner wird nicht angezeigt!
remoteip:           clientip
cookie:             unique user-id

Beispiel-Implementation:

...
<link href="http://ztn.crmpilot.it/sewahotel/ztn/ztnbanner/ztn.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ztn.crmpilot.it/sewahotel/ztn/ztnbanner/js/scriptaculous/prototype.js"></script>
<script type="text/javascript" src="http://ztn.crmpilot.it/sewahotel/ztn/ztnbanner/js/iepngfix_tilebg.js"></script> 
<script type="text/javascript" src="http://ztn.crmpilot.it/sewahotel/ztn/ztnbanner/js/ztnbanner.js"></script> 
</head>
<body onload="initztn(200,'ztn1Test','de','jsonProxy.php',true,true,"http://www.google.com")">
...
<div id="ztncontainer" style="left:874px; top:44px;">&nbsp;</div>
...

*/
//settings:
var ztnsystemurl='http://ztn.bookingpilot.info/';
var ztnsystembannerurl='http://ztn.bookingpilot.info/';
var hotelimagesurl='http://zeppelin.bookingpilot.info/uploads/images/ztn/';
var sliceimagesurl='images/';
var closeable=true;
var ztnautoleft=false;
var alttextde="Hotels mit Genussfaktor: Klicken und genie&szlig;en";
var alttextit="Altri alberghi selezionati per Voi";
var alttexten="Hotels where you can enjoy: click and find out...";
// gets the absolute position of a html element from the left-upper point of the frame:
function getabsolutepos(wer){
	var xpos = wer.offsetLeft;
	var ypos = wer.offsetTop;
	var Eltern = wer.offsetParent;
	while ( Eltern ) {
		xpos = xpos + Eltern.offsetLeft;
		ypos = ypos + Eltern.offsetTop;
		Eltern = Eltern.offsetParent;
	} 
	var abs = {x:xpos, y:ypos};
	return abs;
}
//[id,titel,ort,[li1,li2,li3],img,link]
var ztndata=new Array();
var ztnanitimeout=false;

function showztnlayer(){
  document.getElementById('ztncontainer').style.width="261px";
  
  if (ztnautoleft){
    document.getElementById('ztncontainer').parentNode.style.marginLeft = '0px';
    document.getElementById('ztncontainer').parentNode.style.marginRight = '0px';
    document.body.style.textAlign = 'left';
  }
  
  var ztnlayerleft=document.getElementById('ztnlayer').offsetLeft;
  if (ztnlayerleft!=0){
    document.getElementById('ztnlayer').style.left=parseInt(ztnlayerleft/1.5)+'px';
    ztnanitimeout=window.setTimeout('showztnlayer()',50);
  }else{
    if (ztnanitimeout!=false)window.clearTimeout(ztnanitimeout);
    if (closeable){
      document.getElementById('lascheopenclosebuttonimg').src=sliceimagesurl+'laschebgbottomclose.png';
      document.getElementById('lascheopenclosebuttonimg').onclick= function(){ hideztnlayer() };
      document.getElementById('ztnverticaltextlink').onclick= function(){ hideztnlayer() };
      
    }
  }
}
function hideztnlayer(){
  var ztnlayerleft=document.getElementById('ztnlayer').offsetLeft+200;
  
  if (ztnautoleft){
    document.getElementById('ztncontainer').parentNode.style.marginLeft = 'auto';
    document.getElementById('ztncontainer').parentNode.style.marginRight = 'auto';
    document.body.style.textAlign = 'center';
  }

  if (ztnlayerleft!=0){
    document.getElementById('ztnlayer').style.left=(-200+parseInt((ztnlayerleft)/1.5))+'px';
    ztnanitimeout=window.setTimeout('hideztnlayer()',50);
  }else{
    if (ztnanitimeout!=false)window.clearTimeout(ztnanitimeout);
    if (closeable){
      document.getElementById('lascheopenclosebuttonimg').src=sliceimagesurl+'laschebgbottomopen.png';
      document.getElementById('lascheopenclosebuttonimg').onclick= function(){ showztnlayer() };
      document.getElementById('ztncontainer').style.width="61px";
      document.getElementById('ztnverticaltextlink').onclick= function(){ showztnlayer() };
    }
  }
}

function initztn(fromhotelid,networkname,lang,proxyurl,siu,open_on_startup,clos,referer,autoleft,lo,ri,co){
  if (document.getElementById('ztncontainer')){
  
  	if (autoleft == null) {
  		ztnautoleft = false;
  	} else {
  		ztnautoleft = autoleft;
  	}
  	if (lo == null) {
  		logonly = false;
  	} else {
  		logonly = lo;
  	}
	  if (ri == null) {
  		var remoteip = false;
  	} else {
  		var remoteip = ri;
  	}
  	if (co == null) {
  		var cookie = false;
  	} else {
  		var cookie = co;
  	}
    sliceimagesurl=siu;
    closeable=clos;
    eval("var alttext = alttext"+lang);
    var jetzt = new Date();
    
    if (logonly){
      new Ajax.Request(proxyurl+'?url='+ztnsystembannerurl+'getZTNjsonData.php&hotelid='+fromhotelid+'&network='+networkname+'&lang='+lang+'&referer='+referer+'&logonly=true'+'&ip='+remoteip+'&cookie='+cookie+'&t='+jetzt.getTime(), {
        method:'get',
        //requestHeaders: {Accept: 'application/json'},
        onSuccess: function(transport){
          var json = transport.responseText.evalJSON(true);
          var ztndata=json;
        }
      });
    }else{
      new Ajax.Request(proxyurl+'?url='+ztnsystembannerurl+'getZTNjsonData.php&hotelid='+fromhotelid+'&network='+networkname+'&lang='+lang+'&referer='+referer+'&ip='+remoteip+'&cookie='+cookie+'&t='+jetzt.getTime(), {
        method:'get',
        //requestHeaders: {Accept: 'application/json'},
        onSuccess: function(transport){
          var json = transport.responseText.evalJSON(true);
          var ztndata=json;
          var thehtml='<div id="laschebgtop"></div><div id="laschebgbottom"><a id="lascheopenclosebutton" title="Open"><img id="lascheopenclosebuttonimg" src="'+sliceimagesurl+'laschebgbottomopen.png" alt="click to open" /></a></div><div id="ztnlayer" style="left:-260px"><div class="layerleft"><div id="layerrandlefttop"></div><div id="layercontent">';
    
          var ztndatalength=ztndata.length;
          for (var i=0; i<ztndatalength; i++){
            var ztndatai=ztndata[i];
            var thecontenthtml='';
            if (i>0) thecontenthtml+='<br />';
            thecontenthtml+='<div id="ztnhotellayer_'+i+'" class="ztnhotellayer">';
            thecontenthtml+='<h1><a class="ztnbannera" href="'+ztnsystembannerurl+'gotoHotel.php?fromhotelid='+fromhotelid+'&tohotelid='+ztndatai[0]+'&clickedpos='+i+'&network='+networkname+'&lang='+lang+'&ip='+remoteip+'&cookie='+cookie+'&clickedlink=1&domain='+window.location.hostname+'&referer='+referer+'"><strong>'+ztndatai[1]+'</strong> - '+ztndatai[2]+'</a></h1>';
            thecontenthtml+='<a href="'+ztnsystembannerurl+'gotoHotel.php?fromhotelid='+fromhotelid+'&tohotelid='+ztndatai[0]+'&clickedpos='+i+'&network='+networkname+'&lang='+lang+'&ip='+remoteip+'&cookie='+cookie+'&clickedlink=2&domain='+window.location.hostname+'&referer='+referer+'"><img id="ztnhotelimg_'+i+'" src="'+hotelimagesurl+ztndatai[6]+'" alt="'+ztndatai[1]+'" width="188" height="106" /></a>';
            thecontenthtml+='<div id="ztnhotelweiterbutton_'+i+'" class="ztnhotelweiterbutton"><a href="'+ztnsystembannerurl+'gotoHotel.php?fromhotelid='+fromhotelid+'&tohotelid='+ztndatai[0]+'&clickedpos='+i+'&network='+networkname+'&lang='+lang+'&ip='+remoteip+'&cookie='+cookie+'&clickedlink=3&domain='+window.location.hostname+'&referer='+referer+'"><img src="'+sliceimagesurl+'imageweiterbutton.png" /></a></div><br />';
            thecontenthtml+='<ul>';
            thecontenthtml+='<li><a class="ztnbannera" href="'+ztnsystembannerurl+'gotoHotel.php?fromhotelid='+fromhotelid+'&tohotelid='+ztndatai[0]+'&clickedpos='+i+'&network='+networkname+'&lang='+lang+'&ip='+remoteip+'&cookie='+cookie+'&clickedlink=4&domain='+window.location.hostname+'&referer='+referer+'">'+ztndatai[3]+'</a></li>';       
            thecontenthtml+='<li><a class="ztnbannera" href="'+ztnsystembannerurl+'gotoHotel.php?fromhotelid='+fromhotelid+'&tohotelid='+ztndatai[0]+'&clickedpos='+i+'&network='+networkname+'&lang='+lang+'&ip='+remoteip+'&cookie='+cookie+'&clickedlink=5&domain='+window.location.hostname+'&referer='+referer+'">'+ztndatai[4]+'</a></li>'; 
            thecontenthtml+='<li><a class="ztnbannera" href="'+ztnsystembannerurl+'gotoHotel.php?fromhotelid='+fromhotelid+'&tohotelid='+ztndatai[0]+'&clickedpos='+i+'&network='+networkname+'&lang='+lang+'&ip='+remoteip+'&cookie='+cookie+'&clickedlink=6&domain='+window.location.hostname+'&referer='+referer+'">'+ztndatai[5]+'</a></li>'; 
            thecontenthtml+='</ul></div>';
            thehtml+=thecontenthtml;
          }
          thehtml+='</div><div id="layerrandleftbottom"></div></div><div class="layerright"><div id="layerrandrighttop"></div><div id="layerrandrightmiddle"><a href="javascript:void(0);" id="ztnverticaltextlink" onfocus="this.blur();"><img src="'+sliceimagesurl+'layerverticaltext_'+lang+'.png" alt="'+alttext+'" /></a></div><div id="layerrandrightbottom"></div></div></div>';
          
          document.getElementById('ztncontainer').innerHTML=thehtml;
          //weiterbutton positionieren:
          for (var i=0; i<ztndatalength; i++){
            var ztnhotelweiterbuttonabspos=getabsolutepos(document.getElementById('ztnhotelweiterbutton_'+i));
            var ztnhotelimgabspos=getabsolutepos(document.getElementById('ztnhotelimg_'+i));
            document.getElementById('ztnhotelweiterbutton_'+i).style.top=(-(ztnhotelweiterbuttonabspos.y-ztnhotelimgabspos.y)+78)+"px";
          }
     	    document.getElementById('lascheopenclosebutton').onfocus = function () { this.blur(); }
          document.getElementById('ztncontainer').style.width="61px";
          if(open_on_startup) {
            showztnlayer();
          }else{
            hideztnlayer();
          }    
        }
      });
    }
  }
}
