// CONFIG
  var d = document; var ie4 = d.all; var ns6 = d.getElementById && !d.all;
  var tags = d.getElementsByTagName('script');
  for(i=0;i<tags.length;i++) {
    if(tags[i].src.indexOf('javascript.js') != -1)
    {
      var b = baseURL = tags[i].src.replace(/\/_js\/javascript.js/g, '');
      break;
    }  
  }

// INIT PAGE
  function initPage()
  {
  // Infodiv  / Tooltip
    var div = d.createElement('div');
        div.setAttribute('id','toolTip');
    d.body.appendChild(div);
  
  	layer = d.getElementById('toolTip');
  	d.body.onmousemove = trackMouse;

  // init CSS-Styles
    var tag = d.getElementsByTagName("input");
    for(i=0;i<tag.length;i++)
    {
      if((tag[i].type == 'text' || tag[i].type == 'password') && tag[i].className != 'login')
      {
        tag[i].onfocus     = function(){ this.className = 'inputField_focus'; };
        tag[i].onmouseover = function(){ this.className = 'inputField_hover'; };
        tag[i].onmouseout  = function(){ this.className = 'inputField'; };
        tag[i].onblur      = function(){ this.className = 'inputField'; };
      }
    }
    var tag = d.getElementsByTagName("textarea");
    for(i=0;i<tag.length;i++)
    {
      tag[i].onfocus     = function(){ this.className = 'inputField_focus'; };
      tag[i].onmouseover = function(){ this.className = 'inputField_hover'; };
      tag[i].onmouseout  = function(){ this.className = 'inputField'; };
      tag[i].onblur      = function(){ this.className = 'inputField'; };
    }
    
  // MOUSEOVER PREVIEW
    if(d.getElementById('overview'))
    {
      var tags = d.getElementById('overview').getElementsByTagName('img');
      for(var i=0;i<tags.length;i++)
      {
        tags[i].onmouseover = function() {
          this.parentNode.parentNode.className = 'product_hover';
          showPreview(this.parentNode.parentNode.innerHTML);
        }
        tags[i].onmouseout = function() {
          this.parentNode.parentNode.className = 'product';
          hidePreview();
        }
      }
    }
  }
  
// PREVIEW BOX
  function showPreview(html)
  {
    layer.innerHTML = '<div class="previewBox" style="width:auto;overflow:hidden">' + html.replace(/\.jpg/g, '_big.jpg') +'</div>';
    
    layer.style.textAlign = 'justify';
    layer.style.display = 'block';
  }
  
  function hidePreview()
  {
    layer.innerHTML = '';
    layer.style.display = 'none';
  }

// ADD FLASH
  function addFlash()
  {    
    var ret        = new Object();
    ret.embedAttrs = new Object();
    ret.params     = new Object();
    ret.objAttrs   = new Object();

    for(var i=0; i < arguments.length; i=i+2)
    {
      ret.objAttrs[arguments[i]]   = arguments[i+1];
      ret.embedAttrs[arguments[i]] = ret.params[arguments[i]] = arguments[i+1];
      ret.params[arguments[i]]     = arguments[i+1];
    }

    ret.objAttrs['classid'] = 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000';
    ret.embedAttrs['type']  = 'application/x-shockwave-flash';

    var str = '<object ';
    for(var i in ret.objAttrs)   str += i + '="' + ret.objAttrs[i] + '" '; str += '>';
    for(var i in ret.params)     str += '<param name="' + i + '" value="' + ret.params[i] + '" /> ';  str += '<embed ';
    for(var i in ret.embedAttrs) str += i + '="' + ret.embedAttrs[i] + '" '; str += ' ></embed></object>';

    document.write(str);
  }
// TOOLS
  function empty(str)
  {
    if(str == '') return true;
  }

// ADD EVENT
  function addEvent(obj, evType, fn)
  {
    if(obj.addEventListener)
    {
      obj.addEventListener(evType, fn, false);
     return true;
    } else if (obj.attachEvent){
      var r = obj.attachEvent("on"+evType, fn);
      return r;
    } else return false;
  }

function trackMouse(e) 
{
  if(typeof(layer) == 'object')
  {
    var offsetX = (typeof(ttWidth)=='string') ? (parseInt(ttWidth)*(-1)-30) : -205;
    var offsetY = 12;
    var mLeft = 5;
    var mTop = -15;
    
	  x = (ns6) ? e.pageX-mLeft : window.event.clientX+d.documentElement.scrollLeft - mLeft;
	  y = (ns6) ? e.pageY-mTop  : window.event.clientY+d.documentElement.scrollTop  - mTop;
  
    var layerW = ((ie4) ? layer.clientWidth : layer.offsetWidth) - 3;
    var layerH = (ie4) ? layer.clientHeight : layer.offsetHeight;
 
    var winW   = (ns6) ? (window.innerWidth) + window.pageXOffset - 12 
               : d.documentElement.clientWidth + d.documentElement.scrollLeft;
      	
    var winH   = (ns6) ? (window.innerHeight) + window.pageYOffset 
               : d.documentElement.clientHeight + d.documentElement.scrollTop;
  
    layer.style.left = ((x+offsetX+layerW >= winW-offsetX) ? x-(layerW+offsetX)    : x+offsetX) + "px";
    layer.style.top  = ((y+offsetY+layerH >= winH-offsetY) ? y-(layerH+offsetY+10) : y+offsetY) + "px";
  }
  
	return true;
}

addEvent(window,'load',initPage);