jquery loop

jquery loop

I want to loop here i have 60 div with ID s  # draggable1,   draggable2,  draggable3 :


 if ($('#justgarph > p:contains("draggable1")').length > 0) {
$("#draggable1").addClass('current') 
$(".product:not(.current)").animate({
            "top": "0",
            "left": "0"
         }, 500).delay(100);
 
         $("#draggable1").animate({
            "top": "-300px",
            "left": "200px"
         }, 500);
 
  setTimeout(function()
{
      $("#draggable1").animate({
            "top": "-106px",
            "left": "470px"
            }, 1000);
$("#draggable1").addClass("activeproduct")
}, 800);  
      }


      if ($('#justgarph > p:contains("draggable2")').length > 0) {
 $("#draggable2").addClass('current') 
  $(".product:not(.current)").animate({
            "top": "0",
            "left": "0"
         }, 500).delay(100);
         $("#draggable2").animate({
            "top": "-300px",
            "left": "100px"
         }, 500);
 
 setTimeout(function()
{
      $("#draggable2").animate({
            "top": "-106px",
            "left": "320px"
            }, 1000);
$("#draggable2").addClass("activeproduct")
 
}, 800);
   
        
      }

      if ($('#justgarph > p:contains("draggable3")').length > 0) {
 $("#draggable3").addClass('current');
  $(".product:not(.current)").animate({
            "top": "0",
            "left": "0"
         }, 500).delay(100);
         $("#draggable3").animate({
            "top": "-300px",
            "left": "-70px"
         }, 500);
 setTimeout(function()
{
      $("#draggable3").animate({
            "top": "-106px",
            "left": "160px"
            }, 1000);
$("#draggable3").addClass("activeproduct")
}, 800);
  
        

      }


      if ($('#justgarph > p:contains("draggable4")').length > 0) {
   $("#draggable4").addClass('current');
  $(".product:not(.current)").animate({
            "top": "0",
            "left": "0"
         }, 500).delay(100);
         $("#draggable4").animate({
            "top": "-300px",
            "left": "80px"
         }, 500);
 setTimeout(function()
{
      $("#draggable4").animate({
            "top": "-106px",
            "left": "414px"
            }, 1000);
$("#draggable4").addClass("activeproduct")
}, 800);
        
        
      }
 
 
 if ($('#justgarph > p:contains("draggable5")').length > 0) {
   $("#draggable5").addClass('current');
  $(".product:not(.current)").animate({
            "top": "0",
            "left": "0"
         }, 500).delay(100);
         $("#draggable5").animate({
            "top": "-300px",
            "left": "-30px"
         }, 500);
 setTimeout(function()
{
      $("#draggable5").animate({
            "top": "-106px",
            "left": "200px"
            }, 1000);
$("#draggable5").addClass("activeproduct")
}, 800);
     
        
      }
 
 if ($('#justgarph > p:contains("draggable6")').length > 0) {
   $("#draggable6").addClass('current');
  $(".product:not(.current)").animate({
            "top": "0",
            "left": "0"
         }, 500).delay(100);
         $("#draggable6").animate({
            "top": "-300px",
            "left": "-30px"
         }, 500);
 setTimeout(function()
{
      $("#draggable6").animate({
            "top": "-106px",
            "left": "200px"
            }, 1000);
$("#draggable5").addClass("activeproduct")
}, 800);
     
        
      }