function clickright(id){  

  var l = parseInt(document.getElementById("warp_"+id).getElementsByTagName("input")[0].value); 
  var c = parseInt(document.getElementById("warp_"+id).getElementsByTagName("input")[1].value);

  if(c >= l){
    c = 0; 
    document.getElementById("init_"+id).getElementsByTagName("div")[0].innerHTML = "";
  }

  for( i = c; i < (c + 4); i++){
    if(i >= l){
      if((l % 4) == 1){
        <!-- promo_2 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[4].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[5].innerHTML = "";
        <!-- promo_3 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[7].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[8].innerHTML = "";
        <!-- promo_4 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[10].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[11].innerHTML = "";
      }
      if((l % 4) == 2){
        <!-- promo_3 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[7].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[8].innerHTML = "";
        <!-- promo_4 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[10].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[11].innerHTML = "";
      }
      if((l % 4) == 3){
        <!-- promo_4 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[10].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[11].innerHTML = "";
      }
      continue;
    }
      var inp = document.getElementById("databox_"+id).getElementsByTagName("div")[i].getElementsByTagName("input");
      var inpimg = "<a rel='"+inp[0].value+"' href='index.php?cat="+inp[1].value+"'><img alt='"+inp[2].value+"' title='"+inp[2].value+"' src='"+inp[0].value+"' width='100' height='100'/></a>";
      var inpprice = inp[3].value+" *";
      if((i % 4) == 0){
        <!-- promo_1 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[1].innerHTML = inpimg;
        document.getElementById("warp_"+id).getElementsByTagName("div")[2].innerHTML = inpprice;
      }
      if((i % 4) == 1){
        <!-- promo_2 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[4].innerHTML = inpimg;
        document.getElementById("warp_"+id).getElementsByTagName("div")[5].innerHTML = inpprice;
      }
      if((i % 4) == 2){
        <!-- promo_3 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[7].innerHTML = inpimg;
        document.getElementById("warp_"+id).getElementsByTagName("div")[8].innerHTML = inpprice;
      }
      if((i % 4) == 3){
        <!-- promo_4 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[10].innerHTML = inpimg;
        document.getElementById("warp_"+id).getElementsByTagName("div")[11].innerHTML = inpprice;
      }        
  }
  document.getElementById("warp_"+id).getElementsByTagName("input")[1].value = i;
  document.getElementById("warp_"+id).getElementsByTagName("input")[2].value = i/4;  
  var p = parseInt(document.getElementById("warp_"+id).getElementsByTagName("input")[2].value); 
  
  var pagetxt = document.getElementById("warpheader_"+id).getElementsByTagName("div")[0].innerHTML;
  var pageoftxt =document.getElementById("warpheader_"+id).getElementsByTagName("div")[1].innerHTML;
  var reset = document.getElementById("warpheader_"+id).getElementsByTagName("div")[2].innerHTML;
  var maxpage = parseInt(document.getElementById("warp_"+id).getElementsByTagName("input")[3].value);
  var txt = pagetxt + p + pageoftxt + maxpage;  
  document.getElementById("init_"+id).getElementsByTagName("div")[1].innerHTML = txt;
  if(p > 1){
    var reset = document.getElementById("warpheader_"+id).getElementsByTagName("div")[2].innerHTML;
    document.getElementById("init_"+id).getElementsByTagName("div")[0].innerHTML = reset;
  }
}


function clickleft(id){

  var l = parseInt(document.getElementById("warp_"+id).getElementsByTagName("input")[0].value); 
  var c = parseInt(document.getElementById("warp_"+id).getElementsByTagName("input")[1].value);

  if(c==4){
    if((l%4)>0){c=4-(l%4)+l;}
    else{c=l;}
  }else{c=c-4;}
  
  for(i=(c-4); i<c; i++){
    if(i >= l){
      if((l % 4) == 1){
        <!-- promo_2 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[4].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[5].innerHTML = "";
        <!-- promo_3 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[7].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[8].innerHTML = "";
        <!-- promo_4 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[10].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[11].innerHTML = "";
      }
      if((l % 4) == 2){
        <!-- promo_3 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[7].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[8].innerHTML = "";
        <!-- promo_4 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[10].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[11].innerHTML = "";
      }
      if((l % 4) == 3){
        <!-- promo_4 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[10].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[11].innerHTML = "";
      }
      continue;
    }
      var inp = document.getElementById("databox_"+id).getElementsByTagName("div")[i].getElementsByTagName("input");
      var inpimg = "<a rel='"+inp[0].value+"' href='index.php?cat="+inp[1].value+"'><img alt='"+inp[2].value+"' title='"+inp[2].value+"' src='"+inp[0].value+"' width='100' height='100'/></a>";
      var inpprice = inp[3].value+" *";
      if((i % 4) == 0){
        <!-- promo_1 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[1].innerHTML = inpimg;
        document.getElementById("warp_"+id).getElementsByTagName("div")[2].innerHTML = inpprice;
      }
      if((i % 4) == 1){
        <!-- promo_2 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[4].innerHTML = inpimg;
        document.getElementById("warp_"+id).getElementsByTagName("div")[5].innerHTML = inpprice;
      }
      if((i % 4) == 2){
        <!-- promo_3 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[7].innerHTML = inpimg;
        document.getElementById("warp_"+id).getElementsByTagName("div")[8].innerHTML = inpprice;
      }
      if((i % 4) == 3){
        <!-- promo_4 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[10].innerHTML = inpimg;
        document.getElementById("warp_"+id).getElementsByTagName("div")[11].innerHTML = inpprice;
      }        
  }
  document.getElementById("warp_"+id).getElementsByTagName("input")[1].value = i;
  document.getElementById("warp_"+id).getElementsByTagName("input")[2].value = i/4;
  var p = parseInt(document.getElementById("warp_"+id).getElementsByTagName("input")[2].value); 
  
  var pagetxt = document.getElementById("warpheader_"+id).getElementsByTagName("div")[0].innerHTML;
  var pageoftxt =document.getElementById("warpheader_"+id).getElementsByTagName("div")[1].innerHTML;
  var reset = document.getElementById("warpheader_"+id).getElementsByTagName("div")[2].innerHTML;
  var maxpage = parseInt(document.getElementById("warp_"+id).getElementsByTagName("input")[3].value);
  var txt = pagetxt + p + pageoftxt + maxpage;  
  document.getElementById("init_"+id).getElementsByTagName("div")[1].innerHTML = txt;
  if(p > 1){
    var reset = document.getElementById("warpheader_"+id).getElementsByTagName("div")[2].innerHTML;
    document.getElementById("init_"+id).getElementsByTagName("div")[0].innerHTML = reset;
  } 
  if(i==4){
    document.getElementById("init_"+id).getElementsByTagName("div")[0].innerHTML = "";
  }
}

