var proddiv;
var currCatA;
var prodCat;

function initPage() {
  $("#scroller").scroller({imagepath: 'img/scroller'}, initPage2);
}

function initPage2() {
  proddiv = new AnimDiv("product", {}, true);
  proddiv.setup();

  currCatA = N$('firstcat');
  prodCat = currCatA.innerHTML;
  getProducts(currCatA);
}

function getProducts(a) {
  currCatA.style.display = "inline";
  currCatA.previousSibling.style.display = "none";
  currCatA = a;
  prodCat = currCatA.innerHTML;
  currCatA.style.display = "none";
  currCatA.previousSibling.style.display = "inline";
  Products.GetProducts(prodType, prodCat, getProducts2);
}

function getProducts2(response) {
  N$('header').innerHTML = getTypeName(prodType) + (prodCat.length > 0 ? " - " + prodCat : "");
  $("#scroller").scroller_setContent(response.value);
}

function hlProduct(div, show) {
  div.childNodes[1].style.display = (show ? "block" : "none");
}

function getTypeName(pt) {
  return (pt == "LADIES" ? "WOMEN" : (pt == "BOYS _ GIRLS" ? "BOYS & GIRLS" : (pt == "corporate" ? "CORPORATE" : pt)));
}

function showArticle(artdiv) {
  var atype = (prodCat == "ACCESSORIES" && prodType.toLowerCase() != "corporate" ? prodCat : prodType);
  var artid = artdiv.id.substring(4);
  Products.GetArticleInfo(atype, artid, showArticle2);
}

function showArticle2(response) {
  if (response.error != null) alert (response.error.Message);
  var name = response.value[0];

  N$("prodhl").innerHTML = name;
  N$("fabrics").innerHTML = response.value[1];
  N$("features").innerHTML = response.value[2];
  N$("featureslab").innerHTML = response.value[3];
  N$("sizelab").innerHTML = response.value[4];
  N$("size").innerHTML = response.value[5];

  var cols = response.value[6].split('|');
  var colcodes = response.value[7].split('|');
  var imgs = response.value[8].split('|');

  var html = "";
  for (var i=0; i < cols.length; i++) {
    var img = new Image();
    img.src = imgs[i];
    html += "<div class='colthumb'><a href='javascript:setArtImg(\"" + imgs[i] + "\", \"" + name + "\")' onfocus='this.blur()'><img src='img/colors/" + colcodes[i] + ".gif' alt='" + cols[i] + "' title='" + cols[i] + "' width=20 height=20 border=0 /></a></div>";
  }
  N$("prodcol").innerHTML = html;
  setArtImg(imgs[0]);

  proddiv.open();
}

function switchImg(on) {
  N$("back").src = (on ? 'img/back_on.gif' : 'img/back_off.gif');
}

function setArtImg(src, name) {
  if (N$("dlpict")) {
    N$("dlpict").innerHTML = '';
    var hlp = src.split('/');
    var alt = "No image available";
    if (hlp[hlp.length-1].indexOf('noImage') == -1) {
      N$("dlpict").innerHTML = "<a href='admin/download.aspx?file=" + src + "' onfocus='this.blur()' target='_blank'>" + hlp[hlp.length-1] + "</a>";
      var alt = '';
    }
  }
  N$("prodimg").innerHTML = "<img src='admin/DocumentBank/thumbnail.aspx?height=300&width=300&keepaspect=true&image=" + src + "' alt='" + name + "' title='" + name + "' />";
}