var offsetx = 2;
var offsety = -10;
var status = "";
var bounce = "up";
var ie5 = (document.getElementById && document.all); 
var browserName=navigator.appName; 
var ns6 = (document.getElementById && !document.all); 
var ua = navigator.userAgent.toLowerCase();
var isapple = (ua.indexOf('applewebkit') != -1 ? 1 : 0);
function getmousepositionShop(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('tooltipShop');
        lixlpixel_tooltip.style.left = (mousex+pagex+offsetx) + 'px';
        lixlpixel_tooltip.style.top = (mousey+pagey+offsety) + 'px';
        
        var lixlpixel_toolblok = document.getElementById('blok');
        
        if (browserName=="Microsoft Internet Explorer")
          lixlpixel_toolblok.style.left = (mousex+pagex+offsetx+80) + 'px';
        else
          lixlpixel_toolblok.style.left = (mousex+pagex+offsetx-120) + 'px';
        
        lixlpixel_toolblok.style.top = (mousey+pagey+offsety-60) + 'px';
    }
}
 
function newelement(newid)
{ 
    if(document.createElement)
    { 
        
    } 
} 
 
 var counter = 0;
 var middleWidth = 30;
 
 function tooltipShop(color)
 {
    
    var el = document.createElement('div'); 
    el.id = "tooltipShop";     
    el.style.width  = "30px";
    el.style.position = "absolute";
    el.style.display ="block";
    el.style.zIndex = "2000";
    
    document.body.appendChild(el);       
    
    var blok = document.createElement('div'); 
    blok.id = "blok";     
    blok.style.width  = "159px";
    blok.style.height = "42px";
    blok.style.position = "absolute";
    blok.style.display ="block";
    blok.style.zIndex = "2000";
    blok.style.backgroundImage = "url('" + s_WEBROOT + "/shared/images/bord" + color + ".png')";

    document.body.appendChild(blok); 
    
    if( color == "groen")
      $( 'blok' ).innerHTML = "<div style='color:white; padding:3px; width:150px;'>Dit product is op voorraad</div>";
    else
      $( 'blok' ).innerHTML = "<div style='color:white; padding:3px; width:150px;'>Dit product is niet voorraad</div>";

    document.onmousemove = getmousepositionShop;  
 
  }
 

 
 
  function destroyMeShop()
  {    
    $('bodyDiv').removeChild(document.getElementById('tooltipShop'));
    $('bodyDiv').removeChild(document.getElementById('blok'));
    document.onmousemove = "";
    middleWidth = 30;
    counter = 0;
  }



// moved here from dsp_header.cfm (mjh 2010/6/6)

      var offsetx = 12;
      var offsety =  8;
      
      function newelement(newid)
      { 
        if(document.createElement)
        { 
        var el = document.createElement('div'); 
        el.id = newid;     
        with(el.style)
        { 
        display = 'none';
        position = 'absolute';
        zIndex= 210;
        } 
        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');
        lixlpixel_tooltip.style.left = (mousex+pagex+offsetx) + 'px';
        lixlpixel_tooltip.style.top = (mousey+pagey+offsety) + 'px';
        }
      }

      function tooltip(tip)
      {
        if(!document.getElementById('tooltip')) newelement('tooltip');
        var lixlpixel_tooltip = document.getElementById('tooltip');
        lixlpixel_tooltip.innerHTML = tip;
        lixlpixel_tooltip.style.display = 'block';
        document.onmousemove = getmouseposition;
      }

      function exit()
      {
        document.getElementById('tooltip').style.display = 'none';
      }
      
      var newwindow;
        function poptastic(url)
        {
        	newwindow=window.open(url,'name','height=600,width=850,scrollbars=yes');
        	if (window.focus) {newwindow.focus()}
        }