function init(id){
  var l = document.getElementById("databox_"+id).getElementsByTagName("div").length;
  var c = 4;

  document.getElementById("warp_"+id).getElementsByTagName("input")[0].value = l;
  document.getElementById("warp_"+id).getElementsByTagName("input")[1].value = c;
  document.getElementById("warp_"+id).getElementsByTagName("input")[2].value = 1;

  if((l%4) > 0){
    var rest = 4-(l%4);
    mp = (rest+l)/4;
  }else{mp = l/4;}
  document.getElementById("warp_"+id).getElementsByTagName("input")[3].value = mp;  
  var pagetxt = document.getElementById("warpheader_"+id).getElementsByTagName("div")[0].innerHTML;
  var pageoftxt =document.getElementById("warpheader_"+id).getElementsByTagName("div")[1].innerHTML;
  var p = parseInt(document.getElementById("warp_"+id).getElementsByTagName("input")[2].value);
  var maxpage = parseInt(document.getElementById("warp_"+id).getElementsByTagName("input")[3].value);
  var txt = pagetxt + p + pageoftxt + maxpage; 
  document.getElementById("init_"+id).getElementsByTagName("div")[1].innerHTML = txt;
  document.getElementById("init_"+id).getElementsByTagName("div")[0].innerHTML = "";

  for(i=0; i < c; i++){
    if(i >= l){
      if((l % 4) == 1){
        <!-- promo_2 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[4].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[5].innerHTML = "";
        <!-- promo_3 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[7].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[8].innerHTML = "";
        <!-- promo_4 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[10].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[11].innerHTML = "";
      }
      if((l % 4) == 2){
        <!-- promo_3 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[7].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[8].innerHTML = "";
        <!-- promo_4 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[10].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[11].innerHTML = "";
      }
      if((l % 4) == 3){
        <!-- promo_4 -->
        document.getElementById("warp_"+id).getElementsByTagName("div")[10].innerHTML = "";
        document.getElementById("warp_"+id).getElementsByTagName("div")[11].innerHTML = "";
      }
      continue;
    }
    var inp = document.getElementById("databox_"+id).getElementsByTagName("div")[i].getElementsByTagName("input");
    var inpimg = "<a rel='"+inp[0].value+"' href='index.php?cat="+inp[1].value+"'><img alt='"+inp[2].value+"' title='"+inp[2].value+"' src='"+inp[0].value+"' width='100' height='100'/></a>";
    var inpprice = inp[3].value+" *";
    if(i == 0){
      <!-- promo_1 -->
      document.getElementById("warp_"+id).getElementsByTagName("div")[1].innerHTML = inpimg;
      document.getElementById("warp_"+id).getElementsByTagName("div")[2].innerHTML = inpprice;
    }
    if(i == 1){
      <!-- promo_2 -->
      document.getElementById("warp_"+id).getElementsByTagName("div")[4].innerHTML = inpimg;
      document.getElementById("warp_"+id).getElementsByTagName("div")[5].innerHTML = inpprice;
    }
    if(i == 2){
      <!-- promo_3 -->
      document.getElementById("warp_"+id).getElementsByTagName("div")[7].innerHTML = inpimg;
      document.getElementById("warp_"+id).getElementsByTagName("div")[8].innerHTML = inpprice;
    }
    if(i == 3){
      <!-- promo_4 -->
      document.getElementById("warp_"+id).getElementsByTagName("div")[10].innerHTML = inpimg;
      document.getElementById("warp_"+id).getElementsByTagName("div")[11].innerHTML = inpprice;
    }  
  }
}

init(1);
init(2);
init(3);
init(4);
init(5);
init(6);