UitlegUtil={};
UitlegUtil.ElmsToHide='';
UitlegUtil.show=function(e,iconObj,contentID,useFade,width,left,top,isIconOverlappedByUitleg,elmsToHide)
{
UitlegUtil.firstMousePos=UitlegUtil.getMousePos(e);
UitlegUtil.ensureUitlegContainer();
UitlegUtil.ElmsToHide=elmsToHide;
if(UitlegUtil.ElmsToHide)UitlegUtil.showElements(UitlegUtil.ElmsToHide,false);
if(UitlegUtil.show.lastContentID==contentID
&&isShown('uitlegPopup'))
{
UitlegUtil.close();
return;
}
iconObj=$zlget(iconObj);
$get('uitlegPopupText').innerHTML=$get(contentID).innerHTML;
var pos=ZLTool.absolutePosition(iconObj);
$get('uitlegPopup').style.top=(pos.y)+(top?top:0)+'px';
$get('uitlegPopup').style.left=Math.max(2,pos.x+(left?left:0))+'px';
$get('uitlegPopup').style.width=width?(width+'px'):'250px';
$display('uitlegPopupClosebutton',!useFade);
$show('uitlegPopup');
if(top===null||isNaN(top)||typeof(top)=='undefined')
{
$get('uitlegPopup').style.top=(pos.y-$get('uitlegPopupText').offsetHeight-20)+'px';
}
UitlegUtil.show.lastContentID=contentID;
$get('uitlegPopup').style.cursor=isIconOverlappedByUitleg?'text':'pointer';
if(useFade)
{
UitlegUtil.fade.useFade=true;
setTimeout("UitlegUtil.fade('uitlegPopup', true, 95)",50);
}else UitlegUtil.fade.useFade=false;
}
UitlegUtil.show.lastContentID;
UitlegUtil.close=function()
{
if(UitlegUtil.fade.useFade)UitlegUtil.fade('uitlegPopup',false,95);
else $hide('uitlegPopup');
UitlegUtil.showElements(UitlegUtil.ElmsToHide,true);
}
UitlegUtil.fade=function(id,doFadeIn,maxOpacity)
{
var currentPercent=$get(id).style.opacity*100;
UitlegUtil._fade(id,doFadeIn,doFadeIn?0:currentPercent,maxOpacity);
}
UitlegUtil._fade=function(id,doFadeIn,currentPercent,maxPercent)
{
clearTimeout(UitlegUtil._fade[id+'_timer']);
var elm=$get(id);
currentPercent+=(doFadeIn?1:-1)*8;
currentPercent=Math.max(0,Math.min(100,currentPercent));
UitlegUtil.setOpacity(id,currentPercent);
$show(id);
if(doFadeIn&&currentPercent>=maxPercent)
{
return;
}
if(!doFadeIn&&currentPercent==0)
{
$hide(id);
return;
}
UitlegUtil._fade[id+'_timer']=setTimeout('UitlegUtil._fade("'+id+'",'
+doFadeIn+','+currentPercent+','+maxPercent+')',25);
}
UitlegUtil.setOpacity=function(id,percent)
{
var elm=$get(id);
elm.style.filter='alpha(opacity='+percent+')';
elm.style['-moz-opacity']=percent/100;
elm.style.opacity=percent/100;
}
UitlegUtil.onMouseOver=function(e)
{
var mousePos=UitlegUtil.getMousePos(e);
if((Math.abs(UitlegUtil.firstMousePos.x-mousePos.x)>5)
||(Math.abs(UitlegUtil.firstMousePos.y-mousePos.y)>5))UitlegUtil.close();
}
UitlegUtil.getMousePos=function(e)
{
if(window.event){
return{x:event.clientX+document.body.scrollLeft,
y:event.clientY+document.body.scrollTop};
}else{
return{x:e.pageX,y:e.pageY};
}
}
UitlegUtil.firstMousePos={x:0,y:0};
UitlegUtil.ensureUitlegContainer=function()
{
if($get('uitlegPopup'))return;
var html=
'<div id="uitlegPopup" class="hidden" style="position:absolute;z-index:100;background:#8A9EC4;padding:8px;color:White;filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;border:1px solid #8A9EC4; width:250px;" onmouseover="UitlegUtil.onMouseOver(event)" onclick="UitlegUtil.close()"><div id="uitlegPopupText" style=""></div><div id="uitlegPopupClosebutton" style="margin-top:5px;"><input type="button" style="font-weight:bold;" value="Sluit" onclick="UitlegUtil.close()" /></div></div><div id="mousePos" style="font-size:18pt;position:absolute;top:0;left:0"></div>';
ZLTool.addEvent(document,'onmouseover',UitlegUtil.onMouseOver);
var div=document.createElement('div');
div.innerHTML=html;
document.getElementsByTagName('body')[0].appendChild(div);
}
UitlegUtil.writeIcon=function(uitlegContentID,useFade,width,left,top,isIconOverlappedByUitleg,elmsToHide)
{
var html=UitlegUtil.createIconHTML(uitlegContentID,useFade,width,left,top,isIconOverlappedByUitleg,elmsToHide);
document.write(html);
}
UitlegUtil.createIconHTML=function(uitlegContentID,useFade,width,left,top,isIconOverlappedByUitleg,elmsToHide)
{
var id='UitlegUtil_icon_'+UitlegUtil.writeIcon.iconCount;
if(!elmsToHide)elmsToHide='';
var html='<img id="'+id+'" src="/root/images/layout/webshop/buttons/uitleg.gif" '
+' onmouseover="UitlegUtil.show(event,\''+id+'\',\''+uitlegContentID+'\','
+useFade+','+width+','+left+','+top+','+isIconOverlappedByUitleg
+',\''+elmsToHide+'\')"'
+' border="0" style="cursor:pointer;position:relative;top:3px;left:5px;" />';
UitlegUtil.writeIcon.iconCount++;
return html;
}
UitlegUtil.showElements=function(elms,bShow)
{
if(!elms)return;
var aElmsToHide=elms.split(',');
for(var elm=0;elm<aElmsToHide.length;elm++)
{
if(!$get(aElmsToHide[elm]))continue;
$get(aElmsToHide[elm]).style.visibility=bShow?'visible':'hidden';
}
}
UitlegUtil.writeIcon.iconCount=0;