var minRow=4;
  var minContheight=250;
  var huidRow=1;
  var tblInt;
  var klasse;
  var soort;
  var aMerk = new Array();
  var aOmschr = new Array();
  var aVan = new Array();
  var aVoor = new Array();
  var aId = new Array();
  
  if (document.images) {
    imgvorigea = new Image;
    imgvorigeb = new Image;
    imgvorigec = new Image;
    imgvoriged = new Image;
    imgvorigea.src = '../business/img/vorige.jpg';
    imgvorigeb.src = '../business/img/vorige_f2.jpg';
    imgvorigec.src = '../business/img/vorige_f4.jpg'; 
    imgvoriged.src = '../business/img/vorige_f3.jpg';

    imgvolgendea = new Image; 
    imgvolgendeb = new Image;
    imgvolgendec = new Image;
    imgvolgended = new Image;
    imgvolgendea.src = '../business/img/volgende.jpg';
    imgvolgendeb.src = '../business/img/volgende_f2.jpg';
    imgvolgendec.src = '../business/img/volgende_f4.jpg'; 
    imgvolgended.src = '../business/img/volgende_f3.jpg'; 
    
    imgteruga = new Image;
    imgterugb = new Image;
    imgterugc = new Image;
    imgteruga.scr = '../business/img/terug.jpg';
    imgterugb.scr = '../business/img/terug_f2.jpg';
    imgterugc.scr = '../business/img/terug_f3.jpg';
     
  } else {
    imgvorigea = '';
    imgvorigeb = '';
    imgvorigec = '';
    imgvoriged = '';  
    
    imgvolgendea = '';
    imgvolgendeb = '';
    imgvolgendec = '';
    imgvolgended = '';
    
    imgteruga = '';
    imgterugb = '';
    imgterugc = '';
  }
  
  function overzichtArt(){
          
    var mytable = document.createElement("TABLE");
    mytable.className="artgroep";
    var mytablebody = document.createElement("TBODY");
    
    var mycurrent_row=document.createElement("TR");
     
    var mycurrent_cell=document.createElement("Th");
    var currenttext=document.createTextNode("Merk");
    mycurrent_cell.appendChild(currenttext);
    mycurrent_cell.className="txt";
    mycurrent_row.appendChild(mycurrent_cell); 
    
    mycurrent_cell=document.createElement("Th");
    currenttext=document.createTextNode("Type");
    mycurrent_cell.appendChild(currenttext);
    mycurrent_cell.className="txt";
    mycurrent_row.appendChild(mycurrent_cell);
    mycurrent_cell=document.createElement("Th");
    if (aVoor.length!=0){
      currenttext=document.createTextNode("Van");
    }else{
      currenttext=document.createTextNode("Prijs");
    }  
    mycurrent_cell.appendChild(currenttext);
    mycurrent_cell.className="curr";
    mycurrent_row.appendChild(mycurrent_cell);
    
    if (aVoor.length!=0){
      mycurrent_cell=document.createElement("Th");
      currenttext=document.createTextNode("Voor");
      mycurrent_cell.appendChild(currenttext);
      mycurrent_cell.className="curr";
      mycurrent_row.appendChild(mycurrent_cell);
    }        
    mytablebody.appendChild(mycurrent_row);
    
    for (var i=0;i<aMerk.length;i++){
      mycurrent_row=document.createElement("TR");
      mycurrent_row.id=aId[i];
      if (i%2){
        mycurrent_row.className="odd";
      }else{
        mycurrent_row.className="even";
      }
    
      mycurrent_cell=document.createElement("TD");
      currenttext=document.createTextNode(aMerk[i]);
      mycurrent_cell.appendChild(currenttext);
      mycurrent_cell.className="txt eerste";
      mycurrent_row.appendChild(mycurrent_cell); 
      
      mycurrent_cell=document.createElement("TD");
      currenttext=document.createTextNode(aOmschr[i]);
      mycurrent_cell.appendChild(currenttext);
      mycurrent_cell.className="txt";
      mycurrent_row.appendChild(mycurrent_cell); 
      
      mycurrent_cell=document.createElement("TD");
      currenttext=document.createTextNode(aVan[i]);
      mycurrent_cell.appendChild(currenttext);
      mycurrent_cell.className="curr";
      mycurrent_row.appendChild(mycurrent_cell); 
           
      if (aVoor.length!=0){
        mycurrent_cell=document.createElement("TD");
        currenttext=document.createTextNode(aVoor[i]);
        mycurrent_cell.appendChild(currenttext);
        mycurrent_cell.className="curr";
        mycurrent_row.appendChild(mycurrent_cell); 
      }
      mytablebody.appendChild(mycurrent_row); 
    }   
    mytable.appendChild(mytablebody);
    
    return mytable;  
  }
  
  function getInttable(){
    return overzichtArt(); 
  }
    
  function maakArtCont(klasse,soort) {
    var mytable = document.createElement("TABLE");
    mytable.className="detcont";
    var mytablebody = document.createElement("TBODY");
    
    var mycurrent_row=document.createElement("TR");
     
    var mycurrent_cell=document.createElement("Th");
    var currenttext=document.createTextNode(klasse);
    mycurrent_cell.appendChild(currenttext);
    mycurrent_row.appendChild(mycurrent_cell); 
    mytablebody.appendChild(mycurrent_row);
    
    mycurrent_row=document.createElement("TR");
    
    mycurrent_cell=document.createElement("TD");
    currenttext=document.createTextNode(soort);
    mycurrent_cell.appendChild(currenttext);
    mycurrent_row.appendChild(mycurrent_cell); 
    mytablebody.appendChild(mycurrent_row);
        
    mycurrent_row=document.createElement("TR");
    
    mycurrent_cell=document.createElement("TD");
    
    mycurrent_cell.appendChild(getArtrows());
    
    mycurrent_row.appendChild(mycurrent_cell); 
    mytablebody.appendChild(mycurrent_row);
      
    mytable.appendChild(mytablebody);
    document.getElementById('contmid').appendChild(mytable);
    
  }

  function makeBackNext(){
    var vTbl = document.createElement("TABLE");
    vTbl.className="nextbacktbl";
    var vBody = document.createElement("TBODY");
    
    var row=document.createElement("TR");
    var cell=document.createElement("TD");
    var image=document.createElement("IMG");
    image.id="imgvorige";
   
    cell.appendChild(image);
    row.appendChild(cell); 
    
    cell=document.createElement("TD");
    image=document.createElement("IMG");
    image.id="imgvolgende";
    
    cell.appendChild(image);
    row.appendChild(cell); 
    
    vBody.appendChild(row);
    vTbl.appendChild(vBody);
    document.getElementById('contbot').appendChild(vTbl);
    
    setBackNext();
  }  
  
  function makeTerug(){
    var vTbl = document.createElement("TABLE");
    vTbl.className="nextbacktbl";
    var vBody = document.createElement("TBODY");
    
    var row=document.createElement("TR");
    var cell=document.createElement("TD");
    var image=document.createElement("IMG");
    image.id="imgterug";
   
    cell.appendChild(image);
    row.appendChild(cell); 
        
    vBody.appendChild(row);
    vTbl.appendChild(vBody);
    document.getElementById('contbot').appendChild(vTbl);
    
    setTerug();
  }  
  
  function getCapaciteit(){
    var vrijeHoogte = document.getElementById('content').offsetHeight-250;
    var capaciteit = ((vrijeHoogte-(vrijeHoogte%21))/ 21) + minRow;
    return capaciteit;
  }
  
  function getArtrows(){
    var retTable = tblInt.cloneNode(true);
    var body = retTable.tBodies[0];
    var aantRows = body.rows.length;
    var cap = getCapaciteit();
    var begin = huidRow;
    var einde;
        
    eind = begin + cap-1;
          
    if (eind>aantRows){eind=aantRows-1;}
    for (var i=aantRows-1;i>0;i--){
      if ((i<begin)||(i>eind)){
        body.deleteRow(i);
      }else{
        body.rows[i].onmouseover= function(){this.className+=" over";if(document.all){this.style.cursor='hand'} else {this.style.cursor='pointer';}}
        body.rows[i].onmouseout=function(){this.className=this.className.replace(new RegExp(" over","g"), "");this.style.cursor='default';}
        body.rows[i].onclick=function(){document.location.href="det.php?art="+this.id;} 
      }
    }  
    return retTable;  
  }
  
  function volgende(sender){
 
    huidRow+=getCapaciteit();
    replaceTbl(); 
    sender.onmouseover();
  }
  
  function vorige(sender){
    huidRow-=getCapaciteit();
    if (huidRow<1){huidRow=1;}
    replaceTbl();
    sender.onmouseover();
  }
  
  function setBackNext(){
    var vor = true;
    var vol =true;
    
    if (huidRow==1){vor=false;}
    if ((huidRow+getCapaciteit()-1)>aMerk.length-1){vol=false;}
    
    setBackNextEvents(vor,vol);
  }
  
  function setBackNextEvents(vor,vol){
    var vorBut = document.getElementById('imgvorige');
    var volBut = document.getElementById('imgvolgende');
    
    if (vor){
      vorBut.src=imgvorigea.src;
      vorBut.onmouseover=function(){this.src=imgvorigeb.src;if(document.all){this.style.cursor='hand'} else {this.style.cursor='pointer';return true;}}
      vorBut.onmouseout=function(){this.src=imgvorigea.src;this.style.cursor='default';return true;}
      vorBut.onmousedown=function(){this.src=imgvoriged.src;if(document.all){this.style.cursor='hand'} else {this.style.cursor='pointer';return true;}}
      vorBut.onclick=function(){vorige(this);return true;}
    }else{
      vorBut.src=imgvorigec.src;
      vorBut.onmouseover=function(){this.style.cursor='default'};
      vorBut.onmouseout=null;
      vorBut.onmousedown=function(){this.style.cursor='default'};
      vorBut.onclick=null;
    }
    
    if (vol){
      volBut.src=imgvolgendea.src;
      volBut.onmouseover=function(){this.src=imgvolgendeb.src;if(document.all){this.style.cursor='hand'} else {this.style.cursor='pointer'};return true;}
      volBut.onmouseout=function(){this.src=imgvolgendea.src;this.style.cursor='default';return true;}
      volBut.onmousedown=function(){this.src=imgvolgended.src;if(document.all){this.style.cursor='hand'} else {this.style.cursor='pointer';return true;}}
      volBut.onclick=function(){volgende(this);return true;}
    }else{
      volBut.src=imgvolgendec.src;
      volBut.onmouseover=function(){this.style.cursor='default'};
      volBut.onmouseout=null;
      volBut.onmousedown=function(){this.style.cursor='default'};
      volBut.onclick=null;
    }
  
  }
  
  function setTerug(){
  
    var terugBut = document.getElementById('imgterug');
    
    terugBut.src=imgteruga.scr;
    terugBut.onmouseover=function(){this.src=imgterugb.scr;if(document.all){this.style.cursor='hand'} else {this.style.cursor='pointer';return true;}}
    terugBut.onmouseout=function(){this.src=imgteruga.scr;this.style.cursor='default';return true;}
    terugBut.onmousedown=function(){this.src=imgterugc.scr;if(document.all){this.style.cursor='hand'} else {this.style.cursor='pointer';return true;}}
    terugBut.onclick=function(){history.back();return true;} 
  }
  
  function getBody(){
    var aTables=document.getElementById('contmid').getElementsByTagName('TABLE');
    var vBody=aTables[1].tBodies[0];
    return vBody;
  }
  
  function setContHeight(){
    var hoogte = schermHoogte()-170;
    if (hoogte%2){hoogte--;}
    if (hoogte<250){hoogte=250;}
    document.getElementById('content').style.height=hoogte+"px";
  }
  
  function replaceTbl(){
    var aTables=document.getElementById('contmid').getElementsByTagName('TABLE');
    var oldTable = aTables[1];
    var nwTable = getArtrows();
    
    oldTable.parentNode.replaceChild(nwTable,oldTable);
    
    setBackNext();
  }
        
  function initArtOverzicht(){
    setContHeight();
    tblInt = getInttable();
    maakArtCont(klasse,soort);
    makeBackNext();
    EventUtil.addEventHandler(this,'resize',herlaadArtOverzicht);
    
  }
  
  function herlaadArtOverzicht(){
    setContHeight();
    replaceTbl();
  }
  
  function getDetHoogte(){
    var vrijeHoogte = document.getElementById('contmid').offsetHeight;
    return vrijeHoogte;
  }
  
  function setContToDetHeight(){
    var hoogte=getDetHoogte()+46;
    if (hoogte%2){hoogte--;}
    document.getElementById('content').style.height=hoogte+"px";
    
  }
  
  function setContToHomeHeight(){
    var hoogte=getDetHoogte()+22;
    if (hoogte%2){hoogte--;}
    document.getElementById('content').style.height=hoogte+"px";
  }
  
  function initDetail(){
    var mid = document.getElementById('contmid');
    document.getElementById('content').style.display='block';
    mid.style.display='block'; 
    setContToDetHeight();
    makeTerug();
  }

  function removeElement(el){
    var remElement = document.getElementById(el);
    remElement.Paren.removeChild(remElement);
  }

  function stopBubble(e) {
    // If an event object is provided, then this is a non-IE browser
    if ( e )
        // and therefore it supports the W3C stopPropagation() method
        e.stopPropagation();
    else
        // Otherwise, we need to use the Internet Explorer way of cancelling event bubbling
        window.event.cancelBubble = true;
  }