var sel_cat = 'area';

function filtering(cat)
{
  if(cat == sel_cat) return;
  document.getElementById('tab_'+ sel_cat).style.backgroundColor='#e3e3e3';
  document.getElementById('tab_'+ cat).style.backgroundColor='#cdcdcd';
  
  var e = document.getElementById('filter_'+ sel_cat);
  var el = document.getElementById('filter_'+ cat);
  
  el.style.display ='';
  e.style.display = 'none';

  sel_cat = cat;
  loadCategoryList();
  if(cat =='construction')
  {
    u = PROJECT_TYPES_URL +'?alttemplate=cad category';
   
    loadCategorySelector('1',PROJECT_TYPES_URL +'?alttemplate=cad category');
    try { 
      document.getElementById('placeholder_2').innerHTML ='<select size="4"></select>'; 
      document.getElementById('placeholder_3').innerHTML ='<select size="4"></select>'; 
    }
    catch(e) {;}
   
  }
}

function clearAndWait()
{
   var el = document.getElementById('dynamic_list');
   var img = '<div style="width:200px;height;200px;position:relative;top:50%;left:50%;margin-lef:-15px;marign-top:-15px">';
   img += '<img src="/media/34078/icon_wait.gif"></div>';
   el.innerHTML = img;
}
function loadCategoryList(id)
{
   clearAndWait();
   var u = PRODUCTS_URL +'?alttemplate=product list';
   if(id != undefined) u+= '&projecttype='+ id;
    
   var d = doSimpleXMLHttpRequest(u);
   d.addCallbacks(displayCategoryList);
}
function updateArea(list)
{
  clearAndWait();
  var a = list.options[list.selectedIndex].value;
 
  var u =PRODUCTS_URL +'?alttemplate=product list';
  if(a != '-') u +='&cat='+ a;
 
  var d = doSimpleXMLHttpRequest(u);
  d.addCallbacks(displayCategoryList);

}
function updateSize()
{ 
   clearAndWait();
   var h = document.getElementById('sizefilter_1');
   var w = document.getElementById('sizefilter_2');
   var t = document.getElementById('sizefilter_3');
   
   h = h.options[h.selectedIndex].value;
   w = w.options[w.selectedIndex].value;
   t = t.options[t.selectedIndex].value;
    

   var u = PRODUCTS_URL +'?alttemplate=product list';
   if(w!='-') u +='&width='+ w;
   if(h!='-') u +='&height='+ h;
   if(t!='-') u +='&thickness='+ t;

   var d = doSimpleXMLHttpRequest(u);
   d.addCallbacks(displayCategoryList);

}
function updateInsulation(list)
{
  clearAndWait();
  var i = list.options[list.selectedIndex].value;
  var u = PRODUCTS_URL +'?alttemplate=product list';

  if(i!='-') u +='&insulation='+ i;
  var d = doSimpleXMLHttpRequest(u);
  d.addCallbacks(displayCategoryList);
}
function loadInsulationValues(list,iv)
{
    var x = {};
    var L = new Array();
    for(var i=0;i<iv.length;i++)
    {
       if(x[iv[i]]) continue;
       L[L.length] = iv[i];
       x[iv[i]] = true;
    }
    L.sort();
    var el = document.getElementById(list);
    for(var i=0;i<L.length;i++)
    {
    	el.options[el.options.length] = new Option(L[i],L[i]);
    }
}