/*
start floater erstellt cookie, die ablaufzeit, und das es angezeit wird als block
winonresize erstellt den div auf der ersten unsichtbaren position
winonscroll ruft die erste nachricht auf und schiebt den div runter
ablaufzeit bewegt div nach rechts und ruft menu auf
*/
var slideTime = 700, topMargin;
var timeout = 30000;
var position="absolute";
var block = 0;
var floathigh = xScrollTop()+100;
var floatwidth = screen.width/2-610;
var floatwidth2 = screen.width/2+350;

var helpdivfirst = '<div id="inaDIVleft"><img src="http://www.eflipchart.com/app/views/layouts/images/WelcomeDialogPicture.jpg" alt=""/></div><div id="inaDIVright"><button onclick="unblockFloater();timeFloater();" id="inaDIVclosebutton"><b>-</b></button></div><br style="clear:both;">';
var helpdivstart = '<div id="inaDIVleft"><img src="http://www.eflipchart.com/app/views/layouts/images/WelcomeDialogPicture.jpg" alt=""/></div><div id="inaDIVright"><button onclick="closeFloater();" id="inaDIVclosebutton"><b>X</b></button></div><br style="clear:both;">';
var helpdivback = '<div id="inaDIVleft"><img src="http://www.eflipchart.com/app/views/layouts/images/WelcomeDialogPicture.jpg" alt=""/></div><div id="inaDIVright"><button onclick="displayhelp(1);" id="inaDIVclosebutton">Menu</button></div><br style="clear:both;">';
var helpdiv = new Array();
helpdiv[0] = '<div id="inaDIVText">erste übersicht in den</div><div id="inaDIVText">ersten 30 sekunden bevor</div><div id="inaDIVText">der div nach rechts wandert</div>';
helpdiv[1] = '<div id="inaDIVHead">Hallo,</div><div id="inaDIVText">ich bin Ina. Damit\'s flott geht,</div><div id="inaDIVText">führe ich Sie direkt zum \'Punkt\'!</div><div id="inaDIVHead">WAS INTERESSIERT SIE?</div><div id="inaDIVLink"><a href="javascript:;" onclick="displayhelp(2);">>  Kunden gewinnen und binden!</a></div><div id="inaDIVLink"><a href="javascript:;" onclick="displayhelp(3);">>  Navigieren mit dem POINTER!</a></div><div id="inaDIVLink"><a href="javascript:;" onclick="displayhelp(4);">>  24h qualifiziert beraten!</a></div><div id="inaDIVLink"><a href="javascript:;" onclick="displayhelp(5);">>  Ihre Meinung - BITTE!</a></div>';
helpdiv[2] = '<div id="inaDIVHead">Beraten und Verkaufen - persönlich von PC zu PC!</div><div id="inaDIVTextb">Parallel zum Telefonat beeindrucken Sie Ihren Gesprächspartner:</div><div id="inaDIVTextb">Sie führen, veranschaulichen, händigen Unterlagen aus.</div><div id="inaDIVTextb">Und er kann gezielt darauf reagieren, als säßen Sie an einem Tisch!</div><div id="inaDIVText"><br>So etwa:</div><div id="inaDIVText">- Per POINTER durchs Web führen.</div><div id="inaDIVText">- Anliegen automatisch sondieren.</div><div id="inaDIVText">- PDF\'s und Office-Docs übergeben.</div><div id="inaDIVText">- Gemeinsam abstimmen.</div><div id="inaDIVText">- Meinungen oder Aufträge einholen.</div><div id="inaDIVTextb"><br>3 Minuten für\'s Wie und Was!</div><div id="inaDIVTexti">Starten wir mit unserem Einführungsvideo.</div>';
helpdiv[3] = '<div>Test TEST Test TEST Test TEST Test TEST Test TEST </div>';

