RavelryFOMini = function() {
            var progressData = null;
            
            // Dollar and Dollar E convenience
            var $ = function(id) { return document.getElementById(id); };
        
            var $E = function(data) {
                var el;
                if ('string' == typeof data)
		{
			el = document.createTextNode(data);
                } else {
                  el = document.createElement(data.tag);
                  delete(data.tag);
                  if ('undefined' != typeof data.children) {
                    for (var i=0, child=null; 'undefined' != typeof (child=data.children[i]); i++) { if (child) { el.appendChild($E(child)); } }
                    delete(data.children);
                  }
                  for (attr in data) { 
                    if (attr == 'style') {
                      for (s in data[attr]) {
                        el.style[s] =  data[attr][s];
                      } 
                    } else if (data[attr]) {
                      el[attr]=data[attr]; 
                    }
                  }
                }
                return el;
            };
            
            return {
              progressReceived: function(data) {
                progressData = data;
              },
        
              /*
                Allowed options are: color, width, height, photos (true/false), 
                projects (list of permalinks for specific projects). For example:
                drawProgressBars({color: 'red', width: 200, height: 20});
              */
              drawProgressBars: function(options) {
                if (!progressData) return;
                
                if (!options) options = {};
                if ('number' == typeof options.height) options.height += 'px';
                if (!options.height) options.height = '1.3em';
                if (!options.width) options.width = 100;
                if (!options.color) options.color = 'lightgreen';
                if (!options.container) options.container = 'rav_progress_bars';
                
                var container = $(options.container);
                if (!container) {
                  // using unicode so that Blogger doesn't get cranky 
                  document.write("\u003cdiv id='" + options.container + "'\u003e\u003c/div\u003e");
                  container = $(options.container);
                }


		/* this bit from Casey here: http://www.frecklegirl.com/blog/ravelry-project-gallery/ */
		/* order projects by completed date, latest first */

  		var projectsByDate = {};
                var projectDates = [];
                for (var i=0; i < progressData.projects.length; i++) {
                  var project = progressData.projects[i];
                  var date = project.completed;
                  if (!date) date = "";

		  // drop projects that were not completed in the specified year
		  if (options.year)
		  {
			if (project.completed && (project.completed.indexOf(options.year) != 0) )
			{
				continue;
			}
		  }


                  if (!projectsByDate[date]) {
                    projectsByDate[date] = new Array();
                    projectDates.push(date);
                  } 
                  projectsByDate[date].push(project);
                }

                projectDates.sort().reverse();
                var selectedProjects = [];
                for (var i=0; i < projectDates.length; i++) {
                  var currentDate = projectsByDate[projectDates[i]];
                  for (var j=0; j < currentDate.length; j++) {
                    selectedProjects.push(currentDate[j]);
                  }
                } 

                /* var selectedProjects = progressData.projects;
                if (options.projects) {
                  var projectsById = new Object();
                  for (var i=0; i < selectedProjects.length; i++) {
                    projectsById[selectedProjects[i].permalink] = selectedProjects[i];
                  }
                  selectedProjects = new Array();
                  for (var i=0; i < options.projects.length; i++) {
                    var project = projectsById[options.projects[i]];
                    if (project) {
                      selectedProjects.push(project);
                    }
                  }
                } */
                
                for (var i=0; i < selectedProjects.length; i++) {
                  var project = selectedProjects[i];

                  var filledStyle = { width: Math.round((project.progress/100) * options.width) + 'px', height: options.height, backgroundColor: options.color};
                  var barStyle = { width: (options.width) + 'px', height: options.height};
                  var className = 'rav_project_fo_mini';
		
		var pattern = null;
                if (project.pattern && project.pattern.designer) {
                       pattern = { tag: 'div', className: 'rav_pattern_details', children: [ 'Pattern: ',
                          { tag: 'a', href: project.pattern.url, children: [project.pattern.name], title: 'Add ' + project.pattern.name + ' to Queue'}, ' by ',
			{ tag: 'a', href: project.pattern.designer.url, children: [project.pattern.designer.name] }
                          ]
                      };
                  }
		else { pattern = { tag: 'div', className: 'rav_pattern_details', children: ['Pattern: by me!']}; }

		var photo = null;
                if (options.photos && project.thumbnail)
		{
                	className += ' rav_project_with_photos';
			if (project.pattern && project.pattern.designer)
			{
                    		photo = { tag: 'a', className: 'rav_photo_link', href: project.url, title: project.name + " (" + project.pattern.name + " by " + project.pattern.designer.name + ")", children: [
                        		{tag: 'img', src: project.thumbnail.src }
                      		]
                    		};
			}
			else
			{
                    		photo = { tag: 'a', className: 'rav_photo_link', href: project.url, title: project.name, children: [
                        		{tag: 'img', src: project.thumbnail.src }
                      		]
                    		};
			}
		}


		container.appendChild($E({
                tag: 'div',
                className: className,
                children: [ photo ]
                }));
                    

                }
              }
            }
          }();