// position of the tooltip relative to the mouse in pixel //
var offsetx = 0;
var offsety =  15;
var prevw;
var prevh;
var overtip=false;
var signedInTip=false;

var zoomtipdelay=250;
var zoomtiphtml='';
var zoomtimer;
var checkVerticalTip;
var loaded=false;
var zoomTipSwitch=0;


function setTipSwitch() {
	if (zoomTipSetting==2) {
		zoomTipSwitch=(getCookie('zoomtips')==1)?true:false;
	} else if (zoomTipSetting==1) {
		zoomTipSwitch=1;
	} else {
		zoomTipSwitch=0;
	}
}



function useZoomTips(state) {
	setPermCookie('zoomtips',state?1:0);
	if (!state) exit();
}

function dozoomtip(el,pk,barcode,caption,prevsize,thw,thh,sizeisthumb) {
	 if (hd=document.getElementById('hider')) {
		 if (!document.loaded) return;
	 }
	setTipSwitch();
	if (!zoomTipSwitch) {
		if (el.oldTitle) el.title=el.oldTitle;
	} else {
		if (!(el.oldTitle)) el.oldTitle=el.title;
		el.title='';
		isrc='zoomImage.php?pk='+pk; //+'&s='+(signedInTip?1:0);
		
		w=thw;
		h=thh;
		
		if ( (w>prevsize)||(h>prevsize)|| sizeisthumb ) {
			if (w<=h) {
				w=(prevsize/h)*w;
				h=prevsize;
			} else {
				h=(prevsize/w)*h;
				w=prevsize;
			}
		}
		
		
		img=new Image();
		img.src=isrc;
		zoomtiphtml='<a title="click for more information" href="'+el.href+'">';
		zoomtiphtml+='<img onmouseout="exit();" src="'+isrc+'"></a>';
		zoomtiphtml+='<br />'+barcode;
		zoomtiphtml+='<br />'+caption;
		tooltip(zoomtiphtml,w,h);
	 if (hd=document.getElementById('hider')) {
		 hd.style.width=w+13;
		 hd.style.height=h+50;
		 hd.style.display='none';
		 var l = document.getElementById('tooltip');
		 l.style.width=w+10;
		 l.style.height=h+38;
	 }
			 var lixlpixel_tooltip = document.getElementById('tooltip');
		 lixlpixel_tooltip.style.display = 'none';
		zoomtimer=setTimeout(showzoomtip,zoomtipdelay);
	}
}
function showzoomtip() {
    var lixlpixel_tooltip = document.getElementById('tooltip');
	 if (h=document.getElementById('hider')) {
		 h.style.top=lixlpixel_tooltip.style.top;
		 h.style.left=lixlpixel_tooltip.style.left;
		 h.style.display='block';
		 h.style.zindex=1000;
	 }
	 
	 lixlpixel_tooltip.style.zindex=1001;
    lixlpixel_tooltip.style.display = 'block';
	 document.onmousemove='';
}
												  
function zaptip() {
	if (zoomtimer) {
		clearTimeout(zoomtimer);
		zoomtimer=0;
	}
}

function newelement(newid)
{ 
    if(document.createElement)
    { 
        //var el = document.createElement('div'); 
		  var el = document.createElement('div'); 
		  el.onmouseover=function() {overtip=true;};
        el.id = newid; 
        with(el.style)
        { 
            display = 'none';
            position = 'absolute';
        } 
        el.innerHTML = '&nbsp;'; 
        document.body.appendChild(el); 
    } 
} 
var ie5 = (document.getElementById && document.all); 
var ns6 = (document.getElementById && !document.all); 
var ua = navigator.userAgent.toLowerCase();
var isapple = (ua.indexOf('applewebkit') != -1 ? 1 : 0);
function getmouseposition(e)
{
    if(document.getElementById)
    {
        var iebody=(document.compatMode && 
        	document.compatMode != 'BackCompat') ? 
        		document.documentElement : document.body;
        pagex = (isapple == 1 ? 0:(ie5)?iebody.scrollLeft:window.pageXOffset);
        pagey = (isapple == 1 ? 0:(ie5)?iebody.scrollTop:window.pageYOffset);
        mousex = (ie5)?event.x:(ns6)?clientX = e.clientX:false;
        mousey = (ie5)?event.y:(ns6)?clientY = e.clientY:false;

        var lixlpixel_tooltip = document.getElementById('tooltip');
        tleft = (mousex-20+pagex+offsetx) ;
        ttop = (mousey-40+pagey+offsety) ;
		  wh=window.getHeight()+(checkVerticalTip?0:window.getScrollTop());
		  ww=window.getWidth();
		  wh=wh?wh:(document.body.clientHeight);
		  ww=ww?ww:(document.body.clientWidth);

        if (tleft>(ww-(prevw+20))) tleft=ww-(prevw+20);
		  if (ttop>(wh-(prevh+50))) ttop=wh-(prevh+50);
		  
		  //// at TTL's request
		  //tleft=(ww-prevw)/2;
		  //ttop=(wh-prevh)/2;
		  
        lixlpixel_tooltip.style.left = tleft + 'px';
        lixlpixel_tooltip.style.top = ttop + 'px';
		  
    }
}
function tooltip(tip,w,h)
{
    if(!document.getElementById('tooltip')) newelement('tooltip');
    var lixlpixel_tooltip = document.getElementById('tooltip');
    lixlpixel_tooltip.innerHTML = tip;
    document.onmousemove = getmouseposition;
	 prevw=w;
	 prevh=h;
}
function exit()
{
    document.getElementById('tooltip').style.display = 'none';
	 if (hd=document.getElementById('hider')) {
		 hd.style.display='none';
	 }
}