var disqus_shortname = 'dresstoimpress'; (function () { // don't need to export anything in here var preview_el = $('#pet-preview'), img_el = preview_el.find('img'), response_el = preview_el.find('span'), name_el = $('#main-pet-name'); preview_el.click(function () { name_el.val(Preview.Job.current.name).closest('form').submit(); }); var Preview = { clear: function () { if(typeof Preview.Job.fallback != 'undefined') Preview.Job.fallback.setAsCurrent(); }, displayLoading: function () { preview_el.addClass('loading'); response_el.text('Loading...'); }, notFound: function (str) { preview_el.addClass('hidden'); response_el.text(str); }, updateWithName: function () { var name = name_el.val(), job; if(name) { currentName = name; if(!Preview.Job.current || name != Preview.Job.current.name) { job = new Preview.Job.Name(name); job.setAsCurrent(); Preview.displayLoading(); } } else { Preview.clear(); } } } $.get('/spotlight_pets.txt', function (data) { var names = data.split('\n'), i = Math.floor(Math.random()*(names.length-1)); Preview.Job.fallback = new Preview.Job.Name(names[i]); if(!Preview.Job.current) { Preview.Job.fallback.setAsCurrent(); } }); Preview.Job = function (key, base) { var job = this, quality = 2; job.loading = false; function getImageSrc() { return petImage(base + '/' + key, quality); } function load() { job.loading = true; img_el.attr('src', getImageSrc()); } this.increaseQualityIfPossible = function () { if(quality == 2) { quality = 4; load(); } } this.setAsCurrent = function () { Preview.Job.current = job; load(); } } Preview.Job.Name = function (name) { this.name = name; Preview.Job.apply(this, [name, 'cpn']); } Preview.Job.Hash = function (hash) { Preview.Job.apply(this, [hash, 'cp']); } $(function () { var previewWithNameTimeout; name_el.val(PetQuery.name); Preview.updateWithName(); name_el.keyup(function () { if(previewWithNameTimeout) { clearTimeout(previewWithNameTimeout); Preview.Job.current.loading = false; } previewWithNameTimeout = setTimeout(Preview.updateWithName, 250); }); img_el.load(function () { if(Preview.Job.current.loading) { Preview.Job.loading = false; Preview.Job.current.increaseQualityIfPossible(); preview_el.removeClass('loading').removeClass('hidden').addClass('loaded'); response_el.text(Preview.Job.current.name); } }).error(function () { if(Preview.Job.current.loading) { Preview.Job.loading = false; Preview.notFound('Pet not found.'); } }); var selectFields = $('#species, #color'); selectFields.change(function () { var type = {}, name = []; selectFields.each(function () { var el = $(this), selectedEl = el.children(':selected'); type[el.attr('id')] = selectedEl.val(); name.push(selectedEl.text()); }); name = name.join(' '); Preview.displayLoading(); $.ajax({ url: '/species/' + type.species + '/color/' + type.color + '/pet_type.json', data: { 'for': 'image' }, dataType: 'json', success: function (data) { var job; if(data) { job = new Preview.Job.Hash(data.image_hash); job.name = name; job.setAsCurrent(); } else { Preview.notFound("We haven't seen a " + name + ". Have you?"); } }, error: function () { Preview.notFound("Error fetching preview. Try again?"); } }); }); $.getJSON('http://blog.openneo.net/api/read/json?callback=?', function (data) { var post = data.posts[0], el = $('#blog-preview'), url = post['url-with-slug'], header = "Here's the latest!", body = '', truncate_body_at = 500, image; if(post.type == 'regular') { header = post['regular-title']; body = post['regular-body']; } else if(post.type == 'link') { header = post['link-text']; body = post['link-description']; } else if(post.type == 'photo') { body = post['photo-caption']; image = post['photo-url-75']; } // No truncation on this new layout /*body = body.replace(/(<\/?[\S][^>]*>)/gi, ''); if(body.length > truncate_body_at) { body = body.substring(0, truncate_body_at); body = body.replace(/\s+\w+$/, ''); body += '…'; }*/ el.find('h2').text(header).wrapInner($('', {href: url})); el.find('div').html(body); $('', {'id': 'blog-preview-comments', href: url + '#disqus_thread'}).appendTo(el); if(image) { el.find('img').attr('src', image).parent().attr('href', url); } el.fadeIn('medium'); addDisqusCount(); }); }); function addDisqusCount() { var s = document.createElement('script'); s.async = true; s.type = 'text/javascript'; s.src = 'http://' + disqus_shortname + '.disqus.com/count.js'; (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);} })(); $('#latest-contribution-created-at').timeago();