function floatervorschau()
{
   cookie = document.cookie;
/*   if(cookie.search('inaDIV=nofloater') < 0)
   {*/
      startFloater();
      topMargin = xPageY('leftColumn')-600;
      winOnResize(); // set initial position
      xAddEventListener(window, 'resize', winOnResize, false);
      xAddEventListener(window, 'scroll', winOnScroll, false);
   /*}*/
   return;
}
function displayhelp(h)
{
   var h = h;
   for(i=0;i<helpdiv.length;++i) if(i==h) var text = helpdiv[i];
   if(h>1) document.getElementById('inaDIVContent').innerHTML= helpdivback + text;
   else if(h==1) document.getElementById('inaDIVContent').innerHTML= helpdivstart + text;
   else document.getElementById('inaDIVContent').innerHTML= helpdivfirst + text;
}
function winOnResize()
{
   xMoveTo('inaDIV', floatwidth, topMargin);
   xShow('inaDIV');
   winOnScroll();
}
function winOnScroll()
{
   displayhelp(0);
   xSlideTo('inaDIV', floatwidth, floathigh, slideTime);
}
function closeFloater()
{
   document.getElementById('inaDIV').style.display = 'none';
   document.getElementById('inaDIV').style.visibility = 'hidden';position='absolute';
}
function showFloater()
{
   cookie = document.cookie;
   if(cookie.search('inaDIV=nofloater') > 0)
   {
      startFloater();
      topMargin = xPageY('leftColumn')-600;
      winOnResize(); // set initial position
      xAddEventListener(window, 'resize', winOnResize, false);
      xAddEventListener(window, 'scroll', winOnScroll, false);
	  
/*	  var futdate = new Date();
      var expdate = futdate.getTime();
      expdate += 3600*1000*24*1;
      futdate.setTime(expdate);
      document.cookie = "inaDIV=0; expires="+futdate.toGMTString()+";path=/";
*/
   }else{
   document.getElementById('inaDIV').style.display = 'block';
   document.getElementById('inaDIV').style.visibility = 'visible';position='absolute';
   }
}
function timeFloater() {
   if (block != 1)
   {
      displayhelp(1);
	  xSlideTo('inaDIV', floatwidth2, floathigh, slideTime);
   }
}
function startFloater ()
{
   var futdate = new Date();
   var expdate = futdate.getTime();
   expdate += 3600*1000*24*1;
   futdate.setTime(expdate);
   document.cookie = "inaDIV=nofloater; expires="+futdate.toGMTString()+";path=/";
   window.setTimeout("timeFloater()", timeout);
   document.getElementById('inaDIV').style.display = 'block';
}
function blockFloater()
{
   block=1;
}
function unblockFloater()
{
   block=0;
}
var xVersion='4.0',xOp7Up,xOp6Dn,xIE4Up,xIE4,xIE5,xNN4,xUA=navigator.userAgent.toLowerCase();
if(window.opera)
{
	var i=xUA.indexOf('opera');
	if(i!=-1)
	{
		var v=parseInt(xUA.charAt(i+6));
		xOp7Up=v>=7;
		xOp6Dn=v<7;
	}
}
else if(navigator.vendor!='KDE' && document.all && xUA.indexOf('msie')!=-1)
{
	xIE4Up=parseFloat(navigator.appVersion)>=4;
	xIE4=xUA.indexOf('msie 4')!=-1;xIE5=xUA.indexOf('msie 5')!=-1;
}
else if(document.layers)
{
	xNN4=true;
}

xMac=xUA.indexOf('mac')!=-1;

