mods/photo_album/handler/fat.js

   1 // @name      The Fade Anything Technique\r
   2 // @namespace http://www.axentric.com/aside/fat/\r
   3 // @version   1.0-RC1\r
   4 // @author    Adam Michela\r
   5 \r
   6 var Fat = {\r
   7         make_hex : function (r,g,b) \r
   8         {\r
   9                 r = r.toString(16); if (r.length == 1) r = '0' + r;\r
  10                 g = g.toString(16); if (g.length == 1) g = '0' + g;\r
  11                 b = b.toString(16); if (b.length == 1) b = '0' + b;\r
  12                 return "#" + r + g + b;\r
  13         },\r
  14         fade_all : function ()\r
  15         {\r
  16                 var a = document.getElementsByTagName("*");\r
  17                 for (var i = 0; i < a.length; i++) \r
  18                 {\r
  19                         var o = a[i];\r
  20                         var r = /fade-?(\w{3,6})?/.exec(o.className);\r
  21                         if (r)\r
  22                         {\r
  23                                 if (!r[1]) r[1] = "";\r
  24                                 if (o.id) Fat.fade_element(o.id,null,null,"#"+r[1]);\r
  25                         }\r
  26                 }\r
  27         },\r
  28         fade_element : function (id, fps, duration, from, to) \r
  29         {\r
  30                 if (!fps) fps = 30;\r
  31                 if (!duration) duration = 3000;\r
  32                 if (!from || from=="#") from = "#FFFF33";\r
  33                 if (!to) to = this.get_bgcolor(id);\r
  34                 \r
  35                 var frames = Math.round(fps * (duration / 1000));\r
  36                 var interval = duration / frames;\r
  37                 var delay = interval;\r
  38                 var frame = 0;\r
  39                 \r
  40                 if (from.length < 7) from += from.substr(1,3);\r
  41                 if (to.length < 7) to += to.substr(1,3);\r
  42                 \r
  43                 var rf = parseInt(from.substr(1,2),16);\r
  44                 var gf = parseInt(from.substr(3,2),16);\r
  45                 var bf = parseInt(from.substr(5,2),16);\r
  46                 var rt = parseInt(to.substr(1,2),16);\r
  47                 var gt = parseInt(to.substr(3,2),16);\r
  48                 var bt = parseInt(to.substr(5,2),16);\r
  49                 \r
  50                 var r,g,b,h;\r
  51                 while (frame < frames)\r
  52                 {\r
  53                         r = Math.floor(rf * ((frames-frame)/frames) + rt * (frame/frames));\r
  54                         g = Math.floor(gf * ((frames-frame)/frames) + gt * (frame/frames));\r
  55                         b = Math.floor(bf * ((frames-frame)/frames) + bt * (frame/frames));\r
  56                         h = this.make_hex(r,g,b);\r
  57                 \r
  58                         setTimeout("Fat.set_bgcolor('"+id+"','"+h+"')", delay);\r
  59 \r
  60                         frame++;\r
  61                         delay = interval * frame; \r
  62                 }\r
  63                 setTimeout("Fat.set_bgcolor('"+id+"','"+to+"')", delay);\r
  64         },\r
  65         set_bgcolor : function (id, c)\r
  66         {\r
  67                 var o = document.getElementById(id);\r
  68                 o.style.backgroundColor = c;\r
  69         },\r
  70         get_bgcolor : function (id)\r
  71         {\r
  72                 var o = document.getElementById(id);\r
  73                 while(o)\r
  74                 {\r
  75                         var c;\r
  76                         if (window.getComputedStyle) c = window.getComputedStyle(o,null).getPropertyValue("background-color");\r
  77                         if (o.currentStyle) c = o.currentStyle.backgroundColor;\r
  78                         if ((c != "" && c != "transparent") || o.tagName == "BODY") { break; }\r
  79                         o = o.parentNode;\r
  80                 }\r
  81                 if (c == undefined || c == "" || c == "transparent") c = "#FFFFFF";\r
  82                 var rgb = c.match(/rgb\s*\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/);\r
  83                 if (rgb) c = this.make_hex(parseInt(rgb[1]),parseInt(rgb[2]),parseInt(rgb[3]));\r
  84                 return c;\r
  85         }\r
  86 }\r
  87 \r
  88 window.onload = function () \r
  89         {\r
  90         Fat.fade_all();\r
  91         }