function convertDate(date) {
                    var dateBits = date.split('-');
                    return dateBits ;
                                     }
          function formatDate(myDate) {
		    var dateBits = myDate.split('-');
		    var ret = dateBits[1] + "/" + dateBits[0]
		    return ret;
				}
				
	RavelryRecentFOs = function() {
            var projectData = 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 {
              dataReceived: function(data) {
                projectData = data;
              },
        
              drawRecentFos: function(options) {
                if (!projectData) return;
                
                                 
		if (!options) options = {};
		if (!options.container) options.container = 'rav_recent_fos';
		
		var container = $(options.container);
                if (!container) {
                  document.write("<div id='" + options.container + "'></div>");
                  container = $(options.container);
		}
		
                var projectsByDate = {};
                var projectDates = [];
                for (var i=0; i < projectData.projects.length; i++) {
                  var project = projectData.projects[i];
                  var date = project.completed;
                  if (!date) date = "2006-01-01";
                  if (!projectsByDate[date]) {
                    projectsByDate[date] = new Array();
                    projectDates.push(date);
                  } 
                  projectsByDate[date].push(project);
                }

                projectDates.sort().reverse();
                var sortedProjects = [];
                for (var i=0; i < projectDates.length; i++) {
                  var currentDate = projectsByDate[projectDates[i]];
                  for (var j=0; j < currentDate.length; j++) {
                    sortedProjects.push(currentDate[j]);
                  }
                }
               /* number 6 below is how many recent fos will be shown
	       */
                for (var i=0; i < 6; i++) {
                  var project = sortedProjects[i];
		  var className = 'rav_project';
                  if (project.thumbnail) {
			  className = 'rav_project_with_photos';
			  var title = { tag: 'a', target: '_blank', title: 'Requires Ravelry login', className: 'rav_title', href: project.url, children: [project.name] };
                    var photo = { tag: 'a', className: 'rav_photo_link', href: project.url, children: [
                        {tag: 'img', src: project.thumbnail.src.replace("s.jpg", "t.jpg") }]
                    };
		  }
		   		  
                var pattern = null;
                if (project.pattern) {
			pattern = { tag: 'div', className: 'rav_pattern', target: '_blank', children: [ 'Pattern: ',
				{ tag: 'a', target: '_blank', href: project.pattern.url, title: 'Requires Ravelry login', children: [project.pattern.name] }
                          ]
                      };
                  }
                 var designer= null;
		    if (options.designer != false && project.pattern) {                   
			    designer = { tag: 'a', target: '_blank', className: 'rav_designer', href: project.pattern.designer.url, title: 'Requires Ravelry login', children: [' by ' + project.pattern.designer.name] };
					    }
		if (designer == null) {
   // do the same stuff that you do for a designer except put your username and	   / Raverlry profile URL in there instead of the stuff from project.pattern :)
   designer = { tag: 'div', target: '_blank', className: 'rav_pattern', children: ['Pattern: ',
   {tag: 'a', target: '_blank', href: "http://www.ravelry.com/people/randomthreads", title: 'Requires Ravelry login', children: [' by me']
   }]};
		}
		
		var finished = null;
		//convert date to dd/mm/yy.
		var formattedFinishDate = formatDate(project.completed);
		finished = { tag: 'div', className: 'rav_started', children: [ 'Finished:  ' +formattedFinishDate] };
		
		var yarns = null;
		   if (options.yarns != false) {
		var yarnsOutput = 'Yarn';
			if (project.yarns.length > 1) yarnsOutput += 's';
			yarnsOutput += ': ';
			for (var j=0; j < project.yarns.length; j++) {
			  if (j > 0) {
			  yarnsOutput += ",";
				}
			yarnsOutput += project.yarns[j].brand + ' - ' + project.yarns[j].name;
		
				}   
		yarns = { tag: 'div', className: 'rav_yarn', children: [yarnsOutput] };
		   }			    	
				
                 var yarn = null;
		    if (project.yarns[0]) {
	       yarn = { tag: 'div', className: 'rav_yarn', children: [ 'Yarn: ',		  
		       { tag: 'a', target: '_blank', title: 'Requires Ravelry login', href: project.yarns[0].url, children: [project.yarns[0].brand, ' ', project.yarns[0].name] }
						  ]
					      };
					  }
                  
				
		   var comments = null;
		if (project.comments > 0)
		{
		comments = { tag: 'a', target: '_Blank', title: 'Requires Ravelry login', className: 'rav_fc', href: [ project.url + '/comments' ], children: [ { tag: 'img', src: 'images/silk-comment.png', 
		}, ' '+project.comments ] };
			}  
			
                  var favs = null;
                  if (project.favorited > 0)
                  {
                   favs = { tag: 'div', className: 'rav_favs', children: [
		 { tag: 'a', target: '_blank', href: project.url + '/comments', title: "Favorited in Ravelry", children: [
		 { tag: 'img', src: '/images/silk-heart.png' }] 
		  }, ' ' + project.favorited]
		  };
                  }

                    container.appendChild($E({
                      tag: 'div',
                      className: 'rav_project', 
                      children: [ title, photo,  {tag: 'div', className: 'details', children: [ pattern, designer, yarns, finished, favs, comments]} ]
		    }));

                  }
                }
              }
             }();