function xAddEventListener(e,eT,eL,cap){if(!(e=xGetElementById(e))) return;eT=eT.toLowerCase();if((!xIE4Up && !xOp7Up) && e==window) {if(eT=='resize') {window.xPCW=xClientWidth();window.xPCH=xClientHeight();window.xREL=eL;xResizeEvent();return;}if(eT=='scroll') {window.xPSL=xScrollLeft();window.xPST=xScrollTop();window.xSEL=eL;xScrollEvent();return;}}var eh='e.on'+eT+'=eL';if(e.addEventListener) e.addEventListener(eT,eL,cap);else if(e.attachEvent) e.attachEvent('on'+eT,eL);else eval(eh);}
function xResizeEvent(){if (window.xREL) setTimeout('xResizeEvent()', 250);var cw = xClientWidth(), ch = xClientHeight();if (window.xPCW != cw || window.xPCH != ch) {window.xPCW = cw;window.xPCH = ch;if (window.xREL) window.xREL();}}
function xScrollEvent(){if (window.xSEL) setTimeout('xScrollEvent()', 250);var sl = xScrollLeft(), st = xScrollTop();if (window.xPSL != sl || window.xPST != st) { window.xPSL = sl; window.xPST = st; if (window.xSEL) window.xSEL(); }}
function xClientHeight(){var h=0;if(xOp6Dn) h=window.innerHeight;else if(document.compatMode == 'CSS1Compat' && !window.opera && document.documentElement && document.documentElement.clientHeight)h=document.documentElement.clientHeight;else if(document.body && document.body.clientHeight)h=document.body.clientHeight;else if(xDef(window.innerWidth,window.innerHeight,document.width)) {h=window.innerHeight;if(document.width>window.innerWidth) h-=16;}return h;}
function xClientWidth(){var w=0;if(xOp6Dn) w=window.innerWidth;else if(document.compatMode == 'CSS1Compat' && !window.opera && document.documentElement && document.documentElement.clientWidth)w=document.documentElement.clientWidth;else if(document.body && document.body.clientWidth)w=document.body.clientWidth;else if(xDef(window.innerWidth,window.innerHeight,document.height)) {w=window.innerWidth;if(document.height>window.innerHeight) w-=16;}return w;}
function xDef(){for(var i=0; i<arguments.length; ++i){if(typeof(arguments[i])=='undefined') return false;}return true;}
function xGetComputedStyle(oEle, sProp, bInt){var s, p = 'undefined';var dv = document.defaultView;if(dv && dv.getComputedStyle){s = dv.getComputedStyle(oEle,'');if (s) p = s.getPropertyValue(sProp);}else if(oEle.currentStyle) {var a = sProp.split('-');sProp = a[0];for (var i=1; i<a.length; ++i) {c = a[i].charAt(0);sProp += a[i].replace(c, c.toUpperCase());}   p = oEle.currentStyle[sProp];}else return null;return bInt ? (parseInt(p) || 0) : p;}
function xGetElementById(e){if(typeof(e)!='string') return e;if(document.getElementById) e=document.getElementById(e);else if(document.all) e=document.all[e];else e=null;return e;}
function xHeight(e,h){if(!(e=xGetElementById(e))) return 0;if (xNum(h)) {if (h<0) h = 0;else h=Math.round(h);}else h=-1;var css=xDef(e.style);if (e == document || e.tagName.toLowerCase() == 'html' || e.tagName.toLowerCase() == 'body') {h = xClientHeight();}else if(css && xDef(e.offsetHeight) && xStr(e.style.height)) {if(h>=0) {var pt=0,pb=0,bt=0,bb=0;if (document.compatMode=='CSS1Compat') {var gcs = xGetComputedStyle;pt=gcs(e,'padding-top',1);if (pt !== null) {pb=gcs(e,'padding-bottom',1);bt=gcs(e,'border-top-width',1);bb=gcs(e,'border-bottom-width',1);}else if(xDef(e.offsetHeight,e.style.height)){e.style.height=h+'px';pt=e.offsetHeight-h;}}h-=(pt+pb+bt+bb);if(isNaN(h)||h<0) return;else e.style.height=h+'px';}h=e.offsetHeight;}else if(css && xDef(e.style.pixelHeight)) {if(h>=0) e.style.pixelHeight=h;h=e.style.pixelHeight;}return h;}
function xLeft(e, iX){if(!(e=xGetElementById(e))) return 0;var css=xDef(e.style);if (css && xStr(e.style.left)) {if(xNum(iX)) e.style.left=iX+'px';else {iX=parseInt(e.style.left);if(isNaN(iX)) iX=0;}}else if(css && xDef(e.style.pixelLeft)) {if(xNum(iX)) e.style.pixelLeft=iX;else iX=e.style.pixelLeft;}return iX;}
function xMoveTo(e,x,y){xLeft(e,x);xTop(e,y);}
function xNum(){for(var i=0; i<arguments.length; ++i){if(isNaN(arguments[i]) || typeof(arguments[i])!='number') return false;}return true;}
function xPageX(e){if (!(e=xGetElementById(e))) return 0;var x = 0;while (e) {if (xDef(e.offsetLeft)) x += e.offsetLeft;e = xDef(e.offsetParent) ? e.offsetParent : null;}return x;}
function xPageY(e){if (!(e=xGetElementById(e))) return 0;var y = 0;while (e) {if (xDef(e.offsetTop)) y += e.offsetTop;e = xDef(e.offsetParent) ? e.offsetParent : null;}return y;}
function xScrollLeft(e, bWin){var offset=0;if (!xDef(e) || bWin || e == document || e.tagName.toLowerCase() == 'html' || e.tagName.toLowerCase() == 'body') {var w = window;if (bWin && e) w = e;if(w.document.documentElement && w.document.documentElement.scrollLeft) offset=w.document.documentElement.scrollLeft;else if(w.document.body && xDef(w.document.body.scrollLeft)) offset=w.document.body.scrollLeft;}else {e = xGetElementById(e);if (e && xNum(e.scrollLeft)) offset = e.scrollLeft;}return offset;}
function xScrollTop(e, bWin){var offset=0;if (!xDef(e) || bWin || e == document || e.tagName.toLowerCase() == 'html' || e.tagName.toLowerCase() == 'body') {var w = window;if (bWin && e) w = e;if(w.document.documentElement && w.document.documentElement.scrollTop) offset=w.document.documentElement.scrollTop;else if(w.document.body && xDef(w.document.body.scrollTop)) offset=w.document.body.scrollTop;}else {e = xGetElementById(e);if (e && xNum(e.scrollTop)) offset = e.scrollTop;}return offset;}
function xShow(e) {return xVisibility(e,1);}
function xSlideTo(e, x, y, uTime){if (!(e=xGetElementById(e))) return;if (!e.timeout) e.timeout = 25;e.xTarget = x; e.yTarget = y; e.slideTime = uTime; e.stop = false;e.yA = e.yTarget - xTop(e); e.xA = e.xTarget - xLeft(e); if (e.slideLinear) e.B = 1/e.slideTime;else e.B = Math.PI / (2 * e.slideTime); e.yD = xTop(e); e.xD = xLeft(e); var d = new Date(); e.C = d.getTime();if (!e.moving) _xSlideTo(e);}
function _xSlideTo(e){if (!(e=xGetElementById(e))) return;var now, s, t, newY, newX;now = new Date();t = now.getTime() - e.C;if (e.stop) { e.moving = false; }else if (t < e.slideTime) {setTimeout("_xSlideTo('"+e.id+"')", e.timeout);if (e.slideLinear) s = e.B * t;else s = Math.sin(e.B * t);newX = Math.round(e.xA * s + e.xD);newY = Math.round(e.yA * s + e.yD);xMoveTo(e, newX, newY);e.moving = true;}  else {xMoveTo(e, e.xTarget, e.yTarget);e.moving = false;}  }
function xStr(s){for(var i=0; i<arguments.length; ++i){if(typeof(arguments[i])!='string') return false;}return true;}
function xTop(e, iY){if(!(e=xGetElementById(e))) return 0;var css=xDef(e.style);if(css && xStr(e.style.top)) {if(xNum(iY)) e.style.top=iY+'px';else {iY=parseInt(e.style.top);if(isNaN(iY)) iY=0;}}else if(css && xDef(e.style.pixelTop)) {if(xNum(iY)) e.style.pixelTop=iY;else iY=e.style.pixelTop;}return iY;}
function xVisibility(e, bShow){if(!(e=xGetElementById(e))) return null;if(e.style && xDef(e.style.visibility)) {if (xDef(bShow)) e.style.visibility = bShow ? 'visible' : 'hidden';return e.style.visibility;}return null;}
function xWidth(e,w){if(!(e=xGetElementById(e))) return 0;if (xNum(w)) {if (w<0) w = 0;else w=Math.round(w);}else w=-1;var css=xDef(e.style);if (e == document || e.tagName.toLowerCase() == 'html' || e.tagName.toLowerCase() == 'body') {w = xClientWidth();}else if(css && xDef(e.offsetWidth) && xStr(e.style.width)) {if(w>=0) {var pl=0,pr=0,bl=0,br=0;if (document.compatMode=='CSS1Compat') {var gcs = xGetComputedStyle;pl=gcs(e,'padding-left',1);if (pl !== null) {pr=gcs(e,'padding-right',1);bl=gcs(e,'border-left-width',1);br=gcs(e,'border-right-width',1);}else if(xDef(e.offsetWidth,e.style.width)){e.style.width=w+'px';pl=e.offsetWidth-w;}}w-=(pl+pr+bl+br);if(isNaN(w)||w<0) return;else e.style.width=w+'px';}w=e.offsetWidth;}else if(css && xDef(e.style.pixelWidth)) {if(w>=0) e.style.pixelWidth=w;w=e.style.pixelWidth;}return w;}