//include a different stylesheet for ie6
var browserName=navigator.appName;
var ua = /MSIE (\d+\.\d+);/.test(navigator.userAgent)
var v = new Number(RegExp.$1);
if (v == 0 || v >= 7) //ie7+ and non-ie browsers get this css
  document.write('<link rel="stylesheet" type="text/css" href="resources/carlot-all.css" />');
else //ie6 and lower will get this css
  document.write('<link rel="stylesheet" type="text/css" href="resources/carlot-ie6.css" />');

function s_resize(elId, remainingIters, multiplier)
{
  el = document.getElementById("tr_"+elId);
  t = parseInt(el.style.top);
  el.style.top = t + (1 * multiplier);
  l = parseInt(el.style.left);
  el.style.left = l + (1 * multiplier);
  w = parseInt(el.style.width);
  el.style.width = w - (2 * multiplier);
  h = parseInt(el.style.height);
  el.style.height = h - (2 * multiplier);

  el = document.getElementById("t_"+elId);
  w = parseInt(el.style.width);
  el.style.width = w - (2 * multiplier);

  el = document.getElementById("b_"+elId);
  el.style.width = w - (2 * multiplier);

  el = document.getElementById("m_"+elId);
  w = parseInt(el.style.width);
  el.style.width = w - (2 * multiplier);
  h = parseInt(el.style.height);
  el.style.height = h - (2 * multiplier);

  el = document.getElementById("mr_"+elId);
  el.style.height = h - (2 * multiplier);

  el = document.getElementById("ml_"+elId);
  el.style.height = h - (2 * multiplier);

  if (remainingIters > 0)
    setTimeout('s_resize(' + elId + ', ' + (remainingIters-1) + ', ' + multiplier + ')', 20);
}

function s_shrink(elId)
{
  var el = document.getElementById("tr_" + elId);
  var z = parseInt(el.style.zIndex);
  el.style.zIndex = z-1;
  s_resize(elId, 7, 1);
}

function s_grow(elId)
{
  var el = document.getElementById("tr_" + elId);
  var z = parseInt(el.style.zIndex);
  el.style.zIndex = z+1;

  s_resize(elId, 7, -1);
}

function s_detail(elId)
{
  //get the browser size
  var w,h;
  if (document.all)
  {
    w = document.body.clientWidth;
    h = document.body.clientHeight;
  }
  else
  {
    w = window.innerWidth;
    h = window.innerHeight;
  }

  //show the partially transparent div
  var el = $('bgBlur');

  //ie workaround with opacity/visibility
  if (document.all)
  {
    el.style.backgroundColor = 'black';
    el.style.display = 'inline';
  }
  else
  {
    el.setOpacity(0.8);
    el.show();
  }

  //position and show the detail div
  var el = $('detail_'+elId);
  var x = (w - 804) / 2;
  var y = (h - 490) / 2;
  el.style.left = x > 0 ? x : 0;
  el.style.top = y > 0 ? y : 0;
  el.show();
}

function s_hideDetail(elId)
{
  $('bgBlur').hide();
  $('detail_'+elId).hide();
}