var ie  = (navigator.appName == "Microsoft Internet Explorer");
var ie6 = (navigator.appVersion.indexOf('MSIE 6.0') == 17);


function makeBoxesClickable() {
  var boxes = document.getElementById('content').getElementsByTagName('div');
  for (i in boxes) {
    if (boxes[i].className == 'accessoireBox')
      boxes[i].onclick = function() { zoomAccessoire(this); }
  }
}

function zoomAccessoire(e) {
  var n = document.createElement('div');
  n.id = 'grey';
  n.style.position = 'absolute';
  n.style.width = '100%';
  n.style.height = !ie ? document.documentElement.scrollHeight + 'px' : document.body.scrollHeight + 'px';
  n.style.top = '0px';
  n.style.left = '0px';
  
  n.innerHTML  = "<img />";
  n.getElementsByTagName('img')[0].src = e.getElementsByTagName('img')[1].src;
  n.getElementsByTagName('img')[0].style.position = 'absolute';
  n.getElementsByTagName('img')[0].style.zIndex = '2';
  n.getElementsByTagName('img')[0].style.width = '300px';
  n.getElementsByTagName('img')[0].style.height = '225px';
  n.getElementsByTagName('img')[0].style.background = '#ffffff url(/images/design/loader.gif) center center no-repeat';
  n.getElementsByTagName('img')[0].style.top = '50%';
  n.getElementsByTagName('img')[0].style.left = '50%';
  n.getElementsByTagName('img')[0].style.marginTop = '-112px';
  n.getElementsByTagName('img')[0].style.marginLeft = '-150px';
  n.getElementsByTagName('img')[0].style.border = '1px solid #949494';
  n.getElementsByTagName('img')[0].style.cursor = 'pointer';
  n.getElementsByTagName('img')[0].style.padding = '10px';
  
  n.innerHTML += "<div />";
  n.getElementsByTagName('div')[0].style.position = 'absolute';
  n.getElementsByTagName('div')[0].style.zIndex = '1';
  n.getElementsByTagName('div')[0].style.width = '100%';
  n.getElementsByTagName('div')[0].style.height = '100%';
  n.getElementsByTagName('div')[0].style.top = '0px';
  n.getElementsByTagName('div')[0].style.left = '0px';
  n.getElementsByTagName('div')[0].style.backgroundColor = '#000000';
  n.getElementsByTagName('div')[0].style.opacity = '0.4';
  n.getElementsByTagName('div')[0].style.filter = 'Alpha(opacity=40)';
  
  n.getElementsByTagName('img')[0].onclick = closeZoomAccessoire;
  
  document.body.appendChild(n);
}

function closeZoomAccessoire() {
  document.body.removeChild(document.getElementById('grey'));
}