var blankpath     = "visuals/blank.gif";
var imagelocation = "visuals/blank.gif";
var Flist;
var CList;
var GList;
var currentFvalue;
var currentCvalue;
var currentGvalue;

function setbackground(glaasje){
  glaasje.style.backgroundImage="url('" + imagelocation + "')";
  var locationparts=imagelocation.split("/");
  var fname=locationparts[locationparts.length-1].split(".");
  glaasje.innerHTML=fname[0];
  listbackground();
}

function getElementsByClass(searchClass,node,tag) {
  var classElements = new Array();
  if ( node == null ) node = document;
  if ( tag == null ) tag = '*';
  var els = node.getElementsByTagName(tag);
  var elsLen = els.length;
  var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');
  j=0;
  for (i=0;i<elsLen;i++) {
    if ( pattern.test(els[i].className) ) {
      classElements[j] = els[i];
      j++;
    }
  }
  return classElements;
}

function listbackground(){
  var imagelist="";
  var doublecheck="";
  var padnaam="";
  var alleruitjes = getElementsByClass("ruitje");
  for(var i=0;i<=alleruitjes.length-1;i++){
    padnaam=alleruitjes[i].style.backgroundImage;
    if (padnaam!="") {
      padnaam=padnaam.substring(4,padnaam.length-1);  // remove 'url(    )'
      if (doublecheck.indexOf(padnaam)<0 ){
        doublecheck+='\n' + padnaam;
        slash_at = padnaam.indexOf("/");
	    padnaam = padnaam.substring(slash_at +1);//remove pad van filenaam
	    if (imagelist.length==0) imagelist = padnaam.split('/');
	    else imagelist += '\n' + padnaam.split('/');
      }
    }
    document.getElementById("glaslijst").value = imagelist;
  }
}

function FabrikantChange(){
  FList=document.getElementById("cboFabrikant");
  CList=document.getElementById("cboCategorie");
  GList=document.getElementById("cboGlas");

  currentFvalue = FList[FList.selectedIndex].value;
  var blnSel = false;

  //leegmaken categorie-lijst:
  while(CList.length>1){CList.remove(1);}

  //vullen met categorieën van fabrikant:
  var j=1;
  var LastFoundCategory="";

  for(i = 0; i <= (fromPHP.length)-1; i++){
	aline = fromPHP[i];
	arrline = fromPHP[i].split("/");
	if ((arrline[1] == currentFvalue) && (arrline[2] != LastFoundCategory)) {
	  CList.options[j] = new Option(arrline[2], arrline[2]);
	  LastFoundCategory = arrline[2];
	  j++;
	}
  }

  if (!blnSel) CList.options[0].selected = true;
  CategorieChange();
}

function CategorieChange(){
  currentFvalue = FList[FList.selectedIndex].value;
  currentCvalue = CList[CList.selectedIndex].value;
  var blnSel = false;

  //leegmaken glas-lijst:
  while(GList.length>1){GList.remove(1);}

  //vullen met glas per categorie van fabrikant:
  var j=1;
  for(i = 0; i <= (fromPHP.length)-1; i++){
	arrline = fromPHP[i].split("/");
	if ((arrline[1] == currentFvalue) && (arrline[2] == currentCvalue)) {
	  GList.options[j] = new Option(arrline[3], arrline[3]);
	  j++;
	}
  }

  if (!blnSel) GList.options[0].selected = true;
  if (GList.selectedIndex==0){
	imagelocation = blankpath;
	document.getElementById('sample').src = imagelocation;
  }
}

function GlasChange(){
  currentFvalue = FList[FList.selectedIndex].value;
  currentCvalue = CList[CList.selectedIndex].value;
  currentGvalue = GList[GList.selectedIndex].value;
  if (GList.selectedIndex==0) imagelocation=blankpath;
  else imagelocation="glas/" + currentFvalue + "/" + currentCvalue + "/" + currentGvalue;
  document.getElementById('sample').src = imagelocation;
}

function fillmanufacturer(){
  var fabrikant="";
  var UniqueFabrikant="";
  var FabrikantArray = new Array();
  var fid = 1;
  for(i=0;i<=(fromPHP.length)-1;i++){
    fabrikant= fromPHP[i].split("/")[1];
    if (fabrikant  != UniqueFabrikant){
	  FabrikantArray[fid]=fabrikant;
	  UniqueFabrikant=fabrikant;
	  fid++;
    }
  }
  for(i=1;i<=FabrikantArray.length-1;i++){
    document.getElementById("cboFabrikant").options[i] = new Option(FabrikantArray[i], FabrikantArray[i]);
  }
}