public/javascripts/recommender_details.js

   1 function setRecommendPager(prefix) {\r
   2   var recos = [];\r
   3   var position = 0;\r
   4   var perPage = 0;\r
   5   var backButton = $(prefix+'-back');\r
   6   var nextButton = $(prefix+'-next');\r
   7   for (var i = 0;; ++i) {\r
   8     var e = $(prefix+i);\r
   9     if (!e) break;\r
  10     if (e.style.display != 'none') ++perPage;\r
  11     recos.push(e);\r
  12   }\r
  13   if (!recos.length) return;\r
  14   backButton.style.visibility = 'hidden';\r
  15   if (recos.length > perPage) {\r
  16     nextButton.style.visibility = 'visible';\r
  17   }\r
  18   else {\r
  19     nextButton.style.visibility = 'hidden';\r
  20   }\r
  21   function show() {\r
  22     if (recos[position-1]) {\r
  23       recos[position-1].style.display = 'none';\r
  24       backButton.style.visibility = 'visible';\r
  25     }\r
  26     else {\r
  27       backButton.style.visibility = 'hidden';\r
  28     }\r
  29     var i;\r
  30     for (i = 0; i < perPage; ++i) {\r
  31       try {\r
  32         recos[position+i].style.display = 'table-cell';\r
  33       }\r
  34       catch(e) {\r
  35         recos[position+i].style.display = 'block';\r
  36       }\r
  37     }\r
  38     if (recos[position+i]) {\r
  39       recos[position+i].style.display = 'none';\r
  40       nextButton.style.visibility = 'visible';\r
  41     }\r
  42     else {\r
  43       nextButton.style.visibility = 'hidden';\r
  44     }\r
  45   }\r
  46   Event.observe(nextButton, 'click', function() {\r
  47     if (position + perPage >= recos.length) return;\r
  48     position += 1;\r
  49     show();\r
  50   });\r
  51   Event.observe(backButton, 'click', function() {\r
  52     if (position <= 0) return;\r
  53     position -= 1;\r
  54     show();\r
  55   });\r
  56 }\r
  57 \r
  58 Event.observe(window, 'load', function() {\r
  59   setRecommendPager('reco-buy');\r
  60   setRecommendPager('reco-view');\r
  61   setRecommendPager('reco-you');\r
  62 });\r
  63 \r
  64 function resizeImage(element, size){\r
  65   var image = new Image();\r
  66   image.src = $(element).src;\r
  67   var x = image.width\r
  68     var y = image.height;\r
  69   if(x > y){\r
  70     var mx = size;\r
  71     var my = y / (x / mx);\r
  72   }else{\r
  73     var my = size;\r
  74     var mx = x / (y / my);\r
  75   }\r
  76 \r
  77   $(element).width = mx;\r
  78   $(element).height = my;\r
  79 }\r
  80 \r
  81 Event.observe(window, 'load', function(){\r
  82   var images = $A(document.getElementsByClassName('itemImage'));\r
  83   images.each(function(image){\r
  84     resizeImage(image, 120);\r
  85   });\r
  86 }, false);\r