var cU = {
  init: function() {
    if (!document.getElementById) return;
    if (!Sarissa) return;
    cU.category = document.getElementById('category');
    cU.iconcontainer = document.getElementById('iconcontainer');
    if (!cU.category) return;
	if (!cU.iconcontainer.innerHTML) return;
    cU.addEvent(cU.category, 'change', cU.findIcons, false);
  },

  addEvent: function(elm, evType, fn, useCapture) {
    // cross-browser event handling for IE5+, NS6 and Mozilla
    // By Scott Andrew
    if (elm.addEventListener) {
      elm.addEventListener(evType, fn, useCapture);
      return true;
    } else if (elm.attachEvent) {
      var r = elm.attachEvent('on' + evType, fn);
      return r;
    } else {
      elm['on' + evType] = fn;
    }
  },

  findIcons: function() {
	var xmlhttp = new XMLHttpRequest();
    var qs = '?lineID=' + cU.category.value;
    xmlhttp.open('GET', 'loadicons.php' + qs, true);
    xmlhttp.onreadystatechange = function() {
      if (xmlhttp.readyState == 4) {
        cU.receiveIcons(xmlhttp.responseXML);
      }
    };
    xmlhttp.send(null);
  },

  receiveIcons: function(dom) {
    var icons = dom.getElementsByTagName('icon');
    var name = dom.getElementsByTagName('name');
    var desc = dom.getElementsByTagName('desc');
    var iconHTML = 'ICONSLIST';
    var iconslist = '';
    for (var i = 0; i < icons.length; i++) {
      
      var thisICON = '<a href = "#" onclick="openWindow(\'preview.php?id=ICON\',\'View\',\'width=800,height=800\')">' +
      				 '<img src = "../img/ICON-thumb.jpg" alt="icon thumbnail" width="65" height="65"/></a>';  				 
      thisICON = thisICON.replace(/ICON/g, icons[i].firstChild.nodeValue);
      iconslist += thisICON;
    }
    iconHTML = iconHTML.replace('ICONSLIST', iconslist);
    cU.iconcontainer.innerHTML = iconHTML;

    // reattach the event, giving browsers time to do the innerHTML work
    setTimeout(function() {
      cU.category = document.getElementById('category');
      cU.addEvent(cU.category, 'change', cU.findIcons, false);
    }, 200);
  }
}

cU.addEvent(window, 'load', cU.init, false);