diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..49c9f84
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,8 @@
+settings_local.py
+*.py[co]
+*.sw[po]
+*.pot
+*.mo
+pip-log.txt
+build.py
+.DS_Store
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..1bab793
--- /dev/null
+++ b/README.md
@@ -0,0 +1,54 @@
+Markup
+===
+
+Firefox MarkUp is a [Django][Django]-based web application...
+[Django]: http://www.djangoproject.com/
+
+Getting Started
+---
+### Python
+You need Python 2.6. Also, you probably want to run this application in a
+[virtualenv][virtualenv] environment
+
+[virtualenv]: http://pypi.python.org/pypi/virtualenv
+
+### Dependencies
+
+run
+
+      easy_install pip
+
+followed by
+
+      ./bootsrap.sh
+
+
+
+### Django
+
+South is used for migrations, so to sync the db, run
+
+      manage.py syncdb
+
+and to run the migs
+
+      manage.py migrate
+
+
+Then run the invite-generation script. generate_invites.py takes two vars: number of invites to generate, and type of invites to generate. invite-types are 't' for translator, or 'c' for contributor.
+
+for 5 translator invites, run
+     manage.py generate_invites 5 t
+for 10 contributor invites, run 
+     manage.py generate_invites 10 c
+     
+
+For production environments, uncomment the following in settings:
+    # CACHE_BACKEND = 'caching.backends.memcached://localhost:11211?timeout=500'
+
+    # SESSION_COOKIE_SECURE = True
+    # SESSION_COOKIE_HTTPONLY = True
+
+and set 
+    REDIRECT_TO_SSL = True
+
diff --git a/ffdemo/markup/__init__.py b/ffdemo/markup/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/ffdemo/markup/common.py b/ffdemo/markup/common.py
new file mode 100644
index 0000000..9b1fe00
--- /dev/null
+++ b/ffdemo/markup/common.py
@@ -0,0 +1,82 @@
+from ffdemo.markup.models import Mark
+from ffdemo.markup.models import Invitation
+from ffdemo.utils import short_url
+from datetime import datetime
+import re
+
+def get_invite_from_code(c):
+        invite = None
+        try:
+                invite = Invitation.objects.get(invite_code=c)
+        except Invitation.DoesNotExist:
+                return None
+        return invite
+def get_translated_marks():
+        return
+
+# convenience method to unpack marks for request return
+def decode_mark_objects(data):
+        if data:
+                all_marks = []
+                for m in data:
+                        #	We need to decode the points obj simplified
+			decoded_points_obj = decode_points_obj(m.points_obj_simplified)
+			#	Append to all marks
+			all_marks.append({'date_drawn': m.date_drawn.strftime("%a, %d %b %Y %I:%M:%S"), 'reference': m.reference, 'id': m.id, 'points_obj_simplified': decoded_points_obj, 'country_code': m.country_code, 'contributor': m.contributor, 'is_approved': m.is_approved})
+                return all_marks
+        else:
+                return
+        return
+
+def save_new_mark_with_data(data):
+	#	Remove whitespace from raw full points obj
+	stripped_points_obj_full = re.sub(r'\s', '', data['points_obj'])
+        # remove whitespace where not in extra_info (the contributor quote)
+        j = re.compile('^.*\"extra\_info"\:\"')
+        k = re.compile('\"extra\_info"\:\".*\"\,*.*$')
+        sec1 = j.search(data['points_obj_simplified'])
+        sec2 = k.search(data['points_obj_simplified'])
+        if sec1 and sec2:
+                stripped_sec1 = re.sub(r'\s','',sec1.group())
+                stripped_sec2 = re.sub('"extra_info":"','',sec2.group())
+                stripped_points_obj_simplified = stripped_sec1 + stripped_sec2
+        else:
+                stripped_points_obj_simplified = re.sub(r'\s','',data['points_obj_simplified'])
+	# stripped_points_obj_simplified = re.sub(r'\s', '', data['points_obj_simplified'])
+	#	Encode both
+	encoded_points_obj_full = stripped_points_obj_full.encode('base64', 'strict')
+	encoded_points_obj_simplified = stripped_points_obj_simplified.encode('base64', 'strict')
+	#	New mark
+	new_mark = Mark.objects.create()
+	new_mark.points_obj = encoded_points_obj_full
+	new_mark.points_obj_simplified = encoded_points_obj_simplified
+	new_mark.reference = short_url.encode_url(new_mark.id)
+	if 'country_code' in data:
+		new_mark.country_code = data['country_code']
+        invite = None
+        if 'invite' in data:
+                invite = get_invite_from_code(data['invite'])
+                if invite and 'contributor_locale' in data and len(data['contributor_locale'])>0:
+                        new_mark.contributor_locale = data['contributor_locale']
+                else:
+                        pass
+                if invite and 'contributor' in data and len(data['contributor'])>0:
+                        new_mark.contributor = data['contributor']
+                else:
+                        pass
+        else:
+                pass
+        
+	new_mark.save()
+        if invite:
+                invite.used_at = datetime.now()
+                invite.save()
+	#	Catch errors
+	return new_mark.reference
+	
+def decode_points_obj(obj):
+	returned_str = str(obj)
+	decoded_data = returned_str.decode('base64', 'strict')
+	return decoded_data
+
+
diff --git a/ffdemo/markup/forms.py b/ffdemo/markup/forms.py
new file mode 100644
index 0000000..4f5f6d5
--- /dev/null
+++ b/ffdemo/markup/forms.py
@@ -0,0 +1,12 @@
+from django.forms import ModelForm
+from ffdemo.markup.models import Mark
+
+class MarkForm(ModelForm):
+	class Meta:
+		model = Mark
+		fields = ('points_obj', 'country_code')
+
+
+class LoginForm(ModelForm):
+        class Meta:
+                model = Mark
diff --git a/ffdemo/markup/management/__init__.py b/ffdemo/markup/management/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/ffdemo/markup/management/commands/__init__.py b/ffdemo/markup/management/commands/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/ffdemo/markup/management/commands/generate_invites.py b/ffdemo/markup/management/commands/generate_invites.py
new file mode 100644
index 0000000..c04d37f
--- /dev/null
+++ b/ffdemo/markup/management/commands/generate_invites.py
@@ -0,0 +1,25 @@
+import os, sys
+from django.db import models
+from django.core.management.base import BaseCommand, CommandError
+from django.conf import settings
+from ffdemo.markup.models import Invitation
+
+class Command(BaseCommand):
+    args = '<num_invites invite_type>'
+    def handle(self, *args, **options):
+        if len(args) < 2:
+            raise CommandError('Requires number of invites to generate and type of invite')
+        num_invites = int(args[0])
+        invite_type = args[1]
+        valid_values = []
+        for choice_id, choice_label in settings.CONTRIBUTOR_TYPE_CHOICES:
+            valid_values += choice_id
+        if invite_type not in valid_values:
+            raise CommandError('Invite type must be in ', valid_values)
+        else:
+            print "generating ", num_invites, " ", invite_type, "invites"
+            for i in range(num_invites):
+                invite = Invitation(contributor_type=invite_type)
+                invite.save()
+            print "finished generating invites"
+            
diff --git a/ffdemo/markup/migrations/0001_initial.py b/ffdemo/markup/migrations/0001_initial.py
new file mode 100644
index 0000000..ea1953a
--- /dev/null
+++ b/ffdemo/markup/migrations/0001_initial.py
@@ -0,0 +1,65 @@
+# encoding: utf-8
+import datetime
+from south.db import db
+from south.v2 import SchemaMigration
+from django.db import models
+
+class Migration(SchemaMigration):
+
+    def forwards(self, orm):
+        
+        # Adding model 'Mark'
+        db.create_table('markup_mark', (
+            ('id', self.gf('django.db.models.fields.AutoField')(primary_key=True)),
+            ('date_drawn', self.gf('django.db.models.fields.DateTimeField')(auto_now_add=True, blank=True)),
+            ('reference', self.gf('django.db.models.fields.CharField')(max_length=50, blank=True, unique=True)),
+            ('points_obj', self.gf('django.db.models.fields.TextField')(blank=True)),
+            ('points_obj_simplified', self.gf('django.db.models.fields.TextField')(blank=True)),
+            ('country_code', self.gf('django.db.models.fields.CharField')(max_length=2, blank=True)),
+            ('contributor_locale', self.gf('django.db.models.fields.CharField')(max_length=5, null=True, blank=True)),
+            ('contributor', self.gf('django.db.models.fields.CharField')(max_length=75, null=True, blank=True)),
+            ('flaggings', self.gf('django.db.models.fields.IntegerField')(default=0)),
+            ('is_approved', self.gf('django.db.models.fields.BooleanField')(default=False))
+        ))
+        db.send_create_signal('markup', ['Mark'])
+        
+        # Adding model 'Invitation'
+        db.create_table('markup_invitation', (
+            ('id', self.gf('django.db.models.fields.AutoField')(primary_key=True)),
+            ('invite_code', self.gf('django.db.models.fields.SlugField')(db_index=True, max_length=50, blank=True)),
+            ('contributor_type', self.gf('django.db.models.fields.CharField')(max_length=1)),
+            ('used_at', self.gf('django.db.models.fields.DateTimeField')(blank=True))
+        ))
+        db.send_create_signal('markup', ['Invitation'])
+
+    def backwards(self, orm):
+        
+        # Deleting model 'Mark'
+        db.delete_table('markup_mark')
+        # Deleting model 'Invitation'
+        db.delete_table('markup_invitation')
+
+    models = {
+        'markup.invitation': {
+            'Meta': {'object_name': 'Invitation'},
+            'contributor_type': ('django.db.models.fields.CharField', [], {'max_length': '1'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'invite_code': ('django.db.models.fields.SlugField', [], {'max_length': '50', 'db_index': 'True'}),
+            'used_at': ('django.db.models.fields.DateTimeField', [], {'null': 'True', 'blank': 'True'})
+        },
+        'markup.mark': {
+            'Meta': {'object_name': 'Mark'},
+            'contributor': ('django.db.models.fields.CharField', [], {'max_length': '75', 'null': 'True', 'blank': 'True'}),
+            'contributor_locale': ('django.db.models.fields.CharField', [], {'max_length': '5', 'null': 'True', 'blank': 'True'}),
+            'country_code': ('django.db.models.fields.CharField', [], {'max_length': '2', 'blank': 'True'}),
+            'date_drawn': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
+            'flaggings': ('django.db.models.fields.IntegerField', [], {'default': '0'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'is_approved': ('django.db.models.fields.BooleanField', [], {'default': 'False'}),
+            'points_obj': ('django.db.models.fields.TextField', [], {'blank': 'True'}),
+            'points_obj_simplified': ('django.db.models.fields.TextField', [], {'blank': 'True'}),
+            'reference': ('django.db.models.fields.CharField', [], {'max_length': '50', 'blank': 'True'})
+        }
+    }
+
+    complete_apps = ['markup']
diff --git a/ffdemo/markup/migrations/0002_auto__add_unique_invitation_invite_code.py b/ffdemo/markup/migrations/0002_auto__add_unique_invitation_invite_code.py
new file mode 100644
index 0000000..004be1f
--- /dev/null
+++ b/ffdemo/markup/migrations/0002_auto__add_unique_invitation_invite_code.py
@@ -0,0 +1,50 @@
+# encoding: utf-8
+import datetime
+from south.db import db
+from south.v2 import SchemaMigration
+from django.db import models
+
+class Migration(SchemaMigration):
+
+    def forwards(self, orm):
+        
+        # Adding unique constraint on 'Invitation', fields ['invite_code']
+        db.create_unique('markup_invitation', ['invite_code'])
+
+        # Adding index on 'Mark', fields ['reference']
+        db.create_index('markup_mark', ['reference'])
+
+
+    def backwards(self, orm):
+        
+        # Removing index on 'Mark', fields ['reference']
+        db.delete_index('markup_mark', ['reference'])
+
+        # Removing unique constraint on 'Invitation', fields ['invite_code']
+        db.delete_unique('markup_invitation', ['invite_code'])
+
+
+    models = {
+        'markup.invitation': {
+            'Meta': {'object_name': 'Invitation'},
+            'contributor_type': ('django.db.models.fields.CharField', [], {'max_length': '1'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'invite_code': ('django.db.models.fields.SlugField', [], {'unique': 'True', 'max_length': '50', 'db_index': 'True'}),
+            'used_at': ('django.db.models.fields.DateTimeField', [], {'null': 'True', 'blank': 'True'})
+        },
+        'markup.mark': {
+            'Meta': {'object_name': 'Mark'},
+            'contributor': ('django.db.models.fields.CharField', [], {'max_length': '75', 'null': 'True', 'blank': 'True'}),
+            'contributor_locale': ('django.db.models.fields.CharField', [], {'max_length': '5', 'null': 'True', 'blank': 'True'}),
+            'country_code': ('django.db.models.fields.CharField', [], {'max_length': '2', 'blank': 'True'}),
+            'date_drawn': ('django.db.models.fields.DateTimeField', [], {'auto_now_add': 'True', 'blank': 'True'}),
+            'flaggings': ('django.db.models.fields.IntegerField', [], {'default': '0'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'is_approved': ('django.db.models.fields.BooleanField', [], {'default': 'False'}),
+            'points_obj': ('django.db.models.fields.TextField', [], {'blank': 'True'}),
+            'points_obj_simplified': ('django.db.models.fields.TextField', [], {'blank': 'True'}),
+            'reference': ('django.db.models.fields.CharField', [], {'db_index': 'True', 'unique': 'True', 'max_length': '50', 'blank': 'True'})
+        }
+    }
+
+    complete_apps = ['markup']
diff --git a/ffdemo/markup/migrations/__init__.py b/ffdemo/markup/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/ffdemo/markup/models.py b/ffdemo/markup/models.py
new file mode 100644
index 0000000..91d050a
--- /dev/null
+++ b/ffdemo/markup/models.py
@@ -0,0 +1,34 @@
+from django.db import models
+from django.template.defaultfilters import slugify
+import hashlib
+import uuid
+from datetime import datetime
+from django.conf import settings
+
+class Mark(models.Model):
+	date_drawn = models.DateTimeField(auto_now_add=True)
+	reference = models.CharField(max_length=50, blank=True, db_index=True, unique=True)
+	points_obj = models.TextField(blank=True)
+	points_obj_simplified = models.TextField(blank=True)
+	country_code = models.CharField(max_length=2, blank=True)
+        flaggings = models.IntegerField(default=0)
+        is_approved = models.BooleanField(default=False)
+        # contributor attrs
+        contributor_locale = models.CharField(max_length=5, blank=True, null=True)
+        contributor = models.CharField(max_length=75, blank=True, null=True)
+
+	def __unicode__(self):
+		return unicode(self.date_drawn)
+
+class Invitation(models.Model):
+        invite_code = models.SlugField(max_length=50, unique=True, db_index=True)
+        contributor_type = models.CharField(max_length=1, choices=settings.CONTRIBUTOR_TYPE_CHOICES)
+        used_at = models.DateTimeField(blank=True, null=True)
+        
+        def save(self):
+                myuuid = uuid.uuid1().hex
+                self.invite_code = slugify( hashlib.md5(myuuid + datetime.now().strftime("%Y%m%d%H%m%s") ).hexdigest()[:12] )
+                super( Invitation, self ).save()
+        
+        def __unicode__(self):
+                return self.invite_code
diff --git a/ffdemo/markup/requests.py b/ffdemo/markup/requests.py
new file mode 100644
index 0000000..8ebddfc
--- /dev/null
+++ b/ffdemo/markup/requests.py
@@ -0,0 +1,459 @@
+from django.http import HttpResponse
+from ffdemo.markup.models import Mark
+from ffdemo.markup import common
+from django.utils import simplejson
+from django.core import serializers
+import datetime
+from django.db.models import Q
+
+def get_translated_marks(request):
+        marks_to_be_dumped = None
+        dthandler = lambda obj: obj.isoformat() if isinstance(obj, datetime.datetime) else None
+        response = {'success': False}
+        marks_to_be_dumped = Mark.objects.exclude(contributor_locale__isnull=True).order_by('id')
+        if marks_to_be_dumped:
+                all_marks = []
+                for m in marks_to_be_dumped:
+                        #	We need to decode the points obj simplified
+			decoded_points_obj = common.decode_points_obj(m.points_obj_simplified)
+			#	Append to all marks
+			all_marks.append({'date_drawn': m.date_drawn.strftime("%a, %d %b %Y %I:%M:%S"), 'reference': m.reference, 'id': m.id, 'points_obj_simplified': decoded_points_obj, 'country_code': m.country_code, 'is_approved': m.is_approved, 'contributor_locale': m.contributor_locale})
+                response['success'] = True
+                response['marks'] = all_marks
+        else:
+                response['success'] = False
+		response['error'] = "No marks to be parsed"
+        
+        json_response = simplejson.dumps(response)
+        return HttpResponse(json_response,'application/javascript')
+
+def flag_mark(request):
+        response = {'success': False}
+        if 'reference' in request.POST and len(request.POST['reference']) > 0:
+                try:
+                        mark = Mark.objects.get(reference=request.POST['reference'])
+                        if mark.is_approved:
+                                pass
+                        else:
+                                mark.flaggings += 1
+                                mark.save()
+                                response['success'] = True
+                except Mark.DoesNotExist:
+                        response['error'] = "Mark does not exist"
+                except Mark.MultipleObjectsReturned:
+                        # should never [ever] happen, purely CYA
+                        response['error'] = "Multiple marks returned"
+        else:
+                response['error'] = "No mark specified"
+        json_response = simplejson.dumps(response)
+        return HttpResponse(json_response, 'application/javascript')
+
+def init_viz_data(request):
+        # grab the last mark
+        # grab the first mark
+        response = {}
+        response['country_total_marks'] = ''
+        response['country_first_mark'] = ''
+        response['country_last_mark'] = ''
+        response['country_first_mark_at'] = ''
+        # for contributed marks
+        response['contributor_marks'] = []
+        contributor_marks = common.decode_mark_objects(Mark.objects.exclude(contributor__isnull=True).order_by('id'))
+        response['contributor_marks'] = contributor_marks
+        all_marks = Mark.objects.exclude(flaggings__gte=1).filter(contributor_locale__isnull=True).order_by('id')
+        if 'country_code' in request.GET and len(request.GET['country_code']) > 0:
+                country_marks = Mark.objects.exclude(flaggings__gte=1).filter(contributor_locale__isnull=True,country_code=request.GET['country_code']).order_by('id')
+                if len(country_marks) > 0:
+                        response['country_total_marks'] = country_marks.count()
+                        response['country_first_mark'] = country_marks[0].reference
+                        response['country_last_mark'] = country_marks[response['country_total_marks']-1].reference
+                        response['country_first_mark_at'] = country_marks[0].date_drawn.strftime("%a, %d %b %Y %I:%M:%S")
+                else:
+                        pass
+        else:
+                pass
+
+        response['total_marks'] = all_marks.count()
+        response['last_mark'] = all_marks[response['total_marks']-1].reference
+        response['first_mark'] = all_marks[0].reference
+        response['first_mark_at'] = all_marks[0].date_drawn.strftime("%a, %d %b %Y %I:%M:%S")
+        response['total_countries'] = Mark.objects.values('country_code').distinct().count()
+        json_response = simplejson.dumps(response)
+        return HttpResponse(json_response, 'application/javascript')
+
+
+def save_mark(request):
+	#	Default response
+	response = {'success': False}
+	#	Check for mandatory POST data
+	if 'points_obj' in request.POST and 'points_obj_simplified' in request.POST:
+		#	Cosntruct mark data
+		mark_data = { 'points_obj': request.POST['points_obj'], 'points_obj_simplified': request.POST['points_obj_simplified'] }
+		if 'country_code' in request.POST:
+			mark_data['country_code'] = request.POST['country_code']
+                if 'invite' in request.POST:
+                        mark_data['invite'] = request.POST['invite']
+                        if 'contributor_locale' in request.POST:
+                                mark_data['contributor_locale'] = request.POST['contributor_locale']
+                        else:
+                                pass
+                        if 'contributor' in request.POST:
+                                mark_data['contributor'] = request.POST['contributor']
+                        else:
+                                pass
+                else:
+                        pass
+                                
+		#	Save new mark, handled by common.py
+		new_mark_reference = common.save_new_mark_with_data(mark_data)
+		#	Successful response, returning new mark reference
+		response['success'] = True
+		response['mark_reference'] = new_mark_reference
+	else:
+		#	Error response
+		response['success'] = False
+		response['error'] = 'missing data in POST request'
+	#	Return response as json
+	json_response = simplejson.dumps(response)
+	return HttpResponse(json_response, 'application/javascript')
+
+
+def delete_mark(request):
+	#	Completely remove the mark
+	response = {'success': False}
+	if 'reference' in request.POST and len(request.POST['reference']) > 0:
+		try:
+			m = Mark.objects.get(reference=request.POST['reference'])
+			m.delete()
+			response['success'] = True
+		except Mark.DoesNotExist:
+			response['error'] = 'Mark does not exist'
+	else:
+		response['error'] = "No mark specified"
+	json_response = simplejson.dumps(response)
+	return HttpResponse(json_response, 'application/javascript')
+
+
+
+def approve_mark(request):
+	#	Approve the mark // CHECK
+	response = {'success': False}
+	if 'reference' in request.POST and len(request.POST['reference']) > 0:
+		try:
+			m = Mark.objects.get(reference=request.POST['reference'])
+			should_approve = False
+			if request.POST['should_approve'] == "true":
+				should_approve = True
+			m.is_approved = should_approve
+			m.save()
+			response['success'] = True
+		except Mark.DoesNotExist:
+			response['error'] = 'Mark does not exist'
+	else:
+		response['error'] = "No mark specified"
+	json_response = simplejson.dumps(response)
+	return HttpResponse(json_response, 'application/javascript')
+		
+def get_mark(request):
+	#	Get mark by ID
+        mark = None
+        try:
+                mark = Mark.objects.get(reference=request.GET['mark_id'])
+        except Mark.DoesNotExist:
+                pass
+        except Mark.MultipleObjectsReturned:
+                pass
+        previous_marks = ""
+        next_marks = ""
+	#	Decode simplified points data
+	decoded_points_obj = common.decode_points_obj(mark.points_obj_simplified)
+	#	Return raw
+	return HttpResponse(decoded_points_obj, 'application/javascript')
+
+
+def marks_by_offset(request):
+        #       Parameters:
+        #         offset:            Integer - 
+        #         max:               Integer - (defaults 15)
+        #         country_code:      String  - filter by country-code
+        #
+        # returns json object including relevant marks with their attributes: id, reference string, points_obj, points_obj_simplified
+	dthandler = lambda obj: obj.isoformat() if isinstance(obj, datetime.datetime) else None
+	response = {'success': False}
+
+        marks_to_be_dumped = None
+	did_fail_get_marks = False
+
+	#	We've got an offset to play with
+	if 'offset' in request.GET:
+		#	An offset requires a max value to be returned from this offset
+		if 'max' in request.GET:
+			offset = request.GET['offset']
+			max = request.GET['max']
+			#	We can also filter by country code if need be
+			if 'country_code' in request.GET:
+				marks_to_be_dumped = Mark.objects.exclude.exclude(contributor_locale__isnull=False).filter(country_code=request.GET['country_code'])[offset:max]
+			else:
+				marks_to_be_dumped = Mark.objects.all()[offset:max]
+		else:
+			response['success'] = False
+			response['error'] = "Querying by offset also requires a 'max' POST var"
+			did_fail_get_marks = True
+	else:
+		#	No special query parameters, query for all marks
+		marks_to_be_dumped = Mark.objects.exclude(contributor_locale__isnull=False)
+	#	Check that we've got marks to dump
+	if not did_fail_get_marks:
+		if marks_to_be_dumped:
+			#	Dump out
+			all_marks = []
+			for m in marks_to_be_dumped:
+				#	We need to decode the points obj simplified
+				decoded_points_obj = common.decode_points_obj(m.points_obj_simplified)
+				#	Append to all marks
+				all_marks.append({'date_drawn': m.date_drawn.strftime("%a, %d %b %Y %I:%M:%S"), 'reference': m.reference, 'points_obj_simplified': decoded_points_obj, 'contributor': m.contributor, 'country_code': m.country_code})
+			response['success'] = True
+			response['marks'] = all_marks
+		else:
+			#	No marks to dump
+			response['success'] = False
+			response['error'] = "No marks to be parsed"
+	#	Dump and return
+	json_response = simplejson.dumps(response, default=dthandler)
+	return HttpResponse(json_response, 'application/javascript')
+
+
+
+def marks_by_locale(request):
+        #       Parameters:
+        #         country_code:      String  - filter by country-code
+        #         max:               Integer - (defaults 15)
+        #
+        # returns json object including relevant marks with their attributes: id, reference string, points_obj, points_obj_simplified
+	dthandler = lambda obj: obj.isoformat() if isinstance(obj, datetime.datetime) else None
+	response = {'success': False}
+
+        max_returned = 15
+        
+        marks_to_be_dumped = None
+	did_fail_get_marks = False
+
+
+def marks_by_reference(request):
+        #       Parameters:
+        #         reference_mark:    String  - slug of reference mark
+        #         include_back:      Integer - number of returned marks before the reference mark (defaults to 0)
+        #         include_forward:   Integer - number of returned marks after the reference mark  (defaults to 15)
+        #         include_mark:      Boolean - include the reference mark (defaults true)
+        #         country_code:      String  - filter by country-code
+        # returns json object including relevant marks with their attributes: id, reference string, points_obj, points_obj_simplified
+	dthandler = lambda obj: obj.isoformat() if isinstance(obj, datetime.datetime) else None
+	response = {'success': False}
+        reference_mark = None
+        include_back = 0
+        include_forward = 15
+        include_mark = True
+        country_code = None
+        marks_to_be_dumped = None
+	did_fail_get_marks = False
+        m_offset = None
+        # default limit returns 19 marks
+        m_limit = include_back + 1 + include_forward
+        all_marks = None
+        offset_index = 0
+        total_marks = 0
+
+        if 'reference' in request.GET:
+                reference_mark = request.GET['reference']
+                try:
+                        m_offset = Mark.objects.get(reference=reference_mark)
+                except Mark.DoesNotExist:
+                        response['success'] = False
+                        response['error'] = "Reference mark doesn't exist"
+                        did_fail_get_marks = True
+                except Mark.MultipleObjectsReturned:
+                        response['success'] = False
+                        response['error'] = "Multiple marks found for reference"
+                        did_fail_get_marks = True
+                if 'include_mark' in request.GET:
+                        if int(request.GET['include_mark']) == 0:
+                                include_mark = False
+                
+                
+		if 'include_forward' in request.GET:
+			include_forward = int(request.GET['include_forward'])
+                if 'include_back' in request.GET:
+                        include_back = int(request.GET['include_back'])
+                
+                
+
+                if 'country_code' in request.GET:
+                        kountry_code = request.GET['country_code']
+                        all_marks = Mark.objects.exclude(flaggings__gte=1).filter(country_code=kountry_code,contributor_locale__isnull=True).order_by('id')
+                        total_marks = all_marks.count()
+                        for i, item in enumerate(all_marks):
+                                if item.reference == reference_mark:
+                                        offset_index = i
+                                        break
+                        relative_include_back = offset_index - include_back
+                        if relative_include_back < 0: relative_include_back = 0
+                        unflagged_marks = Mark.objects.exclude(flaggings__gte=1).filter(contributor_locale__isnull=True)
+                        if len(unflagged_marks) > 0:
+                                marks_to_be_dumped = unflagged_marks.exclude(flaggings__gte=1,contributor_locale__isnull=False).filter(country_code=kountry_code,contributor_locale__isnull=True).order_by('id')[relative_include_back:offset_index+include_forward]
+                        else:
+                                response['success'] = False
+                                response['error'] = "No marks to be dumped"
+                                did_fail_get_marks = True
+                else:
+                        all_marks = Mark.objects.exclude(flaggings__gte=1).filter(contributor_locale__isnull=True).order_by('id')
+                        total_marks = all_marks.count()
+                        for i, item in enumerate(all_marks):
+                                if item.reference == reference_mark:
+                                        offset_index = i
+                                        break
+                        relative_include_back = offset_index - include_back
+                        if relative_include_back < 0: relative_include_back = 0
+                        try:
+                                marks_to_be_dumped = Mark.objects.exclude(flaggings__gte=1).filter(contributor_locale__isnull=True).order_by('id')[relative_include_back:offset_index+include_forward]
+                        except Mark.DoesNotExist:
+                                response['success'] = False
+                                response['error'] = "No marks to be dumped"
+                                did_fail_get_marks = True
+                
+	else:
+		#	required param
+                response['success'] = False
+		response['error'] = "Querying by reference requires a reference string"
+                did_fail_get_marks = True
+
+	#	Check that we've got marks to dump
+        if not did_fail_get_marks:
+		if marks_to_be_dumped:
+			#	Dump out
+			all_marks = []
+
+			for m in marks_to_be_dumped:
+                                is_reference_mark = False
+                                if m.reference == reference_mark:
+                                        is_reference_mark = True
+                                if include_mark == False and is_reference_mark:
+                                        pass
+                                else:
+                                        #	We need to decode the points obj simplified
+                                        decoded_points_obj = common.decode_points_obj(m.points_obj_simplified)
+                                        #	Append to all marks
+                                        all_marks.append({'is_reference_mark': is_reference_mark,'date_drawn': m.date_drawn.strftime("%a, %d %b %Y %I:%M:%S"), 'reference': m.reference, 'id': m.id, 'points_obj_simplified': decoded_points_obj, 'contributor': m.contributor, 'country_code': m.country_code})
+			response['success'] = True
+			response['marks'] = all_marks
+		else:
+			#	No marks to dump
+			response['success'] = False
+			response['error'] = "No marks to be parsed"
+                
+        #	Dump and return
+	json_response = simplejson.dumps(response, default=dthandler)
+	return HttpResponse(json_response, 'application/javascript')
+
+
+def all_marks(request):
+	#	Get all marks, all data per mark excluding full points object
+	#	This method can be queried via POST depending what the frontend requires
+	#	Handler for dumping datetime field as JSON
+        #
+        #         offset:            Integer - 
+        #         max:               Integer - (defaults 15)
+        #         country_code:      String  - filter by country-code
+        #
+        # returns json object including relevant marks with their attributes: id, reference string, points_obj, points_obj_simplified
+
+	dthandler = lambda obj: obj.isoformat() if isinstance(obj, datetime.datetime) else None
+	response = {'success': False}
+
+        include_back = 3
+        include_forward = 15
+        include_mark = True
+        max_returned = 15
+
+	marks_to_be_dumped = None
+	did_fail_get_marks = False
+
+	#	We've got an offset to play with                
+	if 'offset' in request.GET:
+		#	An offset requires a max value to be returned from this offset
+		if 'max' in request.GET:
+			offset = request.GET['offset']
+			max = request.GET['max']
+			#	We can also filter by country code if need be
+			if 'country_code' in request.GET:
+				marks_to_be_dumped = Mark.objects.exclude(flaggings__gte=1).filter(contributor_locale__isnull=True).order_by('id').filter(country_code=request.GET['country_code'])[offset:max]
+			else:
+				marks_to_be_dumped = Mark.objects.exclude(flaggings__gte=1).filter(contributor_locale__isnull=True).order_by('id')[offset:max]
+		else:
+			response['success'] = False
+			response['error'] = "Querying by offset also requires a 'max' POST var"
+			did_fail_get_marks = True
+	else:
+		#	We can also filter by country code here as well if need be
+		if 'country_code' in request.GET:
+			marks_to_be_dumped = Mark.objects.exclude(flaggings__gte=1).filter(contributor_locale__isnull=True,country_code=request.GET['country_code'])
+		else:
+			#	No special query parameters, query for all marks
+			marks_to_be_dumped = Mark.objects.exclude(flaggings__gte=1).filter(contributor_locale__isnull=True)
+	#	Check that we've got marks to dump
+	if not did_fail_get_marks:
+		if marks_to_be_dumped:
+			#	Dump out
+			all_marks = []
+			for m in marks_to_be_dumped:
+				#	We need to decode the points obj simplified
+				decoded_points_obj = common.decode_points_obj(m.points_obj_simplified)
+				#	Append to all marks
+				all_marks.append({'date_drawn': m.date_drawn.strftime("%a, %d %b %Y %I:%M:%S"), 'reference': m.reference, 'id': m.id, 'points_obj_simplified': decoded_points_obj, 'contributor': m.contributor, 'country_code': m.country_code, 'flaggings': m.flaggings})
+			response['success'] = True
+			response['marks'] = all_marks
+		else:
+			#	No marks to dump
+			response['success'] = False
+			response['error'] = "No marks to be parsed"
+	#	Dump and return
+	json_response = simplejson.dumps(response, default=dthandler)
+	return HttpResponse(json_response, 'application/javascript')
+	
+	
+def marks_by_flagged(request):
+	dthandler = lambda obj: obj.isoformat() if isinstance(obj, datetime.datetime) else None
+	response = {'success': False}
+
+        include_back = 3
+        include_forward = 15
+        include_mark = True
+        max_returned = 15
+
+	marks_to_be_dumped = Mark.objects.filter(flaggings__gte=1).order_by('id') #	CHECK offset?
+
+	#	Check that we've got marks to dump
+	if marks_to_be_dumped:
+		#	Dump out
+		all_marks = []
+		for m in marks_to_be_dumped:
+			#	We need to decode the points obj simplified
+			decoded_points_obj = common.decode_points_obj(m.points_obj_simplified)
+			#	Append to all marks
+			all_marks.append({'date_drawn': m.date_drawn, 'reference': m.reference, 'id': m.id, 'points_obj_simplified': decoded_points_obj, 'contributor': m.contributor, 'country_code': m.country_code, 'is_approved': m.is_approved})
+		response['success'] = True
+		response['marks'] = all_marks
+	else:
+		#	No marks to dump
+		response['success'] = False
+		response['error'] = "No marks to be parsed"
+	#	Dump and return
+	json_response = simplejson.dumps(response, default=dthandler)
+	return HttpResponse(json_response, 'application/javascript')
+
+def update_language(request):
+        response = {}
+        if 'language_code' in request.GET:
+                set_language(request)
+        else:
+                pass
+        return response
diff --git a/ffdemo/markup/templatetags/__init__.py b/ffdemo/markup/templatetags/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/ffdemo/markup/templatetags/gml_extras.py b/ffdemo/markup/templatetags/gml_extras.py
new file mode 100644
index 0000000..975c9ed
--- /dev/null
+++ b/ffdemo/markup/templatetags/gml_extras.py
@@ -0,0 +1,8 @@
+from django import template
+
+register = template.Library()
+
+@register.filter(name='normalize_point')
+def normalize_point(value,arg):
+    ret_val = float(value)/arg
+    return str(round(ret_val, 2)).replace(',','.')
diff --git a/ffdemo/markup/views.py b/ffdemo/markup/views.py
new file mode 100644
index 0000000..34994d0
--- /dev/null
+++ b/ffdemo/markup/views.py
@@ -0,0 +1,119 @@
+import json
+import string
+from django.http import Http404, HttpResponse, HttpResponseRedirect
+from django.utils.encoding import force_unicode
+from django.utils import translation
+from django.utils.translation import ugettext_lazy as _lazy
+from django.utils.translation import ugettext as _
+from django.utils import simplejson
+from django.conf import settings
+from django.contrib.sites.models import Site
+from django.template.loader import get_template
+from django.contrib.auth.decorators import login_required
+from django.contrib.auth import authenticate, login, logout
+from django.views.decorators.cache import cache_page
+from django.core.context_processors import csrf
+from ffdemo.utils.render import render_response
+from ffdemo.markup.models import Mark
+from ffdemo.markup.forms import MarkForm
+from django.shortcuts import get_object_or_404
+from ffdemo.markup import common
+
+@cache_page(15) # cache for 15 seconds
+def home(request):
+	mr = settings.MEDIA_ROOT
+	return render_response(request, 'home.html', {'mr':mr})
+
+@cache_page(60 * 30) # cache for 30 minutes
+def about(request):
+    return render_response(request, 'about.html')
+
+@cache_page(60 * 30)
+def about_gml(request):
+    return render_response(request, 'gml.html')
+
+@cache_page(60 * 30)
+def credits(request):
+    return render_response(request, 'credits.html')
+
+@cache_page(60 * 30)
+def code(request):
+    return render_response(request, 'code.html')
+
+@cache_page(60 * 30)
+def mozilla(request):
+    return render_response(request, 'mozilla.html')
+
+@cache_page(60 * 30)
+def evan(request):
+    return render_response(request, 'evan-roth.html')
+
+def gml(request):
+    mark = Mark.objects.all()[10]
+    obj_decoded = simplejson.loads(common.decode_points_obj(mark.points_obj_simplified))
+    context = { 'mark': mark, 'obj_decoded': obj_decoded }
+    return render_response(request, 'gml.xml', context, mimetype='application/xml')
+
+@cache_page(60 * 30)
+def manifesto(request):
+    return render_response(request, 'manifesto.html')
+
+def mark(request, mark_reference):
+	mark = get_object_or_404(Mark, reference=mark_reference)
+	return render_response(request, 'mark.html', {'mark': mark})
+
+def makemark(request):
+	if request.method == "POST":
+		mark_form = MarkForm(request.POST)
+		if mark_form.is_valid():
+			mark_data = { 'points_obj': mark_form.cleaned_data['points_obj'], 'country_code': mark_form.cleaned_data['country_code'] }
+			common.save_new_mark_with_data(mark_data)
+	else:
+		mark_form = MarkForm()
+	return render_response(request, 'makemark.html', {'form': mark_form})
+
+@cache_page(30)
+def community(request):
+	if 'offset' in request.GET:
+		offset = int(request.GET['offset'])
+		per_page = int(request.GET['per_page'])
+		top_limit = offset + per_page;
+		all_marks = Mark.objects.exclude(flaggings__gte=1)[offset:top_limit]
+	else:
+		all_marks = Mark.objects.exclude(flaggings__gte=1)
+	return render_response(request, 'community.html', {'all_marks': all_marks})
+
+@cache_page(60 * 30)
+def newsletter(request):
+	return render_response(request, 'newsletter.html', {})
+
+@cache_page(60 * 30)
+def home_sammy(request):
+        mr = settings.MEDIA_ROOT
+        return render_response(request,'sammy/home.html',{'mr':mr})
+
+@cache_page(15)
+def linear_sammy(request):
+        return render_response(request, 'sammy/linear.html')
+
+def mark_sammy(request):
+        mark = get_object_or_404(Mark, reference=mark_reference)
+        return render_response(request, 'sammy/mark.html', {'mark':mark})
+
+def makemark_sammy(request):
+	mark_form = MarkForm()
+        return render_response(request, 'sammy/makemark.html', {'form': mark_form})
+
+
+### MODERATION VIEWS
+def account_locked(request):
+        return render_response(request, 'registration/locked.html')
+
+
+
+
+def moderate_sammy(request):
+        if not request.user.is_authenticated():
+                return HttpResponseRedirect('/accounts/login/')
+        else:
+		return render_response(request, 'sammy/moderate.html')
diff --git a/ffdemo/middleware.py b/ffdemo/middleware.py
new file mode 100644
index 0000000..82e7cb0
--- /dev/null
+++ b/ffdemo/middleware.py
@@ -0,0 +1,72 @@
+from django.db import connection
+from django.conf import settings
+from django.utils.encoding import *
+from urlparse import urlparse
+
+import re
+from django import http
+import django.core.exceptions
+from django.core import urlresolvers
+from django.http import HttpResponseRedirect
+from django.utils import translation
+import localeurl
+from localeurl import utils
+
+from django.http import HttpResponseRedirect, HttpResponsePermanentRedirect, get_host
+
+class SQLLogMiddleware:
+    def process_response(self, request, response): 
+        if settings.DEV and connection.queries:
+            time = sum([float(q['time']) for q in connection.queries])
+        return response
+        
+class DetectReferrer:
+    def process_request(self, request):
+        if not request.session.get('HTTP_REFERER', False):
+            if(request.META.get('HTTP_REFERER')):
+                ref = urlparse(request.META.get('HTTP_REFERER'))
+                request.session['HTTP_REFERER'] = ref.hostname
+
+
+
+# SSL Middleware
+# via: http://djangosnippets.org/snippets/85/
+
+# __license__ = "Python"
+# __copyright__ = "Copyright (C) 2007, Stephen Zabel"
+# __author__ = "Stephen Zabel - sjzabel@gmail.com"
+# __contributors__ = "Jay Parlar - parlar@gmail.com"
+
+SSL = 'SSL'
+
+class SSLRedirect:
+    
+    def process_view(self, request, view_func, view_args, view_kwargs):
+        if SSL in view_kwargs:
+            secure = view_kwargs[SSL]
+            del view_kwargs[SSL]
+        else:
+            secure = False
+
+        if not secure == self._is_secure(request):
+            return self._redirect(request, secure)
+
+    def _is_secure(self, request):
+        if request.is_secure():
+	    return True
+
+        #Handle the Webfaction case until this gets resolved in the request.is_secure()
+        if 'HTTP_X_FORWARDED_SSL' in request.META:
+            return request.META['HTTP_X_FORWARDED_SSL'] == 'on'
+
+        return False
+
+    def _redirect(self, request, secure):
+        protocol = secure and "https" or "http"
+        newurl = "%s://%s%s" % (protocol,get_host(request),request.get_full_path())
+        if settings.DEBUG and request.method == 'POST':
+            raise RuntimeError, \
+        """Django can't perform a SSL redirect while maintaining POST data.
+           Please structure your views so that redirects only occur during GETs."""
+
+        return HttpResponsePermanentRedirect(newurl)
diff --git a/ffdemo/settings.py b/ffdemo/settings.py
new file mode 100644
index 0000000..3734e4c
--- /dev/null
+++ b/ffdemo/settings.py
@@ -0,0 +1,207 @@
+import settings_local
+import os
+import re
+
+# Django settings for ff4 project.
+
+DEBUG = settings_local.DEBUG
+DEV = settings_local.DEV
+TEMPLATE_DEBUG = DEBUG
+
+PROJECT_PATH = os.path.realpath(os.path.dirname(__file__))
+PROJECT_DOMAIN = ''
+PROJECT_DIR = os.path.realpath(os.path.dirname(__file__))
+
+
+
+# UNCOMMENT TO ENABLE SECURE SESSIONS
+# SESSION_COOKIE_SECURE = True
+# SESSION_COOKIE_HTTPONLY = True
+# SESSION_COOKIE_DOMAIN = None
+
+# global for enabling SSL redirection of admin views
+# set True for properly configured production
+REDIRECT_TO_SSL = False
+
+ADMINS = (
+    # ('Your Name', 'your_email@domain.com'),
+)
+
+MANAGERS = ADMINS
+
+# Memcached!
+# CACHE_BACKEND = 'caching.backends.memcached://localhost:11211?timeout=500'
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.mysql',       # Add 'postgresql_psycopg2', 'postgresql', 'mysql', 'sqlite3' or 'oracle'.
+        'NAME': settings_local.DB_NAME,             # Or path to database file if using sqlite3.
+        'USER': settings_local.DB_USER,             # Not used with sqlite3.
+        'PASSWORD': settings_local.DB_PASSWORD,     # Not used with sqlite3.
+        'HOST': settings_local.DB_HOST,             # Set to empty string for localhost. Not used with sqlite3.
+        'PORT': settings_local.DB_PORT,             # Set to empty string for default. Not used with sqlite3.
+    }
+}
+
+
+
+
+# Local time zone for this installation. Choices can be found here:
+# http://en.wikipedia.org/wiki/List_of_tz_zones_by_name
+# although not all choices may be available on all operating systems.
+# On Unix systems, a value of None will cause Django to use the same
+# timezone as the operating system.
+# If running in a Windows environment this must be set to the same as your
+# system time zone.
+TIME_ZONE = 'America/New_York'
+
+# Language code for this installation. All choices can be found here:
+# http://www.i18nguy.com/unicode/language-identifiers.html
+LANGUAGE_CODE = 'en-US'
+
+SITE_ID = 1
+
+# If you set this to False, Django will make some optimizations so as not
+# to load the internationalization machinery.
+USE_I18N = True
+
+# If you set this to False, Django will not format dates, numbers and
+# calendars according to the current locale
+USE_L10N = True
+
+# Accepted locales
+#INPUT_LANGUAGES = ('ar', 'bg', 'ca', 'cs', 'da', 'de', 'el', 'en-US', 'es',
+#                   'fr', 'fy-NL', 'gl', 'he', 'hu', 'id', 'it', 'ko', 'nb-NO',
+#                   'nl', 'pl', 'pt-PT', 'ro', 'ru', 'sk', 'sq', 'uk', 'vi',
+#                   'zh-CN', 'zh-TW')
+
+gettext = lambda s: s
+LANGUAGES = (
+    ('de', gettext('German')),
+    ('en', gettext('English')),
+    ('fr', gettext('French')),
+    ('ru', gettext('Russian')),
+)
+# default to accept-language header, per localeurl's settings
+LOCALEURL_USE_ACCEPT_LANGUAGE = True
+
+# don't url-localize requests
+
+LOCALE_INDEPENDENT_PATHS = (
+    re.compile('requests/'),
+    re.compile('/accounts/login/$'),
+    re.compile('/accounts/logout/$'),
+    re.compile('/i18n/'),
+)
+
+#RTL_LANGUAGES = ('ar', 'he',)  # ('fa', 'fa-IR')
+# Fallbacks for locales that are not recognized by Babel. Bug 596981.
+BABEL_FALLBACK = {'fy-nl': 'nl'}
+
+
+
+
+# Absolute path to the directory that holds media.
+# Example: "/home/media/media.lawrence.com/"
+MEDIA_ROOT = PROJECT_PATH+'/static/'
+
+# URL that handles the media served from MEDIA_ROOT. Make sure to use a
+# trailing slash if there is a path component (optional in other cases).
+# Examples: "http://media.lawrence.com", "http://example.com/media/"
+MEDIA_URL = '/media/'
+
+# URL prefix for admin media -- CSS, JavaScript and images. Make sure to use a
+# trailing slash.
+# Examples: "http://foo.com/media/", "/media/".
+ADMIN_MEDIA_PREFIX = '/media/admin/'
+
+# Make this unique, and don't share it with anybody.
+SECRET_KEY = 'priU+iaciut#uV&aphlADo#zlep?i!rlethiu-wOuslapr2eSp'
+
+# List of callables that know how to import templates from various sources.
+TEMPLATE_LOADERS = (
+    #'ffdemo.jinja.Loader',
+    'django.template.loaders.filesystem.Loader',
+    'django.template.loaders.app_directories.Loader',
+#     'django.template.loaders.eggs.Loader',
+)
+
+MIDDLEWARE_CLASSES = (
+    'localeurl.middleware.LocaleURLMiddleware',
+    'django.middleware.common.CommonMiddleware',
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'django.middleware.csrf.CsrfViewMiddleware',
+    'axes.middleware.FailedLoginMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+    'django.contrib.messages.middleware.MessageMiddleware',
+    #'django.middleware.locale.LocaleMiddleware',
+    'ffdemo.middleware.SQLLogMiddleware',
+    'ffdemo.middleware.SSLRedirect',
+)
+
+# ADMIN 
+CONTRIBUTOR_TYPE_CHOICES = (
+    ('c','contributor'),
+    ('t','translator'),
+)
+LOGIN_REDIRECT_URL = "/#/moderate"
+
+# AXES SEC. CONFIG
+AXES_LOGIN_FAILURE_LIMIT = 5
+AXES_LOCK_OUT_AT_FAILURE = True
+AXES_COOLOFF_TIME = 2
+AXES_LOCKOUT_URL = "/auth/locked/"
+
+ROOT_URLCONF = 'ffdemo.urls'
+
+TEMPLATE_DIRS = (
+    PROJECT_PATH+'/templates_orig',
+    PROJECT_PATH+'/templates_orig/sammy',
+)
+
+# JINJA_TEMPLATE_DIRS = (
+#     PROJECT_PATH+'/templates',
+# )
+
+def JINJA_CONFIG():
+    import jinja2
+    config = {'extensions': ['jinja2.ext.loopcontrols',
+                             'jinja2.ext.with_', 'caching.ext.cache'],
+              'finalize': lambda x: x if x is not None else ''}
+    return config
+
+
+TEMPLATE_CONTEXT_PROCESSORS = (
+    'django.core.context_processors.request',
+    'django.core.context_processors.i18n',
+    'django.contrib.auth.context_processors.auth',
+)
+
+SERIALIZATION_MODULES = {
+    'yml': "django.core.serializers.pyyaml"
+}
+
+INSTALLED_APPS = (
+    'localeurl',
+    'ffdemo.markup',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.sites',
+    'django.contrib.messages',
+    'south',
+    'axes',
+)
+
+FIXTURE_DIRS = (
+    PROJECT_PATH+'/fixtures/',
+)
+SOUTH_TESTS_MIGRATE = False
+
+EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
+EMAIL_HOST =  settings_local.EMAIL_HOST
+EMAIL_PORT = settings_local.EMAIL_PORT
+EMAIL_HOST_USER = settings_local.EMAIL_HOST_USER
+EMAIL_HOST_PASSWORD = settings_local.EMAIL_HOST_PASSWORD
+EMAIL_USE_TLS = settings_local.EMAIL_USE_TLS
+
diff --git a/ffdemo/static/Jimfile b/ffdemo/static/Jimfile
new file mode 100644
index 0000000..bfcf580
--- /dev/null
+++ b/ffdemo/static/Jimfile
@@ -0,0 +1,34 @@
+{
+  "vendor_dir": "assets/js/vendor",
+  "compressed_path": "assets/js/compressed.js",
+  "bundle_dir": "assets/js",
+  "bundles": {
+    "markApp": [
+      "jquery.markApp",
+      "jquery.markApp.linear",
+      "jquery.markApp.capture",
+      "jquery.markApp.intro",
+      "jquery.delayedBind",
+      "jquery.collapsibleMod",
+      "jquery.socialShare",
+      "jquery.ui-selectBox",
+      "json2",
+      "canvas_extensions",
+      "mark.layer",
+      "mark.layerManager",
+      "mark.gmlPoint",
+      "mark.simplifyPath",
+      "mark.brushes",
+      "mark.gmlMark",
+      "mark.scene",
+      "mark.renderer",
+      "mark.camera",
+      "mark.base",
+      "tween",
+      "sammy-0.6.3",
+      "sammy.hash_push_proxy",
+      "sammy.template"
+    ]
+  },
+  "compressed_suffix": ".min"
+}
\ No newline at end of file
diff --git a/ffdemo/static/assets/css/style.css b/ffdemo/static/assets/css/style.css
new file mode 100644
index 0000000..72a4f9e
--- /dev/null
+++ b/ffdemo/static/assets/css/style.css
@@ -0,0 +1,1212 @@
+html,
+body {
+	margin: 0;
+	padding: 0;
+	background-color: #333;
+	font-family: Helvetica, Arial, sans;
+	font-size: 67.5%;
+	color: #222222;
+	background-color: #2f2f30;
+	background-image: url("/media/assets/images/footer_bg.gif");
+	background-position: 50% 0;
+	background-repeat: repeat;
+}
+body {
+	overflow-x: hidden;
+}
+section,
+header,
+footer,
+canvas,
+nav {
+	display: block;
+}
+a {
+	text-decoration: none;
+	outline: none;
+}
+
+a img
+{
+	border: none;
+}
+/* SelectBox styles */
+.ui-selectBox {
+	position: relative;
+	width: 188px; /* 188px + 35px (padding-right) + 2px (for borders) == 225px wide */
+	border: solid 1px #BBB;
+	text-decoration: none;
+	color: #000;
+	outline: none;
+	vertical-align: middle;
+	background: #F2F2F2;
+	background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
+	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
+	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
+	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
+	padding-right: 35px;
+	display: inline-block;
+	cursor: default;
+}
+
+.ui-selectBox-disabled,
+.ui-selectBox-disabled .ui-selectBox-arrow {
+	color: #888 !important;
+	border-color: #BBB !important;
+	font-style: italic !important;
+}
+
+.ui-selectBox:hover,
+.ui-selectBox-focus,
+.ui-selectBox:hover .ui-selectBox-arrow,
+.ui-selectBox-focus .ui-selectBox-arrow {
+	border-color: #666;
+}
+
+.ui-selectBox-label {
+	width: 100%;
+	padding: .2em .3em;
+	display: inline-block;
+	white-space: nowrap;
+	overflow: hidden;
+}
+
+.ui-selectBox-arrow {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 23px;
+	height: 100%;
+	background: url(jquery.ui-selectBox-arrow.gif) 50% center no-repeat;
+	border-left: solid 1px #BBB;
+}
+
+/* Dropdown styles */
+#ui-selectBox-dropdown {
+	max-height: 200px;
+	border: solid 1px #BBB;
+	background: #FFF;
+	margin-top: -1px;
+	overflow: auto;
+	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
+	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
+	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
+}
+
+#ui-selectBox-dropdown UL,
+#ui-selectBox-dropdown UL LI {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+
+#ui-selectBox-dropdown UL LI {
+	white-space: nowrap;
+	overflow: hidden;
+	padding: .2em .6em .2em 20px;
+	display: block;
+	cursor: default;
+}
+
+#ui-selectBox-dropdown .ui-selectBox-optgroup {
+	background: #F2F2F2;
+	color: #888;
+	padding-left: .6em;
+}
+
+#ui-selectBox-dropdown.ui-selectBox-hasOptgroups .ui-selectBox-option {
+	padding-left: 20px;
+	background-position: 14px center;
+}
+
+#ui-selectBox-dropdown .ui-selectBox-option.ui-selectBox-initial {
+	background-image: url(jquery.ui-selectBox-tick.gif);
+	background-position: 4px center;
+	background-repeat: no-repeat;
+}
+
+#ui-selectBox-dropdown .ui-selectBox-current {
+	background-color: #C8DEF4;
+}
+
+#ui-selectBox-dropdown .ui-selectBox-disabled {
+	color: #888;
+	font-style: italic;
+}
+
+
+/* The following can be removed if you already have a jQuery UI theme loaded */
+.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
+.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
+.ui-selectBox
+{
+	width: 200px;
+	background: #fff;
+	border: #bbb 1px solid;
+	-moz-border-radius: 0;
+	-webkit-border-radius: 0;
+	border-radius: 0;
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+	padding: 3px 0 3px 7px;
+	line-height: 10px;
+	background: url('/media/assets/images/location_selector_dropdown_bg.gif') 100% 50% no-repeat #ffffff;
+}
+.ui-selectBox:hover,
+.ui-selectBox-focus,
+.ui-selectBox:hover .ui-selectBox-arrow,
+.ui-selectBox-focus .ui-selectBox-arrow
+{
+	border-color: #bbb;
+}
+.ui-selectBox .ui-selectBox-label
+{
+	font-size: 10px;
+	line-height: 10px;
+	color: #6e6e6e;
+	padding: 4px 0 0 5px;
+}
+.ui-selectBox-arrow
+{
+	display: none;
+	border-color: #bbb;
+}
+#ui-selectBox-dropdown ul li
+{
+	font-size: 10px;
+	margin: 0;
+	padding: 2px 0 2px 9px;
+	color: #6e6e6e;
+}
+
+#mark-browsing-options .ui-selectBox
+{
+	width: 137px;
+	padding: 0;
+	border: #e4e4e4 1px solid;
+}
+
+#mark-browsing-options .ui-selectBox:hover,
+#mark-browsing-options .ui-selectBox-focus,
+#mark-browsing-options .ui-selectBox:hover .ui-selectBox-arrow,
+#mark-browsing-options .ui-selectBox-focus .ui-selectBox-arrow
+{
+	border-color: #e4e4e4;
+}
+
+#mark-browsing-options .ui-selectBox-arrow
+{
+	border-color: #e4e4e4;
+}
+
+#mark-browsing-options .ui-selectBox-label
+{
+	padding: 8px 0 4px 6px;
+	display: block;
+	font-size: 10px;
+	line-height: 10px;
+}
+
+/* End Select Box Styles */
+
+#main-links,
+#main-navigation,
+#legal, 
+#callout-boxes {
+
+}
+header {
+	background-color: #000000;
+	border-top: #717171 2px solid;
+}
+#main-links {
+	width: 970px;
+	margin: 0 auto;
+	position: relative;
+}
+#main-links #mozilla-logo {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 118px;
+	height: 47px;
+	background: url('/media/assets/images/mozilla_tab.png') top right no-repeat;
+	padding: 0;
+	margin: 0;
+	text-indent: -9000em;
+}
+header h1 {
+	margin: 0;
+	float: left;
+	font-size: 3em;
+}
+header h1 a {
+	color: #F66C1E;
+	background-image: url(/media/assets/images/mark_up_logo.jpg);
+	background-position: 0 0;
+	background-repeat: no-repeat;
+	text-transform: uppercase;
+	text-indent: -99999px;
+	display: block;
+	width: 425px;
+	height: 62px;
+}
+header h2
+{
+	margin: 0;
+	padding: 0;
+}
+#main-navigation {
+	position: absolute;
+	z-index: 1000;
+	width: 100%;
+}
+#main-navigation nav {
+	position: relative;
+	width: 970px;
+	margin: 0 auto;
+	color: #000000;
+}
+
+#main-navigation nav ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+#main-navigation nav ul li {
+	margin: 0;
+	float: left;
+	background-color: #fff;
+	opacity: 0.9;
+	filter:alpha(opacity=90)
+}
+#main-navigation nav ul li.disabled {
+	color: #cccccc;
+	font-weight: bold;
+	text-transform: uppercase;
+	font-size: 1.4em;
+	line-height: 1.4em;
+	padding: 5px 14px 6px 14px;
+}
+#main-navigation nav ul li#community
+{
+	cursor: pointer;
+}
+#main-navigation nav ul li a {
+	display: block;
+	color: #000000;
+	font-weight: bold;
+	text-transform: uppercase;
+	font-size: 1.4em;
+	line-height: 1.4em;
+	padding: 5px 14px 6px 14px;
+}
+#main-navigation nav ul li.download-link,
+#main-navigation nav ul li#locale-options {
+	float: left;
+}
+#main-navigation nav ul li.download-link a,
+#main-navigation nav ul li#locale-options a {
+	color: #ff5400;
+}
+
+#coming-soon-tip
+{
+	display: none;
+	z-index: 1000;
+	position: absolute;
+	top: 22px;
+	left: 344px;
+	width: 150px;
+	height: 40px;
+	background: url('/media/assets/images/coming-soon-tip-bg.png') top left no-repeat;
+	color: white;
+	padding: 21px 0 0 9px;
+	font-size: 1.5em;
+}
+
+body.behind-the-code nav ul #behind-the-code a,
+body.manifesto nav ul #manifesto a,
+body.make-your-mark ul #make-your-mark a,
+body.community ul #community a {
+	background: #ff5400;
+	color: #000;
+}
+
+#content {
+	width: 100%;
+	background-color: #ffffff;
+	overflow: hidden;
+	position: relative;
+	font-size: 2em;
+	min-height: 500px;
+}
+#sammy,
+#markapp {
+	position: absolute;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	width: auto;
+	height: auto;
+}
+#content canvas {
+	background: transparent;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+#site-info {
+	height: 30px;
+	background: #333;
+}
+#sammy {
+	padding: 20px;
+	color: #333;
+}
+#sammy a {
+	color: #F66C1E;
+}
+#markmaker {
+	height: 100%;
+	margin: -20px;
+	background-image: url(/media/assets/images/large_dash.gif);
+	background-repeat: repeat-x;
+	background-position: 0 70%;
+}
+
+#intro-content {
+	width: 600px;
+	margin: 0 auto;
+	padding-left: 370px;
+}
+#browse-marks,
+#intro-main-copy,
+#click-anywhere {
+	position: absolute;
+}
+#click-anywhere {
+	font-size: 0.9em;
+	margin: 10px 0 0 0;
+}
+#browse-marks {
+	z-index: 300;
+}
+#browse-marks a {
+	float: right;
+	display: block;
+	background-image: url("/media/assets/images/magnifying.png");
+	background-position: 0 0;
+	font-size: 0.7em;
+	text-shadow: 0 0 1px rgba(0,0,0,.25);
+	height: 63px;
+	line-height: 1.3em;
+	padding-right: 13px;
+	padding-top: 24px;
+	text-align: center;
+	width: 76px;
+	color: #ffffff;
+}
+#markmaker #intro-main-copy {
+	width: 600px;
+}
+#markmaker #intro-main-copy h1 {
+	margin: 0;
+}
+#markmaker #intro-main-copy p {
+	line-height: 26px;
+	font-size: 0.9em;
+}
+
+#markmaker #drawing {
+	background: url(/media/assets/images/large_dash.gif ) 0 80% repeat-x;
+	height: 100%;
+	margin: -20px;
+}
+#markmaker-controls {
+	width: 400px;
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+	margin-left: -200px;
+	list-style: none;
+	z-index: 200;
+	text-align: center;
+	padding: 0;
+}
+#markmaker-controls li {
+display: inline-block;
+}
+
+#markmaker-controls li a {
+	color: #939393;
+	cursor: pointer;
+	display: inline-block;
+	padding: 30px 10px 4px;
+	margin: 0 10px;
+	background-repeat: no-repeat;
+	background-position: 50% 0;
+	text-transform: lowercase;
+	font-weight: bold;
+	font-size: 0.9em;
+}
+#markmaker-controls li a.disabled {
+	opacity: 0.5;
+	cursor: default;
+	cursor: not-allowed;
+}
+#markmaker-controls li#markmaker-submit a {
+	background-image: url(/media/assets/images/submit.png);
+	background-position: 50% 3px ;
+}
+#markmaker-controls li#markmaker-reset a {
+	background-image: url(/media/assets/images/reset.png);
+}
+#markmaker-controls li#markmaker-cancel a {
+	background-image: url(/media/assets/images/cancel.png);
+	background-position: 50% 5px;
+}
+#markmaker-controls li#markmaker-location a {
+	background-image: url(/media/assets/images/location.png);
+}
+#markmaker-information {
+	position: absolute;
+	right: 35px;
+	z-index: 200;
+	bottom: 25px;
+	display: block;
+	width: 30px;
+	height: 30px;
+	text-indent: -9999px;
+	background: url(/media/assets/images/i.png) 50% 50% no-repeat;
+	cursor: pointer;
+}
+
+#contributor-fields,
+#translator-fields {
+	width: 300px;
+	position: absolute;
+	z-index: 200;
+	bottom: 25px;
+	left: 25px;
+	padding: 7px;
+	background: #f7f7f7;
+	opacity: 0.9;
+}
+#translator-fields {
+	font-size: 12px;
+}
+#contributor-fields .field-wrapper {
+	margin: 10px 0;
+}
+#contributor-fields input, 
+#contributor-fields textarea {
+	width: 250px;
+	resize: none;
+	padding: 4px 2px;
+	font-size: 0.8em;
+	font-family: Helvetica, Arial, sans;
+	border: 1px solid #999999;
+}
+#contributor-fields label {
+	font-size: 0.7em;
+	display: inline;
+	width: 40px;
+	margin: 0px 5px 0px 0;
+	padding: 4px 0;
+	vertical-align: top;
+}
+#view-source {
+	position: absolute;
+	left: 12px;
+	bottom: 12px;
+	font-size: 0.7em;
+	font-weight: bold;
+	z-index: 1000;
+	padding: 5px;
+}
+.collapsible {
+	overflow: hidden;
+}
+.collapsible h3 {
+	cursor: pointer;
+	background-color: #F2F2F2;
+	background-image: url("/media/assets/images/collapsible.png");
+	background-position: 97% 50%;
+	background-repeat: no-repeat;
+	color: #6E6E6E;
+	font-size: 10px;
+	margin: -5px;
+	padding: 5px;
+}
+.collapsibleMod-expanded h3 {
+	background-image: url("/media/assets/images/collapsed.png");
+}
+#stats {
+	position: absolute;
+	right: 12px;
+	bottom: 12px;
+	z-index: 300;
+}
+#stats,
+#mark-browsing {
+	padding: 7px;
+	width: 166px;
+	background: #f7f7f7;
+	z-index: 300;
+	opacity: 0.9;
+}
+#mark-browsing-options {
+	margin-bottom: 12px;
+}
+
+#stats ul {
+	list-style:none;
+	margin: 0;
+	padding: 10px 0 0;
+	font-size: 10px;
+	color: #6e6e6e;
+}
+#stats ul li {
+	margin: 0;
+	padding: 3px 0;
+}
+#mark-browsing {
+	position: absolute;
+	right: 12px;
+	top: 20px;
+}
+
+#mark-browsing-controls {
+	list-style: none;
+	background-image: url(/media/assets/images/controls.png);
+	background-repeat: no-repeat;
+	background-position: 50% 36px;
+	width: 166px;
+	height: 112px;
+	padding: 0;
+	margin: 10px 0;
+	position: relative;
+}
+#mark-browsing-controls li {
+	position: absolute;
+	
+}
+#mark-browsing-controls li a {
+	display: block;
+	color: #999999;
+	opacity: 1;
+	background-repeat: no-repeat;
+	font-size: 0px;
+	font-weight: bold;
+	text-indent: -9000em;
+}
+#mark-browsing-controls li a:hover {
+	opacity: 0.8;
+}
+#mark-browsing-zoom-in {
+	left: 48px;
+	top: 5px;
+}
+#mark-browsing-zoom-out {
+	left: 48px;
+	bottom: 8px;
+}
+#mark-browsing-next {
+	right: 21px;
+	top: 30px;
+}
+#mark-browsing-prev {
+	left: 24px;
+	top: 30px;
+}
+#mark-browsing-zoom-in a {
+	background-image: url(/media/assets/images/zoomIn.png);
+	background-position: 50% 100%;
+	padding: 0 0 20px 0;
+	text-align: center;
+	width: 70px;
+}
+#mark-browsing-zoom-out a {
+	background-image: url(/media/assets/images/zoomOut.png);
+	background-position: 50% 0%;
+	padding: 40px 0 0 0;
+	text-align: center;
+	width: 70px;
+}
+#mark-browsing-next a {
+	background-image: url(/media/assets/images/nextMark.png);
+	background-position: 0% 50%;
+	padding: 10px 0 10px 36px;
+	text-align: right;
+	height: 11px;
+}
+#mark-browsing-prev a {
+	background-image: url("/media/assets/images/prevMark.png");
+	background-position: 100% 50%;
+	height: 11px;
+	padding: 10px 34px 10px 0;
+	text-align: left;
+}
+.select-wrapper {
+	margin-bottom: 8px;
+}
+#country-select-label,
+#contributor-select-label {
+	display: inline-block;
+	background-image: url(/media/assets/images/location_small.png);
+	background-position: 0 0;
+	background-repeat: no-repeat;
+	text-indent:-9999px;
+	width: 14px;
+	height: 14px;
+}
+#contributor-select-label {
+	background-image: url(/media/assets/images/contributor_label.png);
+}
+#country-select {
+	margin-bottom: 8px;
+}
+#country-select,
+#contributor-select {
+	width: 140px;
+}
+#mark-browsing-shortcuts {
+	list-style: none;
+	padding: 0;
+	margin: 10px 0 0;
+}
+#mark-browsing-shortcuts li {
+	text-align: center;
+}
+#mark-browsing-shortcuts li a {
+	display: block;
+	font-size: 10px;
+	background-color: #f2f2f2;
+	margin: 3px;
+	padding: 5px;
+	color: #6e6e6e;
+	font-weight: bold;
+}
+#mark-browsing-shortcuts li a:hover {
+	background-color: #ededed;
+	color: #555;
+}
+#mark-information {
+	position: absolute;
+	bottom: 12px;
+	left: 50%;
+	width: 206px;
+	padding: 10px 14px 10px 43px;
+	margin: 0 0 0 -80px;
+	background: #f7f7f7;
+	z-index: 300;
+	color: #f26522;
+	opacity: 0.9;
+}
+#mark-playback {
+	position: absolute;
+	top: 9px;
+	left: 10px;
+	width: 25px;
+	height: 25px;
+	text-indent: -9999px;
+	display: block;
+	background-image: url(/media/assets/images/playback.png);
+	background-repeat: no-repeat;
+	background-position: 0 0;
+}
+#mark-flag {
+	position: absolute;
+	top: 10px;
+	right: 12px;
+	width: 16px;
+	height: 10px;
+	text-indent: -9999px;
+	display: block;
+	background-image: url(/media/assets/images/flag.png);
+	background-repeat: no-repeat;
+	background-position: 0 0;
+}
+#mark-flag.disabled {
+	background-position: 0 -10px;
+	cursor: default;
+}
+#facebook-share,
+#twitter-share {
+	width: 24px;
+	height: 23px;
+	display: block;
+	float: left;
+	background-position: 0 0;
+	background-repeat: no-repeat;
+	text-indent: -9999px;
+	margin-right: 2px;
+}
+#facebook-share {
+	background-image: url(/media/assets/images/facebook.png);
+}
+#twitter-share {
+	background-image: url(/media/assets/images/twitter.png);
+}
+
+#delete-mark
+{
+	float: left;
+	margin: 0 20px 0 0;
+}
+#approve-mark-copy
+{
+	float: left;
+	padding: 4px 6px 0 0;
+}
+#approve-mark-checkbox
+{
+	float: left;
+}
+
+#mark-information h3,
+#mark-information h4,
+#url-share label {
+	font-size: 11px;
+	margin: 0;
+	font-weight: normal;
+}
+#mark-information h4 {
+	margin-bottom: 5px;
+}
+#mark-contributor-name {
+	font-weight: bold;
+}
+#url-share label {
+}
+#url-share input {
+	width: 110px;
+	height: 20px;
+	padding: 0 3px;
+	border: 1px solid #f9a57d;
+	font-size: 10px;
+}
+footer {
+	padding-bottom: 20px;
+}
+footer #callout-boxes {
+	background-color: #000000;
+}
+footer #callout-boxes-wrapper {
+	width: 970px;
+	margin: 0 auto;
+	padding: 18px 0;
+}
+.callout-box {
+	width: 227px;
+	float: left;
+	color: #a8a8a8;
+	padding: 0 10px 0 0;
+	border-right: 1px solid #424242;
+	margin: 0 9px 10px 0;
+	font-size: 1.4em;
+}
+footer #callout-boxes-wrapper .last {
+	border-right: none;
+	padding: 0;
+	margin: 0;
+}
+.callout-box img {
+	float: left;
+	margin: 0 10px 10px 0;
+}
+.callout-box h3 {
+	margin: 0;
+}
+.callout-box h3 {
+	margin: 0;
+}
+.callout-box h3 a {
+	color: #A8A8A8;
+}
+.callout-box p {
+	margin: 4px 0;
+	line-height: 1.6em;
+}
+
+
+footer #language
+{
+	width: 968px;
+	margin: 20px auto 0;
+	position: relative;
+}
+
+footer #language #current-locale
+{
+	float: right;
+	display: block;
+	color: #999;
+	font-size: 1.4em;
+	text-transform: uppercase;
+	padding: 5px 7px 7px 20px;
+	background: #2F2F30 url('/media/assets/images/locale_selector_arrow.png') 0 0 no-repeat;
+}
+
+footer #language #current-locale.selected
+{
+	background-position: 0 -15px;
+}
+
+footer #language #language-selector
+{
+	display: none;
+	position: absolute;
+	top: 15px;
+	right: 0;
+	width: 120px;
+	background: #4c4c4c;
+	z-index: 1000;
+	color: white;
+	text-shadow: 1px 1px 1px #e14f00;
+	padding: 0;
+}
+
+footer #language #language-selector li
+{
+	list-style: none;
+	text-shadow: none;
+	font-size: 1.4em;
+	text-transform: uppercase;
+}
+
+footer #language #language-selector li.selected
+{
+	padding: 5px 0 5px 10px;
+	border-left: #2b2b2b 10px solid;
+}
+
+footer #language #language-selector li a
+{
+	display: block;
+	color: white;
+	padding: 5px 0 5px 10px;
+	border-left: #3d3d3d 10px solid;
+}
+
+footer #language #language-selector li a:hover
+{
+	border-left: #2b2b2b 10px solid;
+}
+
+
+
+
+
+
+
+
+
+footer #legal {
+	background-color: #2f2f30;
+	color: #727272;
+	width: 938px;
+	padding: 15px;
+	margin: 20px auto 0;
+}
+footer #legal p {
+	font-size: 1.4em;
+	margin: 0;
+	padding: 0;
+	line-height: 1.7em;
+}
+footer #legal p.legal-blurb {
+	width: 460px;
+	float: left;
+	margin-right: 10px;
+}
+footer #legal p.last {
+	margin-right: 0;
+}
+footer #legal a {
+	color: #727272;
+	text-decoration: underline;
+}
+footer #legal a:hover {
+	background-color: #272727;
+	margin-bottom: 1px;
+}
+#legal-links {
+	clear: both;
+}
+#legal-links ul {
+	list-style: none;
+	margin: 0;
+	padding: 20px 0 4px;
+}
+#legal-links ul li {
+	float: left;
+	border-right: 1px solid #616161;
+	margin-right: 10px;
+	padding-right: 10px;
+	font-size: 1.4em;
+}
+#legal-links ul li.last {
+	border-right: none;
+	margin-right: 0;
+	padding-right: 0;
+}
+.infobox-inner {
+	background-color: #e4e4e4;
+}
+.infobox-arrow {
+	background-image: url("/media/assets/images/tri.png");
+	background-position: 100% 100%;
+	background-repeat: no-repeat;
+	height: 14px;
+	width: 30px;
+}
+.infobox-inner p {
+	margin: 0;
+	padding: 5px;
+	line-height: 1.4em;
+}
+#contributor-quote-box {
+	width: 350px;
+	font-size: 0.7em;
+	z-index: 201;
+	position: absolute;
+	opacity: 0.8;
+}
+#contributor-quote-box .infobox-inner {
+	padding: 10px;
+}
+#contributor-quote-box p {
+	margin: 0 0 10px;
+	padding: 0;
+}
+#contributor-quote-box #contributor-name {
+	text-align: right;
+	font-size: 10px;
+	margin-bottom: 0;
+}
+#contributor-quote-box #contributor-quote {
+	font-style: italic;
+	font-size: 11px;
+}
+#location-dialog {
+	width: 350px;
+	font-size: 0.7em;
+	z-index: 201;
+	position: absolute;
+}
+#location-dialog .infobox-inner {
+	padding: 14px 10px 6px;
+}
+#location-dialog select {
+	
+}
+#information-dialog {
+	font-size: 0.7em;
+	z-index: 201;
+	position: absolute;
+}
+#information-dialog p {
+	margin: 0;
+	padding: 0;
+	max-width: 300px;
+}
+#information-dialog .infobox-inner {
+	padding: 6px 10px;
+}
+#information-dialog .infobox-arrow {
+	background-image: url("/media/assets/images/tri_rtl.png");
+	height: 14px;
+	width: 30px;
+	float: right;
+	margin-right: 14px;
+}
+#markmaker-legal-line {
+	font-size: 0.75em;
+	font-style: italic;
+	color: #bbbbbb;
+	width: 400px;
+	margin: 0 0 0 -200px;
+	position: absolute;
+	left: 50%;
+	text-align: center;
+	bottom: 102px;
+}
+.overlay-wrapper {
+	background: url(/media/assets/images/overlay.png) 0 0 repeat;
+}
+.overlay-light {
+	background: url(/media/assets/images/light_overlay.png) 0 0 repeat;
+	opacity: 0.9;
+}
+#markapp-loader {
+	padding: 100px 0;
+	z-index: 300;
+	position: relative;
+}
+#markapp-loader div {
+	background: url("/media/assets/images/loading.gif") no-repeat 50% 31px;
+	color: #FFFFFF;
+	font-size: 0.9em;
+	font-weight: bold;
+	line-height: 1.8em;
+	margin: 0 auto;
+	padding-bottom: 20px;
+	text-align: center;
+	width: 420px;
+}
+#markapp-loader.overlay-light div {
+	color: #ff5400;
+	background: url("/media/assets/images/loader_light.gif") no-repeat 50% 31px;
+}
+#fallback,
+#markapp-error {
+	padding: 160px 0 0;
+	z-index: 300;
+	position: relative;
+}
+#fallback-content,
+#markapp-error-content {
+	margin: 0 auto;
+	width: 420px;
+	font-size: 0.9em;
+	background: #ff5400;
+	border: 2px solid #ffffff;
+	color: #ffffff;
+	line-height: 1.8em;
+}
+#fallback-content p,
+#markapp-error-content p {
+	background-image: url(/media/assets/images/arrow_orange.png);
+	background-position: 10px 100%;
+	background-repeat: no-repeat;
+	margin: 0 0 -18px;
+	padding: 30px 50px 50px;
+	font-size: 13px;
+}
+#fallback-content p a,
+#markapp-error-content p a {
+	color: #7F3100;
+}
+#fallback-content p a:hover,
+#markapp-error-content p a:hover {
+	color: #FFA680;
+}
+/* Static content styles */
+#static-content {
+	width: 970px;
+	margin: 60px auto 120px;
+}
+#static-content h1 {
+	font-size: 2.3em;
+	margin-top: 0;
+	margin-bottom: 0.3em;
+}
+#static-content h2 {
+	font-size: 1.3em;
+	margin: 2em 0 0.3em;
+}
+#static-content p {
+	line-height: 1.6em ;
+	font-size: 1em;
+	margin: 0.4em 0 1em 0;
+}
+#static-content blockquote {
+	margin: 0.4em 0.3em 0.4em 0.3em;
+	line-height: 1.6em;
+	font-style: italic;
+}
+#static-content cite {
+	display: block;
+	margin: 0.7em 0.3em 1.2em 0.6em;
+}
+#static-content a {
+	color: #FF5400;
+}
+#static-content .col-secondary,
+#static-content .col-main {
+	float: left;
+	padding-right: 50px;
+}
+#static-content .col-last {
+	padding-right: 0;
+}
+#static-content .col-secondary {
+	width: 220px;
+}
+#static-content .col-main {
+	width: 700px;
+}
+#about-nav ul {
+	list-style: none;
+	padding: 88px 0 10px 0;
+	margin: 0;
+}
+#about-nav ul li {
+	text-align: right;
+	padding-bottom: 1em;
+}
+#about-nav ul li a {
+	color: #000000;
+	font-weight: bold;
+	font-size: 1.3em;
+}
+#newsletter-form
+{
+	margin: 30px 0 30px 30px;
+}
+
+#newsletter-form label,
+#newsletter-form input,
+#newsletter-form select
+{
+	float: left;
+}
+#newsletter-form label
+{
+	margin: 0 10px 0 0;
+}
+#newsletter-form input[type="radio"]
+{
+	margin: 5px 15px 0 0;
+}
+#newsletter-form input[type="checkbox"]
+{
+	margin: 7px 10px 0 0;
+}
+#newsletter-form cite
+{
+	margin-left: 0;
+}
+
+
+#main-links:after,
+.ui-selectBox:after,
+#main-navigation:after,
+#main-navigation nav ul:after,
+#legal:after, 
+#legal-links ul:after,
+#callout-boxes:after,
+#static-content:after,
+header:after,
+.group:after,
+footer #language:after,
+#newsletter-form p:after {
+	clear: both;
+	content: ".";
+	display: block;
+	height: 0;
+	visibility: hidden;
+}
\ No newline at end of file
diff --git a/ffdemo/static/assets/images/arrow.png b/ffdemo/static/assets/images/arrow.png
new file mode 100644
index 0000000..004e312
Binary files /dev/null and b/ffdemo/static/assets/images/arrow.png differ
diff --git a/ffdemo/static/assets/images/arrow_orange.png b/ffdemo/static/assets/images/arrow_orange.png
new file mode 100644
index 0000000..6e8fcde
Binary files /dev/null and b/ffdemo/static/assets/images/arrow_orange.png differ
diff --git a/ffdemo/static/assets/images/bg.jpg b/ffdemo/static/assets/images/bg.jpg
new file mode 100644
index 0000000..151fcce
Binary files /dev/null and b/ffdemo/static/assets/images/bg.jpg differ
diff --git a/ffdemo/static/assets/images/cancel.png b/ffdemo/static/assets/images/cancel.png
new file mode 100644
index 0000000..1a9562b
Binary files /dev/null and b/ffdemo/static/assets/images/cancel.png differ
diff --git a/ffdemo/static/assets/images/collapsed.png b/ffdemo/static/assets/images/collapsed.png
new file mode 100644
index 0000000..2d3ce9b
Binary files /dev/null and b/ffdemo/static/assets/images/collapsed.png differ
diff --git a/ffdemo/static/assets/images/collapsible.png b/ffdemo/static/assets/images/collapsible.png
new file mode 100644
index 0000000..c0c2698
Binary files /dev/null and b/ffdemo/static/assets/images/collapsible.png differ
diff --git a/ffdemo/static/assets/images/coming-soon-tip-bg.png b/ffdemo/static/assets/images/coming-soon-tip-bg.png
new file mode 100644
index 0000000..c668d7b
Binary files /dev/null and b/ffdemo/static/assets/images/coming-soon-tip-bg.png differ
diff --git a/ffdemo/static/assets/images/contributor_icon.png b/ffdemo/static/assets/images/contributor_icon.png
new file mode 100644
index 0000000..dc2e46f
Binary files /dev/null and b/ffdemo/static/assets/images/contributor_icon.png differ
diff --git a/ffdemo/static/assets/images/contributor_label.png b/ffdemo/static/assets/images/contributor_label.png
new file mode 100644
index 0000000..8458886
Binary files /dev/null and b/ffdemo/static/assets/images/contributor_label.png differ
diff --git a/ffdemo/static/assets/images/controls.png b/ffdemo/static/assets/images/controls.png
new file mode 100644
index 0000000..f64289c
Binary files /dev/null and b/ffdemo/static/assets/images/controls.png differ
diff --git a/ffdemo/static/assets/images/evan_roth.jpg b/ffdemo/static/assets/images/evan_roth.jpg
new file mode 100644
index 0000000..54d736d
Binary files /dev/null and b/ffdemo/static/assets/images/evan_roth.jpg differ
diff --git a/ffdemo/static/assets/images/evan_roth_bio.jpg b/ffdemo/static/assets/images/evan_roth_bio.jpg
new file mode 100644
index 0000000..9a5f221
Binary files /dev/null and b/ffdemo/static/assets/images/evan_roth_bio.jpg differ
diff --git a/ffdemo/static/assets/images/facebook.png b/ffdemo/static/assets/images/facebook.png
new file mode 100644
index 0000000..9d75439
Binary files /dev/null and b/ffdemo/static/assets/images/facebook.png differ
diff --git a/ffdemo/static/assets/images/favicon.png b/ffdemo/static/assets/images/favicon.png
new file mode 100644
index 0000000..ad65cde
Binary files /dev/null and b/ffdemo/static/assets/images/favicon.png differ
diff --git a/ffdemo/static/assets/images/firefox_logo.jpg b/ffdemo/static/assets/images/firefox_logo.jpg
new file mode 100644
index 0000000..5fef452
Binary files /dev/null and b/ffdemo/static/assets/images/firefox_logo.jpg differ
diff --git a/ffdemo/static/assets/images/flag.png b/ffdemo/static/assets/images/flag.png
new file mode 100644
index 0000000..5d33f93
Binary files /dev/null and b/ffdemo/static/assets/images/flag.png differ
diff --git a/ffdemo/static/assets/images/footer_bg.gif b/ffdemo/static/assets/images/footer_bg.gif
new file mode 100644
index 0000000..fe93de9
Binary files /dev/null and b/ffdemo/static/assets/images/footer_bg.gif differ
diff --git a/ffdemo/static/assets/images/i.png b/ffdemo/static/assets/images/i.png
new file mode 100644
index 0000000..a584845
Binary files /dev/null and b/ffdemo/static/assets/images/i.png differ
diff --git a/ffdemo/static/assets/images/large_dash.gif b/ffdemo/static/assets/images/large_dash.gif
new file mode 100644
index 0000000..ec58e78
Binary files /dev/null and b/ffdemo/static/assets/images/large_dash.gif differ
diff --git a/ffdemo/static/assets/images/light_overlay.png b/ffdemo/static/assets/images/light_overlay.png
new file mode 100644
index 0000000..c9e9099
Binary files /dev/null and b/ffdemo/static/assets/images/light_overlay.png differ
diff --git a/ffdemo/static/assets/images/loader_light.gif b/ffdemo/static/assets/images/loader_light.gif
new file mode 100644
index 0000000..aa9d091
Binary files /dev/null and b/ffdemo/static/assets/images/loader_light.gif differ
diff --git a/ffdemo/static/assets/images/loading.gif b/ffdemo/static/assets/images/loading.gif
new file mode 100644
index 0000000..3ec2f62
Binary files /dev/null and b/ffdemo/static/assets/images/loading.gif differ
diff --git a/ffdemo/static/assets/images/locale_selector_arrow.png b/ffdemo/static/assets/images/locale_selector_arrow.png
new file mode 100644
index 0000000..8fa37ae
Binary files /dev/null and b/ffdemo/static/assets/images/locale_selector_arrow.png differ
diff --git a/ffdemo/static/assets/images/location.png b/ffdemo/static/assets/images/location.png
new file mode 100644
index 0000000..db7dc25
Binary files /dev/null and b/ffdemo/static/assets/images/location.png differ
diff --git a/ffdemo/static/assets/images/location_selector_dropdown_bg.gif b/ffdemo/static/assets/images/location_selector_dropdown_bg.gif
new file mode 100644
index 0000000..051a0a9
Binary files /dev/null and b/ffdemo/static/assets/images/location_selector_dropdown_bg.gif differ
diff --git a/ffdemo/static/assets/images/location_small.png b/ffdemo/static/assets/images/location_small.png
new file mode 100644
index 0000000..b94060f
Binary files /dev/null and b/ffdemo/static/assets/images/location_small.png differ
diff --git a/ffdemo/static/assets/images/magnifying.png b/ffdemo/static/assets/images/magnifying.png
new file mode 100644
index 0000000..78f28f5
Binary files /dev/null and b/ffdemo/static/assets/images/magnifying.png differ
diff --git a/ffdemo/static/assets/images/mark_up_logo.jpg b/ffdemo/static/assets/images/mark_up_logo.jpg
new file mode 100644
index 0000000..0e2a32f
Binary files /dev/null and b/ffdemo/static/assets/images/mark_up_logo.jpg differ
diff --git a/ffdemo/static/assets/images/mozilla_tab.png b/ffdemo/static/assets/images/mozilla_tab.png
new file mode 100644
index 0000000..819ba57
Binary files /dev/null and b/ffdemo/static/assets/images/mozilla_tab.png differ
diff --git a/ffdemo/static/assets/images/nextMark.png b/ffdemo/static/assets/images/nextMark.png
new file mode 100644
index 0000000..3b3cd69
Binary files /dev/null and b/ffdemo/static/assets/images/nextMark.png differ
diff --git a/ffdemo/static/assets/images/overlay.png b/ffdemo/static/assets/images/overlay.png
new file mode 100644
index 0000000..027d6db
Binary files /dev/null and b/ffdemo/static/assets/images/overlay.png differ
diff --git a/ffdemo/static/assets/images/playback.png b/ffdemo/static/assets/images/playback.png
new file mode 100644
index 0000000..41d34e9
Binary files /dev/null and b/ffdemo/static/assets/images/playback.png differ
diff --git a/ffdemo/static/assets/images/prevMark.png b/ffdemo/static/assets/images/prevMark.png
new file mode 100644
index 0000000..9e84ff5
Binary files /dev/null and b/ffdemo/static/assets/images/prevMark.png differ
diff --git a/ffdemo/static/assets/images/reset.png b/ffdemo/static/assets/images/reset.png
new file mode 100644
index 0000000..1737948
Binary files /dev/null and b/ffdemo/static/assets/images/reset.png differ
diff --git a/ffdemo/static/assets/images/site_thumb.jpg b/ffdemo/static/assets/images/site_thumb.jpg
new file mode 100644
index 0000000..f02fbf1
Binary files /dev/null and b/ffdemo/static/assets/images/site_thumb.jpg differ
diff --git a/ffdemo/static/assets/images/submit.png b/ffdemo/static/assets/images/submit.png
new file mode 100644
index 0000000..2b795d1
Binary files /dev/null and b/ffdemo/static/assets/images/submit.png differ
diff --git a/ffdemo/static/assets/images/tri.png b/ffdemo/static/assets/images/tri.png
new file mode 100644
index 0000000..374f61b
Binary files /dev/null and b/ffdemo/static/assets/images/tri.png differ
diff --git a/ffdemo/static/assets/images/tri_rtl.png b/ffdemo/static/assets/images/tri_rtl.png
new file mode 100644
index 0000000..cccacae
Binary files /dev/null and b/ffdemo/static/assets/images/tri_rtl.png differ
diff --git a/ffdemo/static/assets/images/twitter.png b/ffdemo/static/assets/images/twitter.png
new file mode 100644
index 0000000..c0106dd
Binary files /dev/null and b/ffdemo/static/assets/images/twitter.png differ
diff --git a/ffdemo/static/assets/images/web_of_wonders.jpg b/ffdemo/static/assets/images/web_of_wonders.jpg
new file mode 100644
index 0000000..a714aa1
Binary files /dev/null and b/ffdemo/static/assets/images/web_of_wonders.jpg differ
diff --git a/ffdemo/static/assets/images/world_eater.jpg b/ffdemo/static/assets/images/world_eater.jpg
new file mode 100644
index 0000000..bf406ef
Binary files /dev/null and b/ffdemo/static/assets/images/world_eater.jpg differ
diff --git a/ffdemo/static/assets/images/zoomIn.png b/ffdemo/static/assets/images/zoomIn.png
new file mode 100644
index 0000000..6ba3cd7
Binary files /dev/null and b/ffdemo/static/assets/images/zoomIn.png differ
diff --git a/ffdemo/static/assets/images/zoomOut.png b/ffdemo/static/assets/images/zoomOut.png
new file mode 100644
index 0000000..6fab609
Binary files /dev/null and b/ffdemo/static/assets/images/zoomOut.png differ
diff --git a/ffdemo/static/assets/js/app.js b/ffdemo/static/assets/js/app.js
new file mode 100644
index 0000000..bbd070c
--- /dev/null
+++ b/ffdemo/static/assets/js/app.js
@@ -0,0 +1,161 @@
+( function( $ ) {
+	var app = $.sammy( '#sammy', function() {
+		// ROUTES
+		this.get( '#/', function( context ) {
+			// making our mark
+			// unload the visualization if it's loaded
+			$( '#markapp' ).markApp( 'unloadModule', 'linear' );
+			// load the template
+			this.partial( 'makemark_sammy.html' )
+				.then( function() {
+					// init the intro
+					// init the capture interface, specifying that we're playing the intro first, and it should be ready to go when it's done
+					$( '#markapp' ).markApp( 'addModule', { 'capture': { 'state': 'intro' } } );
+					$( '#markapp' ).markApp( 'addModule', { 'intro': { } } );
+					
+					$( '#sammy' ).css( 'zIndex', '' );
+				} );
+		} );
+		
+		// MARK CREATION
+		this.get( '#/mark/new', function( context ) {
+			// unload the visualization if it's loaded
+			$( '#markapp' ).markApp( 'unloadModule', 'linear' );
+			
+			var modOptions = {
+				'state': 'drawing',
+				'invite_code': context.params['invite'],
+				'contributor_type': context.params['contributor_type']
+			}
+			// if we already have the content loaded, just update the state of the interface
+			if ( $( '#markmaker' ).size() > 0 ) {
+				$( '#markapp' ).markApp( 'unloadModule', 'intro' );
+				
+				$( '#markapp' ).markApp( 'addModule', { 'capture': modOptions } );
+			} else {
+				// template is not yet loaded, so lets start fresh
+				// load the template
+				this.partial( 'makemark_sammy.html' )
+					.then( function() {
+						// init the capture interface, specifying that the intro should not be shown
+						$( '#markapp' ).markApp( 'addModule', { 'capture': modOptions } );
+						$( '#sammy' ).css( 'zIndex', '' );
+					} );
+			}
+		} );
+		
+		// MODERATION PAGE
+		this.get( '#/moderate', function( context ) {
+			// unload the other modules if they're loaded
+			$( '#markapp' ).markApp( 'unloadModule', 'intro' );
+			$( '#markapp' ).markApp( 'unloadModule', 'capture' );
+			this.partial( '/en/moderate_sammy.html' )
+				.then( function() {
+					// load the linear module
+					$( '#markapp' ).markApp( 'addModule', { 'linear': { 'is_flagged': true, 'linear_root': 'moderate' } } );
+				} );
+		} );
+		//	Moderation via direct reference
+		this.get( '#\/moderate\/(.*)', function( context ) {
+			// unload the other modules if they're loaded
+			$( '#markapp' ).markApp( 'unloadModule', 'intro' );
+			$( '#markapp' ).markApp( 'unloadModule', 'capture' );
+			if ( $( '#linear' ).size() > 0 ) {
+				// already setup, just load the new reference mark into the module
+				$( '#markapp' ).markApp( 'addModule', { 'linear': { 'is_flagged': true, 'linear_root': 'moderate', 'reference_mark': context.params['splat'][0], 'playback': context.params['playback'] } } );
+			} else {
+				// show all the signatures
+				this.partial( '/en/moderate_sammy.html' )
+					.then( function() {
+						$( '#sammy' ).css( 'zIndex', '' );
+						$( '#markapp' ).css( { 'zIndex': 100, 'cursor': 'default' } );
+						// load up the visualization
+						$( '#markapp' ).markApp( 'addModule', { 'linear': { 'is_flagged': true, 'linear_root': 'moderate', 'reference_mark': context.params['splat'][0], 'playback': context.params['playback'] } } );
+					} );
+			}
+		} );
+		
+		// visualization 
+		// visualization with country filtering
+		this.get( '#/linear/country/:country_code\/(.*)', function( context ) {
+			// unload the other modules if they're loaded
+			$( '#markapp' ).markApp( 'unloadModule', 'intro' );
+			$( '#markapp' ).markApp( 'unloadModule', 'capture' );
+			if ( $( '#linear' ).size() > 0 ) {
+				// already setup, just load the new reference mark into the module
+				$( '#markapp' ).markApp( 'addModule', { 'linear': { 'country_code': context.params['country_code'], 'reference_mark': context.params['splat'][0] } } );
+			} else {
+				this.partial( 'linear_sammy.html' )
+					.then( function() {
+						$( '#sammy' ).css( 'zIndex', '' );
+						$( '#markapp' ).css( { 'zIndex': 100, 'cursor': 'default' } );
+						// load up the visualization
+						$( '#markapp' ).markApp( 'addModule', { 'linear': { 'country_code': context.params['country_code'], 'reference_mark': context.params['splat'][0] } } );
+					} );
+				}
+		} );
+		// visualization without country filtering 
+		this.get( '#\/linear\/(.*)', function( context ) {
+			// unload the other modules if they're loaded
+			$( '#markapp' ).markApp( 'unloadModule', 'intro' );
+			$( '#markapp' ).markApp( 'unloadModule', 'capture' );
+			if ( $( '#linear' ).size() > 0 ) {
+				// already setup, just load the new reference mark into the module
+				$( '#markapp' ).markApp( 'addModule', { 'linear': { 'reference_mark': context.params['splat'][0], 'playback': context.params['playback'] } } );
+			} else {
+				// show all the signatures
+				this.partial( 'linear_sammy.html' )
+					.then( function() {
+						$( '#sammy' ).css( 'zIndex', '' );
+						$( '#markapp' ).css( { 'zIndex': 100, 'cursor': 'default' } );
+						// load up the visualization
+						$( '#markapp' ).markApp( 'addModule', { 'linear': { 'reference_mark': context.params['splat'][0], 'playback': context.params['playback'] } } );
+					} );
+			}
+		} );
+		
+		// event handlers 
+		this.bind( 'run', function() {
+			// add an instance of markApp
+			$( '#markapp' )
+				.markApp()
+				// and privide it a way of accessing the sammy app
+				.data( 'markApp-context' )['app'] = app;
+		} );
+		
+		// other stuff
+		this.swap = function( content ) {
+			this.$element().fadeOut( 'fast', function() {
+				$( this ).html( content ).fadeIn( 'normal' );
+				$( '#markapp' ).trigger( 'ready' );
+			} );
+			$( '#markapp' ).trigger( 'swap' );
+			
+		};
+		
+		this.use( 'Template' );
+		
+	} );
+	
+	$( document ).ready( function () {
+		function browserSupportsRequiredFeatures() {
+			// detect canvas support
+			return !!document.createElement('canvas').getContext;
+		}
+		if ( browserSupportsRequiredFeatures ) {
+			// remove the placeholder content
+			$( '#fallback' ).remove();
+			// run the app
+			app.run( '#/' );
+		}
+		
+		//	Try binding click event to locale here
+		$("#current-locale").click(function ()
+		{
+			$(this).parent().find("ul").toggle();
+			$(this).toggleClass("selected");
+			return false;
+		});
+		
+	} ); //document ready
+} )( jQuery );
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/bundled.js b/ffdemo/static/assets/js/bundled.js
new file mode 100644
index 0000000..38b940d
--- /dev/null
+++ b/ffdemo/static/assets/js/bundled.js
@@ -0,0 +1,4419 @@
+( function( $ ) {
+	
+	// TODO -- support loose augmentation of $.markApp, in case module code is ever loaded before this. 
+	
+	// The markApp namespace is used for storing available module code, instances of markApp, and any context free functions
+	$.markApp = {
+		// holds all available modules
+		modules: {},
+		// we keep track of all instances of markApp in here
+		instances: [],
+		// helper functions go here
+		fn: {}
+	};
+	
+	// Creates a markApp instances with an element, and handles function calls on the instance
+	$.fn.markApp = function( options ) {
+		var $this = $( this );
+		// The context each markApp instance is stored as data on that element
+		var context = $this.data( 'markApp-context' );
+		// On first call, we need to set things up, but on all following calls we can skip right to the API handling
+		if ( !context || typeof context == 'undefined' ) {
+			context = {
+				// useful variables -- jquery objects get prefixed with $
+				app: null,
+				$container: $this,
+				frameCount: 0,
+				width: 0,
+				height: 0,
+				minWidth: 300,
+				minHeight: 400,
+				countries: [],
+				mouseX: null,
+				mouseY: null,
+				mouseDown: false,
+				mouseIn: false,
+				modules: {},
+				usersMark: null,
+				defaultErrorMsg: $( '#default-error-msg' ).text(),
+				defaultLoadingMsg: $( '#default-loading-msg' ).text(),
+				locale: ( window.location.pathname.split("/").length > 1 ) ? window.location.pathname.split("/")[1] : "en", // locale -- set by URL, default to 'en'
+				instance: $.markApp.instances.push( $this ) - 1,   // store this instances index in the global instace array
+				// events
+				evt: {
+					resize: function( e ) {
+						var availableWidth = $( window ).width();
+						var availableHeight = $( window ).height() -  ( $( 'header' ).height() + $( '#callout-boxes' ).height() );
+						if ( availableWidth < context.minWidth ) availableWidth = context.minWidth;
+						if ( availableHeight < context.minHeight ) availableHeight = context.minHeight;
+						context.$container.parent().width( availableWidth );
+						context.$container.parent().height( availableHeight );
+						context.width = availableWidth;
+						context.height = availableHeight;
+						// resize any elements with the autoResize class
+						$( '.autoResize' )
+							.height( availableHeight )
+							.width( availableWidth )
+							.trigger( 'resize.markApp', [availableWidth, availableHeight] );
+					},
+					mousemove: function( e ) {
+						context.mouseX = e.layerX;
+						context.mouseY = e.layerY;
+					},
+					mousedown: function( e ) {
+						if( 'preventDefault' in e ) e.preventDefault();
+						context.mouseDown = true;
+					},
+					mouseup: function( e ) {
+						if( 'preventDefault' in e ) e.preventDefault();
+						context.mouseDown = false;
+					},
+					mouseover: function( e ) {
+						if( 'preventDefault' in e ) e.preventDefault();
+						context.mouseIn = true;
+					},
+					mouseout: function( e ) {
+						if( 'preventDefault' in e ) e.preventDefault();
+						context.mouseX = null;
+						context.mouseY = null;
+						context.mouseIn = false;
+					}
+				},
+				// publicly accessible functions
+				public_fn: {
+					addModule: function( context, data ) {
+						var moduleName,
+							moduleOptions = {};
+							
+						if( typeof data == "string" ) {
+							moduleName = data
+						} else if( typeof data == "object" ) {
+							for ( var moduleData in data ) {
+								moduleName = moduleData
+								moduleOptions = data[moduleData];
+								break;
+							}
+						}
+
+						if( $.markApp.modules[moduleName] ) {
+							// give this module it's own space for storing stuff if it doesn't already have it
+							context.modules[moduleName] = context.modules[moduleName] || {};
+							// if it has an init function, run it
+							if( 'init' in $.markApp.modules[moduleName].fn )
+								$.markApp.modules[moduleName].fn.init( context, moduleOptions );
+						}
+					},
+					unloadModule: function( context, moduleName ) {
+						if( moduleName == "all" ) {
+							// unload all the currently loaded modules
+							for ( moduleName in context.modules ) {
+								// if it has a deinit function, run it
+								if( 'deinit' in $.markApp.modules[moduleName].fn )
+									$.markApp.modules[moduleName].fn.deinit( context );
+								// remove it from our modules
+								delete context.modules[moduleName];
+							}
+						} else if ( moduleName in context.modules ) {
+							// if it has a deinit function, run it
+							if( 'deinit' in $.markApp.modules[moduleName].fn )
+								$.markApp.modules[moduleName].fn.deinit( context );
+							// remove it from our modules
+							delete context.modules[moduleName];
+						}
+					}
+				},
+				// internal functions
+				fn: {
+					// trigger event handlers on modules
+					trigger: function( eventName, eventObj, args ) {
+						
+						// Add some assurances to our eventObj
+						if( typeof eventObj == "undefined" )
+							eventObj = { 'type': 'custom' };
+						
+						// trigger the global handlers first
+						if ( eventName in context.evt ) {
+							// if it returns false, stop the train
+							if ( context.evt[eventName]( eventObj ) == false ) {
+								return false;
+							}
+						}
+						
+						// run the event handler on each module that's got it
+						for( var module in context.modules ) {
+							if( module in $.markApp.modules && 
+								'evt' in $.markApp.modules[module] &&
+								eventName in $.markApp.modules[module].evt ) {
+									$.markApp.modules[module].evt[eventName]( context, eventObj, args );
+								}
+						}
+					},
+					loop: function( e ) {
+						// reset the delay
+						setTimeout( function() { context.fn.loop( ); }, 42 );
+						// incremenet the counter
+						context.frameCount++;
+						// dispatch the event
+						context.fn.trigger( 'loop', {}, [] );
+					},
+					// useful for delayed loading of the country data
+					withCountryCodes: function ( callback ) {
+						if ( 'US' in context.countries ) {
+							callback( context.countries );
+						} else {
+							$.ajax( {
+								'url': '/media/assets/js/vendor/country_codes.json',
+								'dataType': 'JSON',
+								'success': function ( data ) {
+									context.countries = data;
+									for( var i = 0; i < data.length; i++ ) {
+										context.countries[ data[i].code ] = data[i].name;
+									}
+									callback( context.countries );
+								},
+								'error': function () {
+									// handle error loading countries
+								}
+							} );
+						}
+					},
+					showLoader: function( msg, custom_class ) {
+						var custom_class = custom_class || '';
+						var msg = typeof msg === "string" ? msg : context.defaultLoadingMsg;
+						// append our loader
+						var $loader = $( '<div />' )
+							.width( context.width )
+							.height( context.height )
+							.hide()
+							.addClass( 'overlay-wrapper autoResize' )
+							.addClass( custom_class )
+							.attr( 'id', 'markapp-loader' )
+							.append( $( '<div />' )
+								.text( msg ) );
+						context.$container
+							.append( $loader );
+						$loader.fadeIn( 'fast' );
+					},
+					hideLoader: function( ) {
+						$( '#markapp-loader' ).fadeOut( 'fast', function() {
+							$( this ).remove();
+						} );
+					},
+					showError: function ( msg ) {
+						// TODO -- translate this default string
+						var msg = typeof msg === "string" ? msg : context.defaultErrorMsg;
+						var $error = $( '<div />' )
+							.width( context.width )
+							.height( context.height )
+							.hide()
+							.click( function ( e ) {
+								e.preventDefault();
+								context.fn.hideError();
+							} )
+							.addClass( 'overlay-wrapper autoResize' )
+							.attr( 'id', 'markapp-error' )
+							.append( $( '<div />' )
+								.attr( 'id', 'markapp-error-content' )
+								.append( $( '<p />' ).text( msg ) ) );
+						context.$container
+							.append( $error );
+						$error.fadeIn( 'fast' );
+					},
+					hideError: function ( ) {
+						$( '#markapp-error' ).fadeOut( 'fast', function() {
+							$( this ).remove();
+						} );
+					},
+					storeData: function( key, value ) {
+						if ( typeof localStorage != 'undefined' ) {
+							// use localStorage if it exists
+							try {
+								if( typeof value === "object" ) {
+									value = JSON.stringify( value );
+								}
+								localStorage.setItem( key, value );
+							} catch (e) {
+							 	 if ( e == QUOTA_EXCEEDED_ERR ) { /* data wasn't successfully saved due to quota exceed */ }
+							}
+						} else {
+							// use cookies
+							// todo -- impliment cookie fallback....maybe
+						}
+					},
+					getData: function( key ) {
+						if ( typeof localStorage != 'undefined' ) {
+							var item = localStorage.getItem( key );
+							if( item ) {
+								if ( item[0]=="{" ) item = JSON.parse( item );
+								return item;
+							} else {
+								return false;
+							}
+						}
+					}
+				}
+			};
+			// bindings
+			$( window )
+				.delayedBind( 300, 'resize', function( e ) {
+					return context.fn.trigger( 'resize', e );
+				} )
+				.bind( 'keydown keypress keyup', function( e ) {
+					return context.fn.trigger( e.type, e );
+				} )
+				.trigger( 'resize' );
+			context.$container
+				.bind( 'mousemove mousedown mouseup mouseover mouseout ready swap', function( e ) {
+					return context.fn.trigger( e.type, e );
+				} );
+			// start the loop
+			context.fn.loop();
+		}
+		
+		// Convert the arguments to an array to make this easier
+		var args = $.makeArray( arguments );
+		
+		// handle public function calls
+		if ( args.length > 0 ) {
+			var call = args.shift();
+			if ( call in context.public_fn ) {
+				context.public_fn[call]( context, typeof args[0] == 'undefined' ? {} : args[0] );
+			}
+		}
+		
+		return $this.data( 'markApp-context', context );
+	};
+	
+}( jQuery ) );
+( function( $ ) {
+	
+	// support loose augmentation
+	markApp = $.markApp = $.markApp || {};
+	modules = $.markApp.modules = $.markApp.modules || {};
+	
+	modules.linear = {
+		defaults: {
+			reference_mark: null, // optional reference mark -- will init the visualization on this mark if passed
+			country_code: null, // optional country code -- only loads marks with this county code if present 
+			playback: false, // set this to true to immediately play back the initial mark
+			is_flagged: false, // optional flagged flag -- only loads marks that are flagged (for use within moderation)
+			linear_root: 'linear'
+		},
+		config: {
+			marks: {}, // all marks held here
+			flaggings: {}, // loaded from local storage, and used for some local checking that users are flagging things multiple times
+			orderedMarks: [], // array of mark references, arranged by id
+			leftBuffer: [], // mark buffers for the left and right of the marks currently in the scene
+			rightBuffer: [],
+			bufferSize: 20, // amount of marks to keep in a buffer
+			bufferMinSize: 5, // min amount of marks to keep in a buffer before forcing a refill
+			scene: null,
+			// handles camera changes -- could probably be shifted into the camera object
+			cameraChange: {},
+			tweens: {},
+			layerManager: null, // layer manager
+			initialized: false, // boolean flag to indicate if this module is fully setup
+			requestingMarks: false, // prevents more mark request from being sent when set to true
+			moreLeft: true, // Flags for the begining and end of the line. Assume we're not there at the start
+			moreRight: true, 
+			hoverMark: null, // holds the mark currently being hovered over
+			currentMark: null,
+			
+			playbackTimes: {}, // used for storing mark playback times by reference
+			eventChange: false // flag to tell the render loop if the mouse is causing changes that need rendered
+		},
+		evt: {
+			ready: function ( context, e ) {
+				modules.linear.fn.initInterface( context );
+			},
+			resize: function( context, e ) {
+				context.modules.linear.eventChange = true;
+				context.modules.linear.layerManager.resizeAll( context.width, context.height );
+			},
+			keydown: function ( context, e ) {
+				var lC = context.modules.linear;
+				switch( e.keyCode ) {
+					case 38:
+						// arrow up
+						e.preventDefault();
+						lC.cameraChange.aZ = 10;
+						break;
+					case 40:
+						// arrow down
+						e.preventDefault();
+						lC.cameraChange.aZ = -10;
+						break;
+					case 39:
+						// arrow right -- pan the camera to the right
+						e.preventDefault();
+						// next mark
+						lC.cameraChange.aX = 10;
+						// hide mark info
+						modules.linear.fn.hideMarkInformation( context );
+						break;
+					case 37:
+						// arrow left -- pan the camera to the left
+						e.preventDefault();
+						// prev mark
+						lC.cameraChange.aX = -10;
+						// hide mark info
+						modules.linear.fn.hideMarkInformation( context );
+						break;
+				}
+			},
+			keyup: function( context, e ) {
+				var lC = context.modules.linear;
+				switch( e.keyCode ) {
+					case 38:
+					case 40:
+						// arrow up
+						e.preventDefault();
+						lC.cameraChange.aZ = 0;
+						break;
+					case 39:
+					case 37:
+						e.preventDefault();
+						lC.cameraChange.aX = 0;
+						break;
+				}
+			},
+			// prevent our bound keys from firing native events
+			keypress: function( context, e ) {
+				switch( e.keyCode ) {
+					case 38:
+					case 40:
+					case 39:
+					case 37:
+						e.preventDefault();
+						break;
+				}
+			},
+			mousedown: function( context, e ) {
+				var lC = context.modules.linear;
+				if( mark = modules.linear.fn.hitTest( context, context.mouseX, context.mouseY ) ) {
+					// if the mark hasn't changed from what's in our URL, we just need to show the details again
+					if ( mark == lC.currentMark ) {
+						modules.linear.fn.centerCurrentMark( context, function() {
+							modules.linear.fn.showMarkInformation( context );
+						} );
+					// otherwise update the URL, and the module will jump to the referenced mark
+					} else if ( lC.country_code ) {
+						context.app.setLocation( '#/' + lC.linear_root + '/country/' + lC.country_code + '/' + mark.reference );
+					} else {
+						context.app.setLocation( '#/' + lC.linear_root + '/' + mark.reference );
+					}
+				}
+			},
+			mousemove: function( context, e ) {
+				var lC = context.modules.linear;
+				lC.eventChange = true;
+				// hover test
+				if( mark = modules.linear.fn.hoverTest( context, context.mouseX, context.mouseY, lC.hoverMark ) ) {
+					// reset the old hovered mark
+					if( lC.hoverMark ) lC.hoverMark.color = lC.hoverMark.contributor_name ? '171,73,27' : '0,0,0';
+					// store this hover mark
+					lC.hoverMark = mark;
+					if ( lC.hoverMark.reference == lC.currentMark.reference && lC.hoverMark.contributor_name && $( '#mark-information' ).is( ':visible' ) ) {
+						$( '#contributor-quote-box' )
+							.fadeIn( 'fast' )
+							.css( { left: context.mouseX - 15, top: context.mouseY - $( '#contributor-quote-box' ).height() - 15 } );
+					} else {
+						lC.hoverMark.color = '0,139,211';
+					}
+				} else if ( lC.hoverMark ) {
+					lC.hoverMark.color = lC.hoverMark.contributor_name ? '171,73,27' : '0,0,0';
+					lC.hoverMark = null;
+					// fade out any contributor quotes we might happen to be showing 
+					$( '#contributor-quote-box:visible' ).fadeOut( 'fast' );
+				}
+				
+			},
+			loop: function ( context ) {
+				var lC = context.modules.linear,
+					dLayer = lC.layerManager.layers['drawingLayer'];
+					
+				// update the position of the camera 
+				var lastCameraPosition = {x: lC.scene.camera.position.x, y: lC.scene.camera.position.y, z: lC.scene.camera.position.z };
+				// two ways this can happen
+				if( 'cameraEase' in lC.tweens ) {
+					// with a tween
+					TWEEN.update();
+				} else {
+					// or with physics
+					lC.cameraChange.vZ += lC.cameraChange.aZ;
+					lC.cameraChange.vX += lC.cameraChange.aX;
+					lC.cameraChange.vX *= .93;
+					lC.cameraChange.vZ *= .93;
+					lC.scene.camera.position.x += lC.cameraChange.vX;
+					lC.scene.camera.position.z += lC.cameraChange.vZ;
+					// bring the Y and Z positions close to the current mark
+					var mark = modules.linear.fn.closestMark( context );
+					if ( mark ) {
+						var dY = lC.scene.camera.position.y - ( mark.position.y + ( mark.bHeight / 2 ) );
+						// if Z is not changing, try to maintain
+						// if( )
+						// var dZ = lC.scene.camera.position.z - 
+						if ( dY != 0 && Math.abs(dY) >= 10) lC.scene.camera.position.y += ( dY > 0 ? -10 : 10 );
+					}
+					// TODO: fix the Z index while navigating the line
+				}
+				
+				// if nothing has changed, return RIGHT NOW
+				if( !lC.eventChange &&
+					lastCameraPosition.x == lC.scene.camera.position.x &&
+					lastCameraPosition.y == lC.scene.camera.position.y &&
+					lastCameraPosition.z == lC.scene.camera.position.z ) {
+					return false;
+				}
+				
+				// modified hover test -- only removes hover states 
+				if( lC.hoverMark && ! modules.linear.fn.hoverTest( context, context.mouseX, context.mouseY, lC.hoverMark ) ) {
+					lC.hoverMark.color = lC.hoverMark.contributor_name ? '171,73,27' : '0,0,0';
+					lC.hoverMark = null;
+					// fade out any contributor quotes we might happen to be showing 
+					$( '#contributor-quote-box:visible' ).fadeOut( 'fast' );
+				}
+				
+				dLayer.clean();
+				// update scene marks && add more as needed
+				modules.linear.fn.updateScene( context, lC.scene.camera.position.x - 10000, lC.scene.camera.position.x + 10000 );
+				// cleanup the scene and tend to empty buffers
+				modules.linear.fn.updateBuffers( context, lC.scene.camera.position.x - 10000, lC.scene.camera.position.x + 10000 );
+				
+				// render the scene 
+				Mark.renderer.renderScene( lC.scene, { 'cursor': {x: context.mouseX, y: context.mouseY}, width: context.width, height: context.height } );
+				// ark.renderer.renderScene( lC.scene, dLayer.context, { x: context.mouseX, y: context.mouseY }, context.width, context.height, lC.playbackTimes );
+				
+				// set the eventChange flag back to false -- a mouse/keyboard or playback event will need to set it back to true again before we'll render because of it
+				lC.eventChange = false
+				
+				// cleanup playback times if necissary
+				for( mark in lC.scene.timers ) {
+					var now = ( new Date() ).getTime();
+					if( lC.scene.timers[mark].end < now ) {
+						delete lC.scene.timers[mark];
+					} 
+					lC.eventChange = true;
+				}
+				
+			}
+		},
+		fn: {
+			init: function( context, options ) {
+				var lC = context.modules.linear;
+				// if this modules has already been initialized, update the options
+				if ( '$linear' in context.modules.linear ) {
+					// before we merge options, check if we need to dump our current data
+					if ( options['country_code'] != lC.country_code ) {
+						modules.linear.fn.dumpAllMarks( context );
+					}
+					// now our options into our context
+					$.extend( lC, lC, options );
+					// since merging won't replace null or undefined values, make sure we clean up after it
+					for( option in modules.linear.defaults ) {
+						if ( options[option] == null ) lC[option] = modules.linear.defaults[option];
+					}
+					// update the interface
+					modules.linear.fn.updateInterface( context );
+					// load our marks
+					modules.linear.fn.initMarks( context );
+				} else {
+					// allow defaults to be overriden
+					$.extend( lC, modules.linear.defaults, options );
+					// but not the cofig
+					$.extend( lC, lC, modules.linear.config );
+
+					// DOM setup
+					lC.$linear = $( '<div />' )
+						.addClass( "linear-container" );
+					context.$container
+						.append( lC.$linear );
+
+					// scene setup
+					lC.scene = new Mark.scene();
+					lC.cameraChange = { aX: 0, aY: 0, aZ: 0, vX: 0, vY: 0, vZ: 0 };
+					// layer setup
+					lC.layerManager = new Mark.layerManager( lC.$linear.get( 0 ) );
+					lC.layerManager.addLayer( 'drawingLayer' );
+					lC.scene.canvasContext = lC.layerManager.layers['drawingLayer'].context;
+					// trigger resize so our new layers are sized to fit
+					context.fn.trigger( 'resize' );
+
+					lC.initialized = true;
+				}
+				// load flaggings
+				lC.flaggings = context.fn.getData( 'markFlaggings' ) || {};
+			},
+			deinit: function( context ) {
+				var lC = context.modules.linear;
+				lC.$linear.fadeOut( 'fast', function () {
+					// remove all our layers
+					lC.layerManager.removeAll();
+					lC.$linear.remove();
+					lC.initialized = false;
+				} );
+			},
+			initInterface: function( context ) {
+				var lC = context.modules.linear;
+				// hide anything that needs data loaded into it
+				$( '#stats' )
+					.hide( );
+				// enable the controls
+				$( '#mark-browsing-zoom-in a, #mark-browsing-zoom-out a, #mark-browsing-next a, #mark-browsing-prev a' )
+					.click( function( e ){ e.preventDefault(); } )
+					.bind( 'mouseup mouseout', function( e ) {
+						e.preventDefault();
+						if ( $( this ).data( 'mouseDown' ) ) {
+							if( $( this ).is( '#mark-browsing-zoom-in a, #mark-browsing-zoom-out a' ) ) {
+								context.modules.linear.cameraChange.aZ = 0;
+							} else if( $( this ).is( '#mark-browsing-next a, #mark-browsing-prev a' ) ) {
+								context.modules.linear.cameraChange.aX = 0;
+							}
+							$( this ).data( 'mouseDown', false );
+						}
+					} )
+					.bind( 'mousedown', function( e ) {
+						e.preventDefault();
+						$( this ).data( 'mouseDown', true );
+						if( $( this ).is( '#mark-browsing-zoom-in a, #mark-browsing-zoom-out a' ) ) {
+							context.modules.linear.cameraChange.aZ = $( this ).is( '#mark-browsing-zoom-in a' ) ? 10 : -10;
+						} else if ( $( this ).is( '#mark-browsing-next a, #mark-browsing-prev a' ) ) {
+							context.modules.linear.cameraChange.aX = $( this ).is( '#mark-browsing-next a' ) ? 10 : -10;
+							// hide the mark information
+							modules.linear.fn.hideMarkInformation( context );
+						}
+					} );
+					// populate our country filter select box
+					context.fn.withCountryCodes( function ( countryCodes ) {
+						var $select = $( '#country-select' );
+						for( var i = 0; i < countryCodes.length; i++ ) {
+							var $option = $( '<option />' )
+								.val( countryCodes[i].code )
+								.text( countryCodes[i].name );
+							$select.append( $option );
+						}
+						$select.change( function ( ) {
+							var val = $( this ).val();
+							if( val.length != 2 && lC.country_code ) {
+								// redirect back to the unfiltered view
+								context.app.setLocation( '#/' + lC.linear_root + '/' );
+							} else if ( val.length == 2 && val != lC.country_code ) {
+								// redirect to linear mode with the new country code
+								context.app.setLocation( '#/' + lC.linear_root + '/country/' + val + '/' );
+							}
+							// return focus to the viz
+							$( this ).blur();
+							context.$container.focus();
+						} );
+						// select the current mark if we have it
+						if( lC.country_code ) $select.val( lC.country_code );
+					} );
+
+				// hide all the mark detial things 
+				$( '#mark-information' ).hide();
+				// setup the mark details 
+				$( '#mark-playback' )
+					.click( function ( e ) {
+						e.preventDefault();
+						modules.linear.fn.replayCurrentMark( context );
+					} );
+				$( '#mark-flag' )
+					.click( function( e ) {
+						e.preventDefault();
+						modules.linear.fn.flagCurrentMark( context );
+					} );
+				//	Click events for moderation mode
+				$( '#delete-mark' )
+					.click( function( e ) {
+						e.preventDefault();
+						modules.linear.fn.deleteCurrentMark( context );
+					} );
+				$( '#approve-mark-checkbox' )
+					.change( function( e ) {
+						e.preventDefault();
+						var shouldApprove = $(this).is(':checked');
+						modules.linear.fn.approveCurrentMark( context, shouldApprove );
+					} );
+				// setup sharing
+				$( '#twitter-share' ).socialShare( { 
+					'share_url': 'http://twitter.com/share', 
+					'share_params': { 'text': 'Mozilla Firefox Mark Up. The internet is your creation. Show your support to keep it open and free. Make your mark.' }
+					} );
+				$( '#facebook-share' ).socialShare( {
+					'share_url': 'http://www.facebook.com/sharer.php',
+					'share_params': { 't': 'The internet is your creation. Show your support to keep it open and free. Make your mark.' }
+					} );
+				// run the interface update
+				modules.linear.fn.updateInterface( context );
+				// load our marks
+				modules.linear.fn.initMarks( context );
+				
+				
+				$("#sammy #country-select").selectBox({ autoWidth: false });
+				$("#sammy #contributor-select").selectBox({ autoWidth: false });
+				
+				
+			},
+			initMarks: function ( context ) {
+				var lC = context.modules.linear;
+				if ( lC.reference_mark && lC.reference_mark != "" ) {
+					// If we were passed a mark to start with, start there
+					if( lC.reference_mark in lC.marks ) {
+						// if we already have this mark, just jump to it
+						modules.linear.fn.jumpToMark( context, lC.reference_mark, lC.playback );
+					} else {
+						// load the mark and it's surrounding marks
+						modules.linear.fn.loadMarks( context, {
+							'reference': lC.reference_mark,
+							'include_forward': 20,
+							'include_back': 20,
+							'include_mark': 1,
+							'success': function ( data ) {
+								if( data.success ) {
+									// push the marks into the leftBuffer
+									modules.linear.fn.setupMarks( context, data.marks );
+									// and jump to our mark
+									modules.linear.fn.jumpToMark( context, lC.reference_mark, lC.playback );
+								} else {
+									// show the error message, with a link back to the main visualization link
+								}
+								lC.requestingMarks = false;
+							}
+						} );
+					}
+					
+				} else {
+					// otherwise start at the first mark
+					modules.linear.fn.loadMarks( context,  {
+						'offset': 0,
+						'max': 20,
+						'success': function ( data ) {
+							if( data.success ) {
+								modules.linear.fn.setupMarks( context, data.marks );
+								modules.linear.fn.jumpToMark( context, data.marks[0].reference );
+							} else {
+								// show the error message, with a link back to the main visualization link
+							}
+							lC.requestingMarks = false;
+						}
+					} );
+				}
+			},
+			// DOM updates that should run after every new request should go here
+			updateInterface: function ( context ) {
+				var lC = context.modules.linear;
+				// show the appropriate middle link
+				var userMark = context.fn.getData( 'userMark' );
+				if( userMark && ( lC.country_code ? ( userMark.country_code == lC.country_code ) : true ) ) {
+					$( '#your-mark-link' )
+						.attr( 'href', '#/' + lC.linear_root + '/' + context.fn.getData( 'userMark' ).reference )
+						.show();
+				} else {
+					$( '#your-mark-link' )
+						.hide();
+				}
+				// setup the stats
+				var options = {};
+				if( lC.country_code ) {
+					options['country_code'] =  lC.country_code;
+					$("#contributor-select").next().hide();
+					$( '#contributor-select-label' ).hide();
+				} else {
+					$("#contributor-select").next().show();
+					$( '#contributor-select-label' ).show();
+				}
+				// if the country has changed, grab updated data
+				if( ! $( '#mark-browsing-options' ).is( '.country-' + ( lC.country_code ? lC.country_code : 'all' ) ) ) {
+					$.ajax( {
+						'url': '/requests/init_viz_data',
+						'data': options,
+						dataType: 'JSON', 
+						success: function( data ) {
+							// set the class on the details to indicate country 
+							$( '#mark-browsing-options' )
+								.removeAttr( 'class' )
+								.addClass( 'country-' + ( lC.country_code ? lC.country_code : 'all' ) );
+							// setup and show the stats
+							$( '#stats-number-of-marks' )
+								.text( data.total_marks );
+							$( '#stats-number-of-countries' )
+								.text( data.total_countries );
+							var now = new Date();
+							var then = new Date( data.first_mark_at );
+							var days = Math.ceil( ( now.getTime() - then.getTime() ) / ( 1000 * 60 * 60 * 24 ) ); 
+							$( '#stats-number-of-days' )
+								.text( days );
+							$( '#stats' )
+								.fadeIn( 'fast' );
+							if( lC.country_code ) {
+								$( '#first-mark-link' )
+									.attr( 'href', '#/' + lC.linear_root + '/country/' + lC.country_code + '/' + data.country_first_mark );
+								$( '#last-mark-link' )
+									.attr( 'href', '#/' + lC.linear_root + '/country/' + lC.country_code + '/' + data.country_last_mark );
+							} else {
+								$( '#first-mark-link' )
+									.attr( 'href', '#/' + lC.linear_root + '/' + data.first_mark );
+								$( '#last-mark-link' )
+									.attr( 'href', '#/' + lC.linear_root + '/' + data.last_mark );
+							}
+							// setup collapsibles
+							$( '.collapsible' ).collapsibleMod( { 'previewSelector': '.collapsed-preview' } );
+							// if the contributor box is empty, fill it
+							if( $( '#contributor-select option' ).size() == 1 ) {
+								var $select = $( '#contributor-select' );
+								for( var i = 0; i < data.contributor_marks.length; i++ ) {
+									var $option = $( '<option />' )
+										.val( data.contributor_marks[i].reference )
+										.text( data.contributor_marks[i].contributor );
+									$select.append( $option );
+								}
+								$select.change( function ( ) {
+									var val = $( this ).val();
+									if( val.length != "label" ) {
+										// jump to this contributors mark
+										context.app.setLocation( '#/' + lC.linear_root + '/' + val );
+									}
+									// return focus to the viz
+									$( this ).blur();
+									context.$container.focus();
+								} );
+							} 
+						}
+					} );
+				}
+			},
+			dumpAllMarks: function ( context ) {
+				var lC = context.modules.linear;
+				for( mark in lC.marks )
+					delete lC.marks[mark];
+				lC.scene.objects = [];
+				lC.leftBuffer = [];
+				lC.rightBuffer = [];
+				lC.moreRight = true;
+				lC.moreLeft = true;
+				// whenever we do this, we need to set the camera back to 0,0,-1000
+				lC.scene.camera.position.x = 0;
+				lC.scene.camera.position.y = 0;
+				lC.scene.camera.position.z = -1000;
+			},
+			// TODO -- add nonSequentialAllowed param for dumping non-overlapping sets when we're not doing a controlled update, ie first and last mark buttons
+			loadMarks: function( context, options ) {
+				var lC = context.modules.linear;
+				var callback = options.success;
+				delete options.success;
+				// pass the country code if we have one
+				if ( lC.country_code ) options.country_code = lC.country_code;
+				var url_to_load = options.reference ? '/requests/marks_by_reference' : '/requests/all_marks';
+				if (lC.is_flagged)
+				{
+					url_to_load = '/requests/marks_by_flagged';
+				}
+				// if we're loading based on a reference we dont have, we need to dump everything as we can't ensure we wont drop marks in between
+				if( options.reference && !( options.reference in lC.marks ) ) {
+					// if we're looking for a specific mark see if we already have that one
+					modules.linear.fn.dumpAllMarks( context );
+					context.fn.showLoader( $( '#loading-marks-msg' ).text(), 'overlay-light' );
+				} else if ( ! options.reference ) {
+					context.fn.showLoader( $( '#loading-marks-msg' ).text(), 'overlay-light' );
+				}
+				$.ajax( {
+					url: url_to_load,
+					data: options,
+					dataType: 'JSON'
+				} )
+				.success( callback )
+				.success( function ( data ) {
+					// hide the loader
+					context.fn.hideLoader();
+				} );
+			},
+			setupMarks: function( context, marks ) {
+				var lC = context.modules.linear;
+				// if this is empty, return
+				if( marks.length == 0 ) return;
+				// get rid of marks we've already got
+				for( var i = 0; i < marks.length; i++ ) {
+					if( marks[i].reference in lC.marks ) {
+						marks.shift( i, 1 );
+					}
+				}
+
+				// sort our current marks so we can tell what buffer to load these into
+				var sortedMarks = [];
+				for ( var mark in lC.marks )
+					sortedMarks.push( [mark, lC.marks[mark].id] );
+				sortedMarks.sort( function( a, b ) { return a[1] - b[1] } );
+				
+				// default to the right buffer
+				var buffer = sortedMarks.length == 0 || sortedMarks[0][1] < marks[0].id ? lC.rightBuffer: lC.leftBuffer;
+				// var buffer = sortedMarks.length > 0 && sortedMarks[0][1] > marks[0].id ? lC.rightBuffer : lC.leftBuffer;
+				var reverse = buffer == lC.leftBuffer ? true : false;
+				if( reverse ) marks.reverse();
+				// try to establish a previous mark by which we can position the new marks
+				var pMark = buffer.length > 0 ? 
+					lC.marks[buffer[ reverse ? 0 : buffer.length - 1 ]] :
+					lC.scene.objects[ reverse ? 0 : lC.scene.objects.length - 1];
+				for ( var i = 0; i < marks.length; i++ ) {
+					// if we already have this one, on to the next one
+					if( marks[i].reference in lC.marks ) continue;
+					var points_obj = JSON.parse( marks[i].points_obj_simplified );
+					// do some validation to make sure this mark wont break the viz
+					if( !( 'strokes' in points_obj ) || 
+						points_obj.strokes.length == 0 ||
+						points_obj.strokes[0].length < 2 ) continue;
+					var mark = new Mark.gmlMark( points_obj.strokes, marks[i].reference, marks[i].country_code, marks[i].date_drawn, points_obj.rtl, marks[i].id, marks[i].is_approved );
+					if( marks[i].contributor ) {
+						mark.contributor_name = marks[i].contributor;
+						mark.extra_info = points_obj.extra_info;
+						mark.color = '171,73,27';
+					}
+					// if ( !lC.currentMark ) lC.currentMark = mark;
+					// stash this mark
+					lC.marks[mark.reference] = mark;
+					// position this mark relative to the last one
+					if ( pMark ) mark.positionRelativeTo( pMark, reverse );
+					
+					if( reverse ) {
+						buffer.unshift( mark.reference );
+					} else {
+						buffer.push( mark.reference );
+					}
+					pMark = mark;
+				}
+				// reset our ordere marks array
+				// modules.linear.fn.updatedOrderedMarks( context );
+			},
+			// attempts to refill a buffer that's running low
+			refillBuffer: function( context, buffer ) {
+				var lC = context.modules.linear;
+				if( lC.requestingMarks ) return;
+				lC.requestingMarks = true;
+				var isLeft = buffer == lC.leftBuffer;
+				var lastMark = null;
+				lastMark = buffer.length > 0 ? 
+					lC.marks[buffer[ isLeft ? 0 : buffer.length - 1 ]] :
+					lC.scene.objects[ isLeft ? 0 : lC.scene.objects.length - 1];
+				modules.linear.fn.loadMarks( context, {
+					'reference': lastMark.reference,
+					'include_forward': isLeft ? 0 : 20,
+					'include_back': isLeft ? 20 : 0,
+					'include_mark': 0,
+					'success': function ( data ) {
+						if( data.success ) {
+							// push the marks into the leftBuffer
+							modules.linear.fn.setupMarks( context, data.marks );
+							// if we got back less than we asked for, assume we're at the end
+							if ( data.marks.length < lC.bufferSize ) {
+								lC[ isLeft ? 'moreLeft' : 'moreRight'] = false;
+							}
+						} else {
+							// if we got an error, assume we're at the end and don't allow more to be loaded
+							lC[ isLeft ? 'moreLeft' : 'moreRight'] = false;
+						}
+						lC.requestingMarks = false;
+					}
+				} );
+			},
+			// moves marks from the display to the buffers
+			// also will grab more marks if a buffer length sinks below a threshold
+			updateBuffers: function( context, xMin, xMax ) {
+				var lC = context.modules.linear;
+				if( lC.scene.objects.length == 0 ) return;
+				// look for marks that need moved into the left buffer
+				var mark = lC.scene.objects[0];
+				while( mark && mark.position.x + mark.bWidth < xMin ) {
+					lC.leftBuffer.push( lC.scene.objects.shift().reference );
+					mark = lC.scene.objects[0];
+				}
+				// look for marks that need moved into the right buffer
+				mark = lC.scene.objects[lC.scene.objects.length - 1];
+				while( mark && mark.position.x > xMax ) {
+					lC.rightBuffer.unshift( lC.scene.objects.pop().reference );
+					mark = lC.scene.objects[lC.scene.objects - 1];
+				}
+				// if either of our buffers are running low, load more marks
+				if ( lC.leftBuffer.length < 5 && lC.scene.objects.length > 0 && lC.moreLeft && !lC.requestingMarks ) {
+					modules.linear.fn.refillBuffer( context, lC.leftBuffer );
+				} else if ( lC.rightBuffer.length < 5 && lC.scene.objects.length > 0 && lC.moreRight && !lC.requestingMarks ) {
+					modules.linear.fn.refillBuffer( context, lC.rightBuffer );
+				}
+			},
+			// moves marks from the buffers to the display
+			updateScene: function( context, xMin, xMax) {
+				var lC = context.modules.linear;
+				if( lC.rightBuffer.length > 0 ) {
+					// look for marks that need added from the right buffer
+					var mark = lC.marks[lC.rightBuffer[0]];
+					while( mark && mark.position && mark.position.x < xMax ) {
+						lC.scene.objects.push( lC.marks[lC.rightBuffer.shift()] );
+						mark = lC.rightBuffer[0];
+					}
+				}
+				if( lC.leftBuffer.length > 0 ) {
+					// look for marks that need added from the left buffer
+					var mark = lC.marks[lC.leftBuffer[lC.leftBuffer.length - 1]];
+					while( mark && mark.position && mark.position.x + mark.bWidth > xMin ) {
+						lC.scene.objects.unshift( lC.marks[lC.leftBuffer.pop()] );
+						mark = lC.leftBuffer[lC.leftBuffer.length - 1];
+					}
+				}
+			},
+			jumpToMark: function( context, reference, playback ) {
+				var lC = context.modules.linear;
+				// find the mark
+				var oldMark = lC.currentMark;
+				lC.currentMark = lC.marks[reference];
+				// delay playback
+				if ( playback ) {
+					var wayLater = ( new Date() ).getTime() *2;
+					lC.scene.timers[reference] = { 'start': wayLater, 'end': wayLater + lC.currentMark.maxTime, 'speed': 1 };
+				}
+				modules.linear.fn.centerCurrentMark( context, function () {
+					// if we're playing it back, play it back
+					if( playback ) modules.linear.fn.replayCurrentMark( context );
+					// fade up those beautiful details if they're not already shown
+					modules.linear.fn.showMarkInformation( context );
+				} );
+			},
+			// unused but maybe helpful at some point?
+			// updatedOrderedMarks: function( context ) {
+			// 	var lC = context.modules.linear;
+			// 	var sortedMarks = [];
+			// 	for ( var mark in lC.marks )
+			// 		sortedMarks.push( [mark, lC.marks[mark].id] );
+			// 	sortedMarks.sort( function( a, b ) { return a[1] - b[1] } );
+			// 	// clear it out first
+			// 	lC.orderedMarks = [];
+			// 	for( var i = 0; i < sortedMarks.length; i++ ) {
+			// 		lC.orderedMarks.push( sortedMarks[i][0] );
+			// 	}
+			// },
+			// nextMark: function( context ) {
+			// 	var lC = context.modules.linear;
+			// 	var next = lC.orderedMarks[lC.orderedMarks.indexOf( lC.currentMark.reference ) + 1];
+			// 	if ( next ) {
+			// 		modules.linear.fn.jumpToMark( context, next );
+			// 	}
+			// }, 
+			// prevMark: function( context ) {
+			// 	var lC = context.modules.linear;
+			// 	var prev = lC.orderedMarks[lC.orderedMarks.indexOf( lC.currentMark.reference ) - 1];
+			// 	if ( prev ) {
+			// 		modules.linear.fn.jumpToMark( context, prev );
+			// 	}
+			// },
+			closestMark: function ( context ) {
+				var lC = context.modules.linear;
+				var retM = lC.scene.objects[0];
+				for( var i = 1; i < lC.scene.objects.length; i++ ) {
+					var nextM = lC.scene.objects[i];
+					var d = Math.abs( lC.scene.camera.position.x - ( nextM.position.x + ( nextM.bWidth / 2 ) ) );
+					var lastD = Math.abs( lC.scene.camera.position.x - ( retM.position.x + ( retM.bWidth / 2 ) ) );
+					if( d < lastD ) retM = nextM;
+				}
+				return retM;
+			},
+			// wrapper for the hit test method that offers preference to the optional curHoveredMark arg
+			hoverTest: function( context, x, y, curHoveredMark ) {
+				var lC = context.modules.linear;
+				// check if we're still over the hover mark
+				if( curHoveredMark && 
+					curHoveredMark.renderedBounds &&
+					x >= curHoveredMark.renderedBounds.minX && 
+					x <= curHoveredMark.renderedBounds.maxX && 
+					y >= curHoveredMark.renderedBounds.minY && 
+					y <= curHoveredMark.renderedBounds.maxY)
+						return curHoveredMark; 
+						
+				// if that didn't work we need to deffer to hit test
+				return modules.linear.fn.hitTest( context, x, y );
+			},
+			hitTest: function( context, x, y ) {
+				var lC = context.modules.linear;
+				// loop through displayed marks, see if any match these coords
+				for( var i = 0; i < lC.scene.objects.length; i++ ) {
+					if( lC.scene.objects[i].renderedBounds &&
+						x >= lC.scene.objects[i].renderedBounds.minX && 
+						x <= lC.scene.objects[i].renderedBounds.maxX && 
+						y >= lC.scene.objects[i].renderedBounds.minY && 
+						y <= lC.scene.objects[i].renderedBounds.maxY ) {
+						return lC.scene.objects[i];
+					}
+				}
+				return false;
+			},
+			showMarkInformation: function( context ) {
+				var lC = context.modules.linear;
+				if( !lC.currentMark ) return false;
+				var mark = lC.currentMark;
+				// update the information
+				$( '#mark-id' ).text( mark.id );
+				var d = new Date( mark.time );
+				// get our (hopefully) translated month abbreviation
+				var dateString = [];
+				dateString.push( $( '#month-abreviations li:eq(' + d.getMonth() + ')' ).text() + " " + d.getDate() );
+				dateString.push( d.getHours() + ":" + ( String(d.getMinutes()).length == 1 ? "0" + d.getMinutes() : d.getMinutes() ) );
+				if( mark.country_code ) {
+					context.fn.withCountryCodes( function ( countries ) { 
+						$( '#mark-country' ).text( " / " + countries[mark.country_code] );
+					} );
+				} else {
+					$( '#mark-country' ).text( "" );
+				}
+				
+				// set the contributor name, if we've got it
+				if( mark.contributor_name ) {
+					$( '#mark-contributor-name' ).text( "- " + mark.contributor_name );
+					$( '#mark-flag' ).hide();
+					$( '#contributor-quote' )
+						.text( mark.extra_info )
+						.html( "&#8220;" + $( '#contributor-quote' ).text() + "&#8221;" );
+				} else {
+					$( '#mark-contributor-name, #contributor-quote' ).text( "" );
+					$( '#mark-flag' ).show();
+				}
+				
+				$( '#mark-timestamp' ).text( dateString.join( " / " )  );
+				$( '#url-share input' ).val( window.location.href ); 
+				// update the sharing links
+				if (lC.linear_root != "moderate")
+				{
+					$( '#twitter-share' )
+						.data( 'socialShare-context' ).share_params['url'] = window.location.href;
+					$( '#facebook-share' )
+						.data( 'socialShare-context' ).share_params['u'] = window.location.href;
+				}
+				//	Update approved state if we're moderating // URK - hate this condition // Watch out // TODO
+				if (lC.linear_root == "moderate")
+				{
+					$("#approve-mark-checkbox").attr('checked', mark.is_approved);
+				}
+				// give the flag the appropriate class
+				if( lC.currentMark.reference in lC.flaggings ) {
+					$( '#mark-flag').addClass( 'disabled' );
+				} else {
+					$( '#mark-flag').removeClass( 'disabled' );
+				}
+				// animate it in if it's hidden
+				$( '#mark-information' ).fadeIn( 'fast' );
+			},
+			hideMarkInformation: function( context ) {
+				$( '#mark-information' ).fadeOut( 'fast' );
+			},
+			replayCurrentMark: function ( context ) {
+				var lC = context.modules.linear;
+				var now = ( new Date() ).getTime();
+				lC.eventChange = true;
+				lC.scene.timers[lC.currentMark.reference] = { 'start': now, 'end': now + lC.currentMark.maxTime, 'speed': 1 };
+			},
+			flagCurrentMark: function ( context ) {
+				var lC = context.modules.linear;
+				// if this user has already flagged this mark, return
+				if( lC.currentMark.reference in lC.flaggings ) return;
+				$.ajax( {
+					url: '/requests/flag_mark',
+					data: {
+						'reference': lC.currentMark.reference
+					},
+					type: 'POST',
+					dataType: 'JSON',
+					success: function( data ) {
+						// change the flag icon's class
+						$( '#mark-flag').addClass( 'disabled' );
+						// store the data that this user flagged this mark
+						lC.flaggings[lC.currentMark.reference] = true;
+						context.fn.storeData( 'markFlaggings', lC.flaggings );
+					},
+					error: function ( data ) {
+						// TODO translate this msg
+						context.fn.showError( "Sorry, an error occured." );
+					}
+				} );
+				
+			},
+			deleteCurrentMark: function ( context ) {
+				var lC = context.modules.linear;
+				// ajax request goes here, with error handling
+				$.ajax( {
+					url: '/requests/delete_mark',
+					data: {
+						'reference': lC.currentMark.reference
+					},
+					type: 'POST',
+					dataType: 'JSON',
+					success: function( data ) {
+						
+						var deletedMarkReference = lC.currentMark.reference,
+							deletedMarkIndex = null;
+						//	Delete current mark from marks data
+						delete lC.marks[lC.currentMark.reference];
+						lC.currentMark = null;
+						
+						// remove the mark from the scene and reposition the rest
+						for ( var i=0; i < lC.scene.objects.length; i++ ) {
+							// start at the left and run through until you find the deleted mark
+							if( !deletedMarkIndex && lC.scene.objects[i].reference != deletedMarkReference ) continue;
+							// remove it
+							if( !deletedMarkIndex ) {
+								deletedMarkIndex = i;
+								lC.scene.objects.splice( i, 1 );
+								// set current mark to the next one
+								lC.currentMark = lC.scene.objects[i];
+							}
+							// reposition everything after it
+							if ( i == 0 ) {
+								lC.scene.objects[i].positionToStart( );
+							} else {
+								lC.scene.objects[i].positionRelativeTo( lC.scene.objects[i-1] );
+							}
+						}
+						// update the URL
+						context.app.setLocation( '#/' + lC.linear_root + '/' + lC.currentMark.reference );
+						
+						lC.eventChange = true;
+
+					},
+					error: function ( data ) {
+						// TODO translate this msg
+						context.fn.showError( "Sorry, an error occured." );
+					}
+				} );
+			},
+			approveCurrentMark: function ( context, shouldApprove ) {
+				var lC = context.modules.linear;
+				// ajax request goes here, with error handling
+				$.ajax( {
+					url: '/requests/approve_mark',
+					data: {
+						'reference': lC.currentMark.reference,
+						'should_approve': shouldApprove
+					},
+					type: 'POST',
+					dataType: 'JSON',
+					success: function( data ) {
+						//	TODO
+						console.log( data );
+						//	Update approved status locally
+						lC.currentMark.is_approved = shouldApprove;
+					},
+					error: function ( data ) {
+						// TODO translate this msg
+						context.fn.showError( "Sorry, an error occured." );
+					}
+				} );
+			},
+			centerCurrentMark: function( context, callback ) {
+				var lC = context.modules.linear;
+				if( !lC.currentMark ) return false;
+				modules.linear.fn.showMarkInformation( context );
+				// stop movement
+				lC.cameraChange.aX = 0;
+				lC.cameraChange.vX = 0;
+				lC.cameraChange.aZ = 0;
+				lC.cameraChange.vZ = 0;
+				// tween the camera to the mark
+				var speed = Math.abs( lC.currentMark.position.x - lC.scene.camera.position.x ) / 2;
+				var speed = Math.min( 8000, Math.max( 1000, speed) );
+				var tween = 'cameraEase' in lC.tweens ? lC.tweens['cameraEase'] : new TWEEN.Tween( lC.scene.camera.position );
+				tween
+					.to( { 
+						x: lC.currentMark.position.x + ( lC.currentMark.bWidth / 2 ), 
+						y: lC.currentMark.position.y + ( lC.currentMark.bHeight / 2 ),
+						z: lC.currentMark.position.z - 1000 }, speed )
+					.onComplete( function( ) {
+						delete lC.tweens['cameraEase'];
+						if ( typeof callback === "function" ) callback( this );
+					} )
+					.easing( TWEEN.Easing.Quartic.EaseInOut )
+					.start();
+				lC.tweens['cameraEase'] = tween;
+			}
+		}
+	};
+	
+	
+}( jQuery ) );
+( function( $ ) {
+	
+	var markApp = $.markApp = $.markApp || {};
+	var modules = $.markApp.modules = $.markApp.modules || {}; 
+
+	modules.capture = {
+		defaults: {
+			state: 'intro', // possible values -> intro, drawing, submitting
+			invite_code: null,
+			locale: null,
+			contributor_type: null
+		},
+		config: {
+			captureLimit: 300,
+			layerManager: null,
+			capturedPoints: 0,
+			strokes: [],
+			framecount: 0,
+			cleanedStrokes: [],
+			lastX: null,
+			lastY: null,
+			captureTime: null,
+			rtl: null,
+			initialized: false,
+			currentStroke: null,
+			mark: null,
+			timeBetweenStrokes: 400, // the amount of time to pause between strokes
+			events: [],  // unexecuted events we bind to times to 
+		},
+		// Event handlers
+		evt: {
+			resize: function ( context, e ) {
+				var lC = context.modules.capture;
+				lC.layerManager.resizeAll( context.width, context.height );
+				// redraw all marks
+				if( lC.mark && lC.mark.strokes.length > 0 ) {
+					for( var i = 0; i < lC.mark.strokes.length; i++ ) {
+						modules.capture.fn.drawStroke( context, lC.mark.strokes[i] );
+					}
+				}
+			},
+			mousemove: function( context, e ) {
+				if ( context.mouseDown && context.modules.capture.state == "drawing" )
+					modules.capture.fn.capturePoint( context );
+			},
+			mousedown: function( context, e ) {
+				switch ( context.modules.capture.state ) {
+					case "drawing":
+						// close the country select if it's open 
+						if( $( '#location-dialog' ).is( ':visible' ) ) {
+							$( '#location-dialog' )
+								.fadeOut( 'fast' );
+						}
+						// start a new mark if we need to
+						if( !context.modules.capture.mark ) modules.capture.fn.startMark( context );
+						// start a new stroke unless we already have a stroke open for some reason
+						if( !context.modules.capture.currentStroke ) modules.capture.fn.startStroke( context );
+						break;
+					case "intro":
+						// start a new mark if we need to
+						if( !context.modules.capture.mark ) modules.capture.fn.startMark( context );
+						// start a new stroke unless we already have a stroke open for some reason
+						if( !context.modules.capture.currentStroke ) modules.capture.fn.startStroke( context );
+						modules.capture.fn.endIntro( context );
+						
+						break;
+				}
+			},
+			mouseup: function( context, e ) {
+				if( context.modules.capture.state == "drawing" ) {
+					modules.capture.fn.endStroke( context );
+				}
+			},
+			ready: function ( context, e ) {
+				var lC = context.modules.capture;				
+				// hide errything
+				$( '#markmaker' )
+					.hide()
+					.children()
+					.hide();
+				// template dom is ready
+				$( '#markmaker-reset a' )
+					.addClass( 'disabled' )
+					.bind( 'mousedown', function( e ) {
+						e.preventDefault();
+						modules.capture.fn.reset( context );
+					} );
+				$( '#markmaker-submit a' )
+					.addClass( 'disabled' )
+					.bind( 'mousedown', function( e ) {
+						e.preventDefault();
+						modules.capture.fn.submit( context );
+					} );
+				// load the country codes into the dialog
+				context.fn.withCountryCodes( function ( countryCodes ) {
+					var $select = $( '#markmaker-country' );
+					for( var i = 0; i < countryCodes.length; i++ ) {
+						var $option = $( '<option />' )
+							.val( countryCodes[i].code )
+							.text( countryCodes[i].name );
+						$select.append( $option );
+					}
+				} );
+				$( '#markmaker-location a' )
+					.bind( 'mousedown', {context: context}, modules.capture.fn.locationDialogToggle );
+				$( '#markmaker-information' )
+					.bind( 'mouseover', {context: context}, modules.capture.fn.informationDialogToggle )
+					.bind( 'mouseout', {context: context}, modules.capture.fn.informationDialogToggle );
+				if ( lC.state == "drawing" ) {
+					modules.capture.fn.initDrawing( context );
+				}
+				
+				
+				$("#sammy #markmaker-country").selectBox({ autoWidth: false });
+				
+				
+			},
+			loop: function ( context, e ) {
+				var lC = context.modules.capture;
+				if ( !lC.initialized ) return;
+				// increment the frame counter
+				lC.frameCount++;
+				// Draw the cursor
+				modules.capture.fn.commonLoop( context );
+				// state specific code
+				switch( context.modules.capture.state ) {
+					case "drawing":
+						modules.capture.fn.drawLoop( context );
+						break;
+				}
+			}
+		},
+		fn: {
+			init: function ( context, options ) {
+				var lC = context.modules.capture;
+								
+				// if we've already set the interface up, just reset it
+				if ( '$capture' in lC ) {
+					// FIXME -- this reinit portion could use some love
+					if( 'state' in options ) {
+						modules.capture.fn.reset( context );
+						if ( options['state'] == 'drawing' ) {
+							if( context.mouseDown )
+								context.fn.trigger( 'mousedown' );
+						}
+						lC.state = options['state'];
+						modules.capture.fn.initDrawing( context );
+					}
+				} else {
+					// allow defaults to be overriden
+					$.extend( lC, modules.capture.defaults );
+					$.extend( lC, options );
+					// but not the cofig
+					$.extend( lC, modules.capture.config );
+					// DOM setup
+					lC.$capture = $( '<div />' )
+						.addClass( "capture-container" );
+					context.$container
+						.css( { 'zIndex': 100, 'cursor': 'none' } )
+						.append( lC.$capture );
+
+					lC.layerManager = new Mark.layerManager( lC.$capture.get( 0 ) );
+
+					// add two layers for the interface to use
+					lC.layerManager.addLayer( 'drawnLayer' );
+					lC.layerManager.addLayer( 'liveDrawingLayer' );
+
+					// trigger resize so our new layers are sized to fit
+					context.fn.trigger( 'resize' );
+					
+					lC.initialized = true;
+				}
+			},
+			deinit: function( context ) {
+				var lC = context.modules.capture;
+				// fade out our container
+				lC.$capture.fadeOut( 'fast', function () {
+					// remove all our layers
+					lC.layerManager.removeAll();
+					lC.$capture.remove();
+					lC.initialized = false;
+				} );
+			},
+			initIntro: function ( context ) {
+				
+			},
+			initDrawing: function ( context ) {
+				var lC = context.modules.capture;
+				// hide any intro stuff that might be being displayed
+				if( $( '#browse-marks' ).is( ':visible' ) ) {
+					$( '#browse-marks, #click-anywhere, #intro-main-copy' )
+						.fadeOut( 'fast' );
+				} 
+				$( '#markmaker' ).css( 'background-position', '0 ' + ( context.height - 100 ) + 'px' );
+				// update our resize handler 
+				$( '#markmaker' )
+					.unbind( 'resize.markApp' )
+					.bind( 'resize.markApp', function ( e, w, h ) {
+						$( '#markmaker' ).css( 'background-position', '0 ' + ( context.height - 100 ) + 'px' );
+						
+						// if there are dialogs open, reposition them
+						if( $( '#location-dialog:visible').size() > 0  ) {
+							$( '#location-dialog:visible' )
+								.css( {
+									'bottom': $( '#markmaker-location' ).height() + 25,
+									'left':  $( '#markmaker-location' ).offset().left + 32
+								} );
+						}
+					} );
+				if( !$( '#markmaker' ).is( ':visible' ) ) {
+					$( '#markmaker' )
+						.width( 0 )
+						.show()
+						.animate( { 'width': context.width }, 'slow', function () {
+							$( '#markmaker-controls' ).fadeIn( 'slow', function() {
+								$( '#markmaker-information' ).fadeIn( 'slow' );
+							} );
+						} );
+				} else {
+					$( '#markmaker-controls' ).fadeIn( 'slow', function() {
+						$( '#markmaker-information' ).fadeIn( 'slow' );
+					} );
+				}
+				// special cases
+				if ( lC.invite_code && lC.contributor_type == "t" ) {
+					lC.captureLimit = 1000;
+					lC.$capture.addClass( 'translator' );
+				} else if ( lC.invite_code && lC.contributor_type == "c" ) {
+					lC.$capture.addClass( 'contributor' );
+					$( '#contributor-fields' )
+						.collapsibleMod( )
+						.fadeIn( 'slow' );
+				}
+			},
+			// fades out the intro content and switches into drawing mode
+			endIntro: function ( context ) {
+				var lC = context.modules.capture;
+				// switch to drawing mode
+				context.app.setLocation( '#/mark/new' );
+			},
+			locationDialogToggle: function ( e, context ) {
+				e.preventDefault();
+				if( $( '#location-dialog' ).is( ':visible' ) ) {
+					$( '#location-dialog' )
+						.fadeOut( 'fast' );
+				} else {
+					$( '#location-dialog' )
+						.fadeIn( 'fast' )
+						.css( {
+							'bottom': $( '#markmaker-location' ).height() + 25,
+							'left':  $( '#markmaker-location' ).offset().left + 32
+						} );
+				}
+			},
+			informationDialogToggle: function ( e, context ) {
+				e.preventDefault();
+				if( e.type == "mouseout") {
+					$( '#information-dialog' )
+						.fadeOut( 'fast' );
+				} else {
+					$( '#information-dialog' )
+						.fadeIn( 'fast' )
+						.css( {
+							'bottom': $( '#markmaker-information' ).height() + 36,
+							'left':  $( '#markmaker-information' ).offset().left - $( '#information-dialog' ).width() + 30
+						} );
+				}
+			},
+			startMark: function ( context ) {
+				var lC = context.modules.capture;
+				// setup the mark
+				lC.captureTime = ( new Date() ).getTime();
+				lC.rtl = context.mouseX > $( window ).width() / 2;
+				lC.mark = new Mark.gmlMark( [], '', '', lC.captureTime, lC.rtl );
+				// remove the disabled styling from the submit and reset buttons
+				$( '#markmaker-submit a, #markmaker-reset a' ).removeClass( 'disabled' );
+			},
+			endMark: function ( context ) {
+				var lC = context.modules.capture;
+				// close out the mark and prep for submission
+				lC.mark.setupVars();
+			},
+			startStroke: function ( context ) {
+				// start a new, empty stroke
+				var lC = context.modules.capture;
+				lC.currentStroke = [];
+				// set the time relative to the last stroke, plus an offset
+				if( lC.strokes.length > 0 )
+					lC.captureTime = ( new Date() ).getTime() - 
+						( lC.strokes[lC.strokes.length - 1][lC.strokes[lC.strokes.length - 1].length - 1].time + lC.timeBetweenStrokes );
+			},
+			endStroke: function ( context ) {
+				var lC = context.modules.capture;
+				// ignore strokes with less than three points
+				if ( lC.currentStroke.length > 2 ) {
+					// close out this stroke
+					lC.strokes.push( lC.currentStroke );
+					// run the simplification algorithim
+					var simpStroke = Mark.simplification.simplifyPath( lC.currentStroke, 1 );
+					// run the weighting algorithm 
+					simpStroke = Mark.simplification.weightPath( simpStroke, [5,10,20,40] );
+					lC.mark.strokes.push( simpStroke );
+					lC.cleanedStrokes.push( simpStroke );
+					// draw this stroke the to drawn layer
+					modules.capture.fn.drawStroke( context, simpStroke );
+					// recalculate the captured point count
+					lC.capturedPoints -= lC.currentStroke.length - simpStroke.length;
+				}
+				// set the currentStroke to null 
+				lC.currentStroke = null;
+			},
+			capturePoint: function ( context ) {
+				var lC = context.modules.capture;
+				if( lC.capturedPoints > lC.captureLimit ) {
+					context.fn.trigger( 'mouseup' );
+					modules.capture.fn.closeShop( context );
+					return;
+				}
+				var time = ( new Date() ).getTime();
+				// create a new point and add it to the current stroke
+				var point = new Mark.gmlPoint( context.mouseX, context.mouseY, time - lC.captureTime, 0 );
+				if( lC.currentStroke.length > 0 ) {
+					var lastPoint = lC.currentStroke[lC.currentStroke.length - 1];
+					point.speed = lastPoint.speedToPoint( point );
+					point.setAngleFromPoint( lastPoint );
+					point.smoothAgainst( lastPoint, 1/100 );
+				} else {
+					// if this isn't the first stroke, draw a connecting line
+					if( lC.strokes.length >= 1 ) {
+						modules.capture.fn.drawGuide( lC.layerManager.layers['drawnLayer'].context, lC.lastX, lC.lastY, point.x, point.y );
+					}
+				}
+				lC.currentStroke.push( point );
+				lC.lastX = point.x;
+				lC.lastY = point.y;
+			
+				// increment our total points counter
+				lC.capturedPoints++;
+			},
+			reset: function ( context ) {
+				var lC = context.modules.capture;
+				lC.layerManager.layers['liveDrawingLayer'].clean();
+				lC.layerManager.layers['drawnLayer'].clean();
+				lC.capturedPoints = 0;
+				lC.rtl = null;
+				lC.mouseDown = false
+				lC.lastX = null;
+				lC.lastY = null;
+				lC.strokes = [];
+				lC.currentStroke = null;
+				lC.mark = null;
+				lC.captureTime = null;
+				lC.state = "drawing";
+				$( '#markmaker-submit a, #markmaker-reset a' ).addClass( 'disabled' );
+				$( '#markapp' ).css( { 'cursor': 'none' } );
+				$( '#markmaker-instructions' ).fadeIn();
+			},
+			closeShop: function( context ) {
+				var lC = context.modules.capture;
+				lC.state = 'preview';
+				// close the mark
+				modules.capture.fn.endMark( context );
+				// clear the drawing layer
+				lC.layerManager.layers['liveDrawingLayer'].clean();
+				// if the user is out of points, draw the line to the opposite side of the screen
+				var g = lC.layerManager.layers['liveDrawingLayer'].context,
+					x = lC.lastX,
+					y = lC.lastY;
+				g.strokeStyle = 'rgba(0,0,0,0.2)';
+				g.lineWidth = 1;
+				g.beginPath();
+				g.dashedLineTo( x, y, lC.rtl ? 0 : lC.layerManager.layers['liveDrawingLayer'].canvas.width, y, [7, 5] );
+				g.closePath();
+				g.stroke();
+				// set our cursor back to normal
+				$( '#markapp' ).css( { 'cursor': 'default' } );
+			},
+			submit: function( context ) {
+				var lC = context.modules.capture;
+				if( lC.state == "submitting" ) return;
+				if( lC.state != "preview" ) modules.capture.fn.closeShop( context );
+				// process our points, and send them off
+				lC.state = "submitting";
+				$( '#markmaker-submit a' ).addClass( 'disabled' );
+				var data = {};
+				data.rtl = lC.rtl;
+				data.strokes = lC.strokes;
+				//data.locale = cfg.locale; // TODO - impliment location awareness
+				var points_obj = JSON.stringify( data );
+				var points_obj_simplified = JSON.stringify( lC.mark );
+				var country_code = $( '#markmaker-country' ).val() == "label" ? "" : $( '#markmaker-country' ).val();
+				// show loader
+				context.fn.showLoader( $( '.translated-strings #submitting-mark' ).text() );
+				var params = {
+					'points_obj': points_obj,
+					'points_obj_simplified': points_obj_simplified,
+					'country_code': country_code,
+				};
+				if ( lC.invite_code && lC.contributor_type == "t" ) {
+					params.contributor_locale = context.locale;
+					params.invite = lC.invite_code;
+				} else if (lC.invite_code && lC.contributor_type == "c" ) {
+					params.contributor = $( '#contributor-name' ).val();
+					// add the quote as the marks extra_info
+					lC.mark.extra_info = $( '#contributor-quote' ).val();
+					// re-stringify our points obj
+					params.points_obj_simplified = JSON.stringify( lC.mark );
+					params.invite = lC.invite_code;
+				}
+				$.ajax( {
+					url: '/requests/save_mark',
+					data: params,
+					type: 'POST',
+					dataType: 'JSON',
+					success: function( data ) {
+						// store the users mark for later access
+						context.fn.storeData( 'userMark', { 'reference': data.mark_reference, 'country_code': country_code } );
+						// now tell the app to redirect to our FRESH mark
+						context.app.setLocation( '#/linear/'+ data.mark_reference + '?playback=true' );
+						// hide loader
+						context.fn.hideLoader();
+					},
+					error: function( data ) {
+						context.fn.showError();
+					}
+				} );
+				return false;
+			},
+			drawStroke: function ( context, stroke ) { 
+				var lC = context.modules.capture;
+				Mark.thickBrush( lC.layerManager.layers['drawnLayer'].context, [stroke] );
+				lC.layerManager.layers['drawnLayer'].context.fillStyle = "rgba(255,255,255,0.3)";
+				lC.layerManager.layers['drawnLayer'].context.strokeStyle = "rgba(255,255,255,0.3)";
+				Mark.circleBrush( lC.layerManager.layers['drawnLayer'].context, [stroke] );
+			},
+			drawGuide: function( g, x1, y1, x2, y2 ) {
+				g.strokeStyle = 'rgba(0,0,0,0.2)';
+				g.lineWidth = 1;
+				g.beginPath();
+				g.dashedLineTo( x1, y1, x2, y2, [7, 5] );
+				g.closePath();
+				g.stroke();
+			},
+			drawCursor: function ( g, x, y, per ) {
+				g.strokeStyle = '#ff5400';
+				g.fillStyle = '#000000';
+				// draw stroke
+				g.beginPath();
+				g.moveTo( x, y );
+				g.lineTo( x + 1, y - 8 );
+				g.lineTo( x + 20, y - 27 );
+				g.lineTo( x + 23, y - 23 );
+				g.lineTo( x, y );
+				g.closePath();
+				g.stroke();
+				// draw filling
+				per *= 18.5;
+				per += 4.5;
+				g.beginPath();
+				g.moveTo( x, y );
+				g.lineTo( x + 1, y - 8 );
+				g.lineTo( x + ( per - 3 ), y - ( per + 4 ) );
+				g.lineTo( x + per, y - per );
+				g.lineTo( x, y );
+				g.closePath();
+				g.fill();
+			},
+			commonLoop: function( context ) {
+				var lC = context.modules.capture;
+				
+				// clear the drawing layer
+				lC.layerManager.layers['liveDrawingLayer'].clean();
+				
+				// draw the cursor if the cursor is in the frame
+				if( context.mouseIn && ( lC.state == "drawing" || lC.state == "intro" ) ) {
+					modules.capture.fn.drawCursor( lC.layerManager.layers['liveDrawingLayer'].context, context.mouseX, context.mouseY, ( lC.captureLimit - lC.capturedPoints ) / lC.captureLimit  );
+				}
+			},
+			introLoop: function( context ) {
+				
+			},
+			drawLoop: function( context ) {
+				var lC = context.modules.capture;
+				// Clean the drawing layer
+				if( lC.currentStroke && lC.currentStroke.length > 0 ) {
+					// draw out what we've got in the stroke buffer
+					Mark.thickBrush( lC.layerManager.layers['liveDrawingLayer'].context, [lC.currentStroke] );
+					lC.layerManager.layers['liveDrawingLayer'].context.fillStyle = "rgba(255,255,255,0.3)";
+					lC.layerManager.layers['liveDrawingLayer'].context.strokeStyle = "rgba(255,255,255,0.3)";
+					Mark.circleBrush( lC.layerManager.layers['liveDrawingLayer'].context, [lC.currentStroke] );
+				}
+				if( ! context.mouseIn ) return;
+				if( ! context.mouseDown ) {
+					// draw the guide
+					var x, y;
+					if( lC.strokes.length == 0 ) {
+						x = context.mouseX > $( window ).width() / 2 ? lC.layerManager.layers['liveDrawingLayer'].canvas.width : 0,
+						y = context.mouseY;
+					} else {
+						x = lC.lastX;
+						y = lC.lastY;
+					}
+					modules.capture.fn.drawGuide( lC.layerManager.layers['liveDrawingLayer'].context, x, y, context.mouseX, context.mouseY );
+				}
+				
+			}
+		}
+	};
+	
+}( jQuery ) );
+( function( $ ) {
+	
+	// support loose augmentation
+	markApp = $.markApp = $.markApp || {};
+	modules = $.markApp.modules = $.markApp.modules || {};
+	
+	// Code for introducing the site. 
+	// runs quickly, then unloads
+	// store all data in a flat json file that django recompiles after a new intro mark is added 
+	modules.intro = {
+		defaults: {
+			// optional reference mark -- will init the visualization on this mark if passed
+			reference_mark: null
+		},
+		config: {
+			// all marks held here
+			marks: {},
+			animationMarks: ['vVR', 'myWb'],
+			playbackTimes: {},
+			vizScene: null, // for rendering the viz preview
+			textScene: null, // for rendering tahe extra text 
+			// layer manager
+			layerManager: null,
+			// boolean flag to indicate if this module is fully setup
+			initialized: false,
+			eventChange: false,
+			curLocaleMark: null,
+			animationComplete: false,
+			tweens: {}
+		},
+		evt: {
+			resize: function( context, e ) {
+				context.modules.intro.layerManager.resizeAll( context.width, context.height );
+				context.modules.intro.eventChange = true;
+				
+				if ( context.modules.intro.xAnimationComplete ) {
+					// redraw the X
+					modules.intro.fn.drawX( context );
+					// reposition and redraw the translateMark
+					
+				}
+				
+			},
+			loop: function ( context, e ) {
+				var lC = context.modules.intro;
+
+				// update the position of the camera and draw the viz preview
+				TWEEN.update();
+				lC.layerManager.layers['viz'].clean();
+				Mark.renderer.renderScene( lC.vizScene, { width: context.width, height: context.height } );
+				
+				if( lC.curLocaleMark || lC.xMark ) {
+					lC.layerManager.layers['mainMark'].clean();
+					// render the locale mark
+					if( lC.curLocaleMark ) {
+							var scale = 500 / lC.curLocaleMark.bWidth;
+							Mark.renderer.renderMark( 
+								lC.layerManager.layers['mainMark'].context, 
+								lC.curLocaleMark, 
+								{ offset: {x: (context.width / 2) - 115, y: context.height - 200 }, 
+									scale: {x: scale, y: scale, thickness: scale},
+									color: '255,84,0',
+									timer: lC.textScene.timers[lC.curLocaleMark.reference] } );
+					}
+					if ( lC.xMark ) {
+						// RENDER THE X
+						var xScale = ( ( ( context.width / 2 ) - 200 ) / lC.xMark.bWidth );
+						var yScale = ( ( context.height + 200 ) / lC.xMark.bHeight );
+						Mark.renderer.renderMark( 
+							lC.layerManager.layers['mainMark'].context, 
+							lC.xMark, 
+							{ offset: {x: 10, y: -50 }, 
+								scale: {x: xScale, y: yScale, thickness: 5},
+								color: '0,0,0',
+								timer: lC.textScene.timers[lC.xMark.reference] } );
+					}
+				}
+			},
+			ready: function( context, e ) {
+				$( '#markmaker' )
+					.hide()
+					.children()
+					.hide();
+				/* 
+				 * Here's the order in which we want to run this intro
+				 * 1. quick viz preview with make your mark in varying languages (2 sec)
+				 * 2. dotted line animated across the screen as the viz preview fades out ( 1 sec)
+				 * 3. big X draws in (2 sec)
+				 * 4. dom elements animate up (1 sec)
+				 * 5. Make your Mark draws in (4 sec)
+				 * 
+				 * If any part of this fails, we revert to a simple intro where our intro screens if faded in.
+				 *
+				 */
+				$.when( modules.intro.fn.initInterface( context ), modules.intro.fn.loadMarks( context ) )
+						.then( function() { modules.intro.fn.runVizPreview( context ); } )
+						.then( function() { modules.intro.fn.startDomAnimation( context ); } )
+						.fail( function() { modules.intro.fn.simpleIntro( context ); } );
+			}
+		},
+		fn: {
+			init: function( context, options ) {
+				var lC = context.modules.intro;
+				if ( lC.initialized ) {
+					console.log( "this module isn't really intended to be reloaded" );
+					// now our options into our context
+					$.extend( lC, lC, options );
+					// since merging won't replace null or undefined values, make sure we clean up after it
+					for( option in modules.intro.defaults ) {
+						if ( options[option] == null ) lC[option] = modules.intro.defaults[option];
+					}
+				} else {
+					// allow defaults to be overriden
+					$.extend( lC, modules.intro.defaults, options );
+					// but not the cofig
+					$.extend( lC, lC, modules.intro.config );
+
+					// DOM setup
+					lC.$intro = $( '<div />' )
+						.addClass( "intro-container" );
+					context.$container
+						.append( lC.$intro );
+
+					// scene setup
+					lC.vizScene = new Mark.scene();
+					lC.textScene = new Mark.scene();
+					
+					// layer setup
+					lC.layerManager = new Mark.layerManager( lC.$intro.get( 0 ) );
+					// we draw the viz preview to this
+					lC.layerManager.addLayer( 'viz' );
+					lC.vizScene.canvasContext = lC.layerManager.layers['viz'].context;
+					// and then the 'Make Your Mark' on this
+					lC.layerManager.addLayer( 'mainMark' );
+					lC.textScene.canvasContext = lC.layerManager.layers['mainMark'].context;
+					// and for the X
+					lC.layerManager.addLayer( 'X' );
+					// trigger resize so our new layers are sized to fit
+					context.fn.trigger( 'resize' );
+					
+					lC.initialized = true;
+					
+				}
+			},
+			deinit: function( context ) {
+				var lC = context.modules.intro;
+				lC.$intro.fadeOut( 'fast', function () {
+					// remove all our layers
+					lC.layerManager.removeAll();
+					lC.$intro.remove();
+					lC.initialized = false;
+				} );
+			},
+			initInterface: function ( context ) {
+				$( '#markmaker' )
+					.unbind( 'resize.markApp' )
+					.bind( 'resize.markApp', function ( e, w, h ) {
+						// reposition the elements
+						var rAnchor = ( w / 2 ) + 485;
+						var bOffset = ( h - 100 ); // position of the background graphic
+						var wasHidden = false;
+						$( '#markmaker' ).css( 'background-position', '0 ' + bOffset + 'px' );
+						// if these aren't shown yet, do this quick trick
+						if( !$( '#markmaker' ).is( ':visible' ) ) {
+							wasHidden = true;
+							$( '#markmaker, #browse-marks, #click-anywhere, #intro-main-copy' )
+								.css( { 'display': 'block' } );
+						}
+						$( '#browse-marks' )
+							.css( { 'top': bOffset - 50, 'left': rAnchor - 85 } );
+						$( '#click-anywhere' )
+							.css( { 'top': bOffset + 12, 'left': rAnchor - $( '#intro-main-copy' ).width() } );
+						$( '#intro-main-copy' )
+							.css( { 'top': bOffset - $( '#intro-main-copy' ).height() - 100, 'left': rAnchor - $( '#intro-main-copy' ).width() } );
+						if( wasHidden ) {
+							$( '#markmaker, #browse-marks, #click-anywhere, #intro-main-copy' )
+								.css( { 'display': 'none' } );
+						}
+					} )
+					.trigger( 'resize.markApp', [context.width, context.height] )
+					.width( 0 )
+					.height( context.height );
+					
+				
+			},
+			createBigX: function( context ) {
+				var now = ( new Date() ).getTime();
+				var x = new Mark.gmlMark( [], '', '', now, false );
+				// stroke points - x, y, speed
+				var s1 = [
+					[20, 0, 10],
+					[20, 0, 10],
+					[20, 0, 10],
+					[20, 0, 10],
+					[20, 0, 10],
+					[20, 0, 10],
+					];
+				var point = new Mark.gmlPoint( context.mouseX, context.mouseY, time - lC.captureTime, 0 );
+			},
+			loadMarks: function( context ) {
+				return $.ajax( {
+						url: '/requests/get_translated_marks',
+						dataType: 'JSON'
+					} )
+					.success( function ( data ) {
+						modules.intro.fn.setupMarks( context, data.marks );
+					} );
+			},
+			setupMarks: function( context, marks ) {
+				var lC = context.modules.intro;
+				// FXIME - if this is empty, throw an error
+				if( typeof marks === "undefined" || marks.length == 0 ) return;
+				// set our layer's visiblity to 0
+				$( lC.layerManager.layers['viz'].canvas ).css( 'opacity', 0 );
+				// sort the marks randomly
+				marks.sort( function( a, b ) { return ( Math.round( Math.random() ) - 0.5 ); } );
+				// // duplicate marks until we've got 25
+				// 			while ( marks.length < 25 ) {
+				// 				marks = marks.concat( marks );
+				// 			}
+				var pMark = null;
+				// add them to the scene
+				for ( var i = 0; i < marks.length; i++ ) {
+					try { 
+						var points_obj = JSON.parse( marks[i].points_obj_simplified );
+						var mark = new Mark.gmlMark( points_obj.strokes, marks[i].reference, marks[i].country_code, marks[i].date_drawn, points_obj.rtl, marks[i].id, marks[i].is_approved );
+						if ( !lC.currentMark ) lC.currentMark = mark;
+						// if we dont have a permanant ref to this mark yet, create it
+						if( !( marks[i].reference in lC.marks ) ) {
+							lC.marks[mark.reference] = mark;
+						}
+						// position this mark relative to the last one
+						if ( pMark ) mark.positionRelativeTo( pMark, false );
+						if ( marks[i].contributor_locale == context.locale || !lC.curLocaleMark ) {
+							var distantFuture = ( new Date() ).getTime() * 3;
+							lC.curLocaleMark = new Mark.gmlMark( points_obj.strokes, marks[i].reference, marks[i].country_code, marks[i].date_drawn, points_obj.rtl, marks[i].id, marks[i].is_approved );
+							lC.textScene.timers[lC.curLocaleMark.reference] = { 'start': distantFuture, 'end': distantFuture + lC.curLocaleMark.maxTime, 'speed': 2 };
+							
+						}
+							
+						lC.vizScene.objects.push( mark );
+						pMark = mark;
+					} catch ( e ) {
+						console.warn( "Mark failed import", marks[i].reference );
+					}
+					
+				}
+			},
+			runVizPreview: function ( context ) {
+				var lC = context.modules.intro;
+				// can't do this on less than three marks
+				if( lC.vizScene.objects.length < 3 ) return;
+				// move the camera way back
+				lC.vizScene.camera.position.x = -2000;
+				lC.vizScene.camera.position.z = -3000;
+				var targetMark = lC.vizScene.objects[lC.vizScene.objects.length - 2];
+				// tween the camera on down the line
+				var tween = new TWEEN.Tween( lC.vizScene.camera.position );
+				tween
+					.to( { 
+						x: targetMark.position.x + (targetMark.bWidth / 2),
+						y: targetMark.position.y + (targetMark.bHeight / 2),
+						z: targetMark.position.z - 2000 }, 6000 )
+					.onComplete( function( ) {
+						delete lC.tweens['cameraEase'];
+					} )
+					.easing( TWEEN.Easing.Quartic.EaseInOut )
+					.start();
+				lC.tweens['cameraEase'] = tween;
+				$( lC.layerManager.layers['viz'].canvas )
+					.animate( { opacity: '1' }, 'slow' )
+					.delay( 2000 )
+					.animate( { opacity: '0.1'}, 'slow' );
+				// delay the dom animation
+				$( '#markmaker' )
+					.delay( 3000 );
+			},
+			startDomAnimation: function ( context ) {
+				var lC = context.modules.intro;
+				$( '#markmaker' )
+				.width( 0 )
+				.show()
+				.animate( { 'width': context.width }, 'slow', function () {
+					modules.intro.fn.startMarkAnimations( context );
+					$( '#intro-main-copy' ).fadeIn( 'slow' );
+					$( '#click-anywhere' ).delay( 200 ).fadeIn( 'slow' );
+					$( '#browse-marks' ).delay( 100 ).fadeIn( 'slow' );
+				} );
+			},
+			startMarkAnimations: function ( context ) {
+				var lC = context.modules.intro;
+				modules.intro.fn.drawX( context );
+				// start drawing the translated mark
+				if( lC.curLocaleMark ) {
+					var now = ( new Date() ).getTime() + 2000;
+					lC.textScene.timers[lC.curLocaleMark.reference] = { 'start': now, 'end': now + lC.curLocaleMark.maxTime, 'speed': 2 };
+				}
+			},
+			drawX: function ( context ) {
+				var lC = context.modules.intro;
+				// draw the X, with hardcoded data? good idea? maybe?
+				var xMarkData = {"strokes":[[{"x":234,"y":10,"z":0,"time":33,"speed":0,"angle":0,"significance":5},{"x":222,"y":20,"z":0,"time":116,"speed":0.16371630891611244,"angle":0.7853981633974483,"significance":1},{"x":174,"y":77,"z":0,"time":250,"speed":0.5882352941176471,"angle":0.7086262721276702,"significance":1},{"x":159,"y":92,"z":0,"time":284,"speed":0.5823232315653921,"angle":0.7853981633974483,"significance":3},{"x":127,"y":143,"z":0,"time":434,"speed":0.49442499055474537,"angle":0.6202494859828214,"significance":2},{"x":119,"y":157,"z":0,"time":467,"speed":0.48690596886566767,"angle":0.5880026035475675,"significance":1},{"x":107,"y":184,"z":0,"time":550,"speed":0.4777756803443185,"angle":0.46364760900080615,"significance":1},{"x":92,"y":222,"z":0,"time":659,"speed":0.4268730969028777,"angle":0.3805063771123649,"significance":2},{"x":86,"y":247,"z":0,"time":745,"speed":0.29870357798334235,"angle":0.244978663126864,"significance":1},{"x":86,"y":261,"z":0,"time":934,"speed":0.1987035779833423,"angle":0,"significance":5}],[{"x":0,"y":0,"z":0,"time":1389,"speed":0,"angle":0,"significance":5},{"x":14,"y":9,"z":0,"time":1439,"speed":0.16680012497506194,"angle":5.332638466367511,"significance":1},{"x":25,"y":13,"z":0,"time":1459,"speed":0.2838471240822582,"angle":5.061159983968596,"significance":1},{"x":102,"y":55,"z":0,"time":1589,"speed":0.8336425711723694,"angle":5.20633034930427,"significance":2},{"x":137,"y":79,"z":0,"time":1639,"speed":0.8679809578874739,"angle":5.355890089177974,"significance":1},{"x":165,"y":104,"z":0,"time":1689,"speed":0.6923947004617487,"angle":5.497787143782138,"significance":3},{"x":185,"y":133,"z":0,"time":1801,"speed":0.37418250299576344,"angle":5.639684198386302,"significance":1},{"x":198,"y":164,"z":0,"time":1889,"speed":0.4385604630344515,"angle":5.81953769817878,"significance":2},{"x":203,"y":184,"z":0,"time":1940,"speed":0.46422811047509116,"angle":6.064516361305644,"significance":1},{"x":211,"y":204,"z":0,"time":1990,"speed":0.3747853913750996,"angle":5.961434752782944,"significance":1},{"x":226,"y":264,"z":0,"time":2273,"speed":0.248185115401781,"angle":0,"significance":5}]],"country_code":"","time":1300905482370,"rtl":false,"maxTime":2273,"reference":"","hoverState":false,"renderedBounds":null,"id":null,"color":"0,0,0","hoverColor":"0,139,211","x":194,"y":209,"position":{"x":0,"y":0,"z":0},"rotationAngle":{"x":0,"y":0,"z":0},"sX":0,"sY":0,"bWidth":234,"bHeight":264};
+				
+				lC.xMark = new Mark.gmlMark( xMarkData.strokes, "xMark" );
+				
+				lC.textScene.objects.push( lC.xMark ); 
+				var now = ( new Date() ).getTime();
+				lC.textScene.timers[lC.xMark.reference] = { 'start': now, 'end': now + lC.xMark.maxTime, 'speed': 1 };
+			},
+			// fallback function that doesn't bother with anything but the DOM elements
+			simpleIntro: function ( context ) {
+				var lC = context.modules.intro;
+				$( '#markmaker' )
+				.width( 0 )
+				.show()
+				.animate( { 'width': context.width }, 'slow', function () {
+					$( '#intro-main-copy' ).fadeIn( 'slow' );
+					$( '#click-anywhere' ).delay( 200 ).fadeIn( 'slow' );
+					$( '#browse-marks' ).delay( 100 ).fadeIn( 'slow' );
+				} );
+			}
+		}
+	};
+}( jQuery ) );
+/*
+ * jQuery touch and gesture detection.
+ * 
+ * identifies support for touch and gestures.
+ * 
+ * Usage:  
+ * 
+ * if ($fn.browserTouchSupport.touches) {
+ *     // Touch specific interactions
+ * }
+ * 
+ * Support:
+ * bool $.fn.browserTouchSupport.touches  // all touches supported
+ * bool $.fn.browserTouchSupport.gestures // all gestures supported
+ * bool $.fn.browserTouchSupport.touchstart
+ * bool $.fn.browserTouchSupport.touchmove
+ * bool $.fn.browserTouchSupport.touchend
+ * bool $.fn.browserTouchSupport.gesturestart
+ * bool $.fn.browserTouchSupport.gesturechange
+ * bool $.fn.browserTouchSupport.gestureend
+ * 
+ * 
+ * @author     Jeffrey Sambells <jeff@tropicalpixels.com>
+ * @license    The MIT License
+ * 
+ * Copyright (c) 2010 Jeffrey Sambells / TropicalPixels
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+(function($) {
+	
+	var support = {};
+	
+	var events = [
+		'touchstart',
+		'touchmove',
+		'touchend',
+		'gesturestart',
+		'gesturechange',
+		'gestureend'
+	];
+
+	var el = document.createElement('div');
+
+	for( i in events ) {
+		var eventName = events[i];
+		eventName = 'on' + eventName;
+		var isSupported = (eventName in el);
+		if (!isSupported) {
+			el.setAttribute(eventName, 'return;');
+			isSupported = typeof el[eventName] == 'function';
+		}
+		support[events[i]] = isSupported;
+	}
+
+	support.touches = 
+		support.touchstart 
+		&& support.touchend 
+		&& support.touchmove;
+	
+	support.gestures = 
+		support.gesturestart && 
+		support.gesturechange && 
+		support.gestureend;
+	
+	$.fn.browserTouchSupport = support;
+	
+})(jQuery);
+
+(function( $ ) {
+/**
+ * Function that escapes spaces in event names. This is needed because
+ * "_delayedBind-foo bar-1000" refers to two events
+ */
+function encodeEvent( event ) {
+	return event.replace( /-/g, '--' ).replace( / /g, '-' );
+}
+
+$.fn.extend( {
+	/**
+	 * Bind a callback to an event in a delayed fashion.
+	 * In detail, this means that the callback will be called a certain
+	 * time after the event fires, but the timer is reset every time
+	 * the event fires.
+	 * @param timeout Number of milliseconds to wait
+	 * @param event Name of the event (string)
+	 * @param data Data to pass to the event handler (optional)
+	 * @param callback Function to call
+	 */
+	delayedBind: function( timeout, event, data, callback ) {
+		var encEvent = encodeEvent( event );
+		return this.each( function() {
+			var that = this;
+			// Bind the top half
+			// Do this only once for every (event, timeout) pair
+			if (  !( $(this).data( '_delayedBindBound-' + encEvent + '-' + timeout ) ) ) {
+				$(this).data( '_delayedBindBound-' + encEvent + '-' + timeout, true );
+				$(this).bind( event, function() {
+					var timerID = $(this).data( '_delayedBindTimerID-' + encEvent + '-' + timeout );
+					// Cancel the running timer
+					if ( typeof timerID != 'undefined' )
+						clearTimeout( timerID );
+					timerID = setTimeout( function() {
+						$(that).trigger( '_delayedBind-' + encEvent + '-' + timeout );
+					}, timeout );
+					$(this).data( '_delayedBindTimerID-' + encEvent + '-' + timeout, timerID );
+				} );
+			}
+			
+			// Bottom half
+			$(this).bind( '_delayedBind-' + encEvent + '-' + timeout, data, callback );
+		} );
+	},
+	
+	/**
+	 * Cancel the timers for delayed events on the selected elements.
+	 */
+	delayedBindCancel: function( timeout, event ) {
+		var encEvent = encodeEvent( event );
+		return this.each( function() {
+			var timerID = $(this).data( '_delayedBindTimerID-' + encEvent + '-' + timeout );
+			if ( typeof timerID != 'undefined' )
+				clearTimeout( timerID );
+		} );
+	},
+	
+	/**
+	 * Unbind an event bound with delayedBind()
+	 */
+	delayedBindUnbind: function( timeout, event, callback ) {
+		var encEvent = encodeEvent( event );
+		return this.each( function() {
+			$(this).unbind( '_delayedBind-' + encEvent + '-' + timeout, callback );
+		} );
+	}
+} );
+} )( jQuery );
+
+/*
+ * makes divs with an h3 and a ul collapse. Not very useful for other things.
+ * 
+*/
+(function($) {
+	
+	$.collapsibleMod = {
+		cfg: {
+			'collapsedClass': 'collapsibleMod-collapsed',
+			'expandedClass': 'collapsibleMod-expanded',
+			'$header': null,
+			'previewSelector': '',
+			'$content': null,
+			'collapsed': false,
+			'stateKey': '',
+			'saveState': true // when set to true, and the container ele has an id, we'll attempt to save the state between requests
+		},
+		fn: {
+			'init': function ( container, options ) {
+				var $this = $( container );
+				var context = $.extend({}, $.collapsibleMod.cfg, options );
+				
+				context.$container = $this;
+				context.$header = $this.find( 'h3:first' );
+				context.$content = $this.children().not( 'h3:first' ).not( context.previewSelector );
+				
+				context.$header.bind( 'click', function( e ) {
+					e.preventDefault();
+					$.collapsibleMod.fn.toggle( context );
+				} );
+				
+				// setup state saving
+				if( context.saveState && context.$container.attr( 'id' ) != "" && typeof localStorage != 'undefined' ) {
+					context.stateKey = 'collapsibleMod-state-' + context.$container.attr( 'id' );
+					$.collapsibleMod.fn.restoreState( context );
+				} else {
+					context.saveState = false;
+				}
+				
+				if ( context.collapsed ) {
+					$.collapsibleMod.fn.collapse( context );
+				} else {
+					context.$container
+						.addClass( context.expandedClass );
+				}
+				
+				$this.data( 'collapsibleMod-context', context );
+			},
+			'collapse': function ( context ) {
+				context.$container
+					.addClass( context.collapsedClass )
+					.removeClass( context.expandedClass );
+				context.$content
+					.slideUp( 'fast' );
+				context.collapsed = true;
+				$.collapsibleMod.fn.saveState( context );
+			},
+			'expand': function ( context ) {
+				context.$container
+					.removeClass( context.collapsedClass )
+					.addClass( context.expandedClass );
+				context.$content
+					.slideDown( 'fast' );
+				context.collapsed = false;
+				$.collapsibleMod.fn.saveState( context );
+			},
+			'saveState': function( context ) {
+				if( context.saveState ) {
+					try {
+						localStorage.removeItem( context.stateKey );
+						localStorage.setItem( context.stateKey, context.collapsed );
+					} catch (e) {
+					 	 if ( e == QUOTA_EXCEEDED_ERR ) { /* data wasn't successfully saved due to quota exceed */ }
+					}
+				}
+			},
+			'restoreState': function( context ) {
+				if ( context.saveState && localStorage.getItem( context.stateKey ) ) {
+					context.collapsed = ( localStorage.getItem( context.stateKey ) === 'true' ) ;
+				}
+			},
+			'toggle': function ( context ) {
+				context.collapsed ? $.collapsibleMod.fn.expand( context ) : $.collapsibleMod.fn.collapse( context );
+			}
+		}
+	};
+	
+	$.fn.collapsibleMod = function ( options ) {
+		return $( this ).each( function () {
+			$.collapsibleMod.fn.init( this, options );
+		} );
+	};
+	
+})(jQuery);
+
+/*
+ * A generic plugin to assist with those fucking social media buttons we have to put on every god damn website these days.
+ * 
+ * Actually, you know what? This is more basic than that. It just opens up a new window with the dimensions you specify
+ * and the URL you specify, with the GET params you specify.
+ * 
+ * That just happens to be the basic functionality you need to impliment a twitter or facebook share button. 
+ * 
+ * USEFUL FACEBOOK INFO: 
+ * - url: http://www.facebook.com/sharer.php
+ * - required params: 
+ *		- u: the url you want to share
+ *		- t: the title of the link you want to share
+ *
+ * USEFUL TWITTER INFO: 
+ * - url: http://twitter.com/share
+ * - params:
+ *		- url: the url you want to share
+ *		- text: the message you want to tweet with this url
+ *		- via: your twitter account, w/o the @, if you want attributed
+ *		- related: a related account. Can also format it with a title like 'adammiller: People who dislike social media buttons'
+ * 
+*/
+( function( $ ) {
+	
+	$.socialShare = {
+		cfg: {
+			'$link': null,
+			'share_url': 'http://twitter.com/share',
+			'share_title': 'Share on Twitter',
+			'share_params': {},
+			'popupWidth': 550,
+			'popupHeight': 450
+		},
+		fn: {
+			'init': function ( container, options ) {
+				var $this = $( container );
+				var context = $.extend( {}, $.socialShare.cfg, options );
+				
+				context.$link = $this;
+				
+				context.$link.bind( 'click', function( e ) {
+					e.preventDefault();
+					$.socialShare.fn.share( context );
+				} );
+				
+				$this.data( 'socialShare-context', context );
+			},
+			'shareURL': function ( context ){
+				var params = [];
+				for( param in context.share_params ) {
+					params.push( param + '=' + encodeURIComponent( context.share_params[param] ) );
+				}
+				return context.share_url + '?' + params.join( "&" );
+			},
+			'share': function ( context ) {
+				// open the pop up
+				window.open(
+					$.socialShare.fn.shareURL( context ),
+					context.share_title,
+					'height=' + context.popupHeight + ',width=' + context.popupWidth
+				);
+			}
+		}
+	};
+	
+	$.fn.socialShare = function( options ) {
+		return $( this ).each( function () {
+			$.socialShare.fn.init( this, options );
+		} );
+	};
+	
+} )( jQuery );
+
+/*
+    http://www.JSON.org/json2.js
+    2008-11-19
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or '&nbsp;'),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the object holding the key.
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+*/
+
+/*jslint evil: true */
+
+/*global JSON */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+if (!this.JSON) {
+    JSON = {};
+}
+(function () {
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function (key) {
+
+            return this.getUTCFullYear()   + '-' +
+                 f(this.getUTCMonth() + 1) + '-' +
+                 f(this.getUTCDate())      + 'T' +
+                 f(this.getUTCHours())     + ':' +
+                 f(this.getUTCMinutes())   + ':' +
+                 f(this.getUTCSeconds())   + 'Z';
+        };
+
+        String.prototype.toJSON =
+        Number.prototype.toJSON =
+        Boolean.prototype.toJSON = function (key) {
+            return this.valueOf();
+        };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ?
+            '"' + string.replace(escapable, function (a) {
+                var c = meta[a];
+                return typeof c === 'string' ? c :
+                    '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+            }) + '"' :
+            '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0 ? '[]' :
+                    gap ? '[\n' + gap +
+                            partial.join(',\n' + gap) + '\n' +
+                                mind + ']' :
+                          '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    k = rep[i];
+                    if (typeof k === 'string') {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0 ? '{}' :
+                gap ? '{\n' + gap + partial.join(',\n' + gap) + '\n' +
+                        mind + '}' : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                     typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/.
+test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@').
+replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').
+replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function' ?
+                    walk({'': j}, '') : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+})();
+
+CanvasRenderingContext2D.prototype.dashedLineTo = function( fromX, fromY, toX, toY, pattern ) {
+	// Our growth rate for our line can be one of the following:
+	//	 (+,+), (+,-), (-,+), (-,-)
+	// Because of this, our algorithm needs to understand if the x-coord and
+	// y-coord should be getting smaller or larger and properly cap the values
+	// based on (x,y).
+	var lt = function ( a, b ) { return a <= b; };
+	var gt = function ( a, b ) { return a >= b; };
+	var capmin = function ( a, b ) { return Math.min( a, b ); };
+	var capmax = function ( a, b ) { return Math.max( a, b ); };
+
+	// if ( typeof(pattern) != "Array" ) pattern = [pattern];
+	var checkX = { thereYet: gt, cap: capmin };
+	var checkY = { thereYet: gt, cap: capmin };
+
+	if ( fromY - toY > 0 ) {
+		checkY.thereYet = lt;
+		checkY.cap = capmax;
+	}
+	if ( fromX - toX > 0 ) {
+		checkX.thereYet = lt;
+		checkX.cap = capmax;
+	}
+
+	this.moveTo( fromX, fromY );
+	var offsetX = fromX;
+	var offsetY = fromY;
+	var idx = 0, dash = true;
+	while ( !( checkX.thereYet( offsetX, toX ) && checkY.thereYet( offsetY, toY ) ) ) {
+		var ang = Math.atan2( toY - fromY, toX - fromX );
+		var len = pattern[idx];
+
+		offsetX = checkX.cap( toX, offsetX + (Math.cos( ang ) * len ) );
+		offsetY = checkY.cap( toY, offsetY + (Math.sin( ang ) * len ) );
+
+		if ( dash ) this.lineTo( offsetX, offsetY );
+		else this.moveTo( offsetX, offsetY );
+
+		idx = ( idx + 1 ) % pattern.length;
+		dash = !dash;
+	}
+};
+CanvasRenderingContext2D.prototype.dottedArc = function( x, y, radius, startAngle, endAngle, anticlockwise ) {
+	var g = Math.PI / radius / 2, sa = startAngle, ea = startAngle + g;
+	while( ea < endAngle ) {
+		this.beginPath();
+		this.arc( x, y, radius, sa, ea, anticlockwise );
+		this.stroke();
+		sa = ea + g;
+		ea = sa + g;
+	}
+};
+
+var Mark = ( function ( mark ) { 
+	
+	mark.layer = function( manager, name ) {
+	
+		this.canvas = null; 
+		this.context = null;
+		this.dirtyRectangles = [];
+		this.layerName = name;
+		this.manager = manager;
+	
+		this.clean = function() {
+			if( this.dirtyRectangles.length == 0 ) {
+				// if theres no dirtyRectangles, clear the whole thing (probably not the best default)
+				this.context.clearRect( 0, 0, this.canvas.width, this.canvas.height );
+			} else {
+				// loop through dirty rectangles, and run clearRect on each
+				for( var i = 0; i< this.dirtyRectangles.length; i++ ) {
+					var rect = this.dirtyRectangles[i];
+					this.context.clearRect( i.x, i.y, i.w, i.h );
+				}
+			}
+		};
+	
+		this.setSize = function( w, h ) {
+			if( this.canvas.width != w ) this.canvas.width = w;
+			if( this.canvas.height != h ) this.canvas.height = h;
+		};
+	
+		this.init = function () {
+			this.canvas = document.createElement( 'canvas' );
+			this.context = this.canvas.getContext( '2d' );
+			this.setSize( this.manager.container.scrollWidth, this.manager.container.scrollHeight );
+			this.manager.layerWrapper.appendChild( this.canvas );
+		};
+	
+		this.remove = function ()  {
+			this.manager.layerWrapper.removeChild( this.canvas );
+		};
+	
+		this.sendToTop = function () {
+			// this.manager.sendToTop( this );
+		};
+	
+		this.init();
+	};
+	
+	return mark;
+	
+}( Mark || {} ) );
+var Mark = ( function ( mark ) { 
+	mark.layerManager = function( container ) {
+	
+		this.container = container; 
+		this.layerWrapper = null;
+		this.layers = {};
+	
+		this.init = function () { 
+			// attach a new div for our layers to reside in 
+			this.layerWrapper = document.createElement( 'div' );
+			this.layerWrapper.className = 'mark-layerManager';
+			this.container.appendChild( this.layerWrapper );
+		};
+	
+		// add a layer to our container
+		this.addLayer = function( name ) {
+			var layer = new mark.layer( this, name );
+			this.layers[name] = layer;
+			return layer;
+		};
+		
+		// remove all layers from our container 
+		this.removeAll = function () {
+			for( var layer in this.layers ) {
+				this.layers[layer].remove();
+				delete this.layers[layer];
+			}
+		};
+		
+		// resize all layers to the passed width and height
+		this.resizeAll = function( w, h ) {
+			for( var layer in this.layers ) {
+				this.layers[layer].setSize( w, h );
+			}
+		};
+		
+		this.init();
+	
+	};
+	return mark;
+	
+}( Mark || {} ) );
+var Mark = ( function ( mark ) { 
+	mark.gmlPoint = function( x, y, time, speed, z ) {
+		this.x = x; 
+		this.y = y;
+		this.z = typeof z == "integer" ? z : 0;
+		this.time = time;
+		this.speed = speed; 
+		this.angle = 0; 
+		this.significance = 1; // 1-5 value for how significant this point is -- useful for easign the complexity of lines that are far from the camera
+		 
+		// returns the distance between this and another point
+		this.distanceToPoint = function( point ) {
+			return Math.sqrt( Math.pow( (point.x - this.x ), 2 ) + Math.pow( (point.y - this.y ), 2 ) );
+		};
+		
+		// returns a speed between this point and a point in the future
+		this.speedToPoint = function( point ) {
+			var dp = this.distanceToPoint( point );
+			var dt = point.time - this.time;
+			return dp / dt;
+		};
+		
+		// ensures this point's speed is not changing substantially faster than it should
+		// allowance is a per unit distance change
+		this.smoothAgainst = function( point, allowance ) {
+			var d = this.distanceToPoint( point );
+			var a = allowance * d;
+			if ( Math.abs( this.speed - point.speed ) > a ) {
+				this.speed = this.speed > point.speed ? point.speed + a : point.speed - a;
+			} 
+		};
+		
+		// considers a prior point and sets this point's angle accordingly
+		// ensures that the angle is a radian value between 0 and 2 * PI
+		this.setAngleFromPoint = function ( point ) {
+			this.angle = Math.atan2( point.y - this.y, point.x - this.x ) + ( Math.PI / 2 );
+			this.angle = this.angle % ( 2 * Math.PI );
+			if( this.angle < 0 ) this.angle = ( 2 * Math.PI ) + this.angle; 
+		};
+		
+		// returns a basic copy of this point
+		this.clone = function ()  {
+			return { x: this.x, y: this.y, z: this.z, time: this.time, significance: this.significance, angle: this.angle, speed: this.speed };
+		};
+		
+		// returns a copy of this point translated by x, y
+		this.getTranslatedPoint = function ( x, y ) {
+			var point = this.clone();
+			point.x += x;
+			point.y += y;
+			return point;
+		};
+		
+	};
+	return mark; 
+}( Mark || {} ) );
+
+var Mark = ( function ( mark ) { 
+	mark.simplification = {
+		// helper function
+		Line: function( p1, p2 ) {
+			this.p1 = p1;
+			this.p2 = p2;
+			this.distanceToPoint = function( point ) {
+				// slope
+				var m = ( this.p2.y - this.p1.y ) / ( this.p2.x - this.p1.x );
+				// y offset
+				var b = this.p1.y - ( m * this.p1.x );
+				var d = [];
+				// distance to the linear equation
+				d.push( Math.abs( point.y - ( m * point.x ) - b ) / Math.sqrt( Math.pow( m, 2 ) + 1 ) )
+				// distance to p1
+				d.push( Math.sqrt( Math.pow( ( point.x - this.p1.x ), 2 ) + Math.pow( ( point.y - this.p1.y ), 2 ) ) )
+				// distance to p2
+				d.push( Math.sqrt( Math.pow( ( point.x - this.p2.x ), 2 ) + Math.pow( ( point.y - this.p2.y ), 2 ) ) );
+				// return the smallest distance
+				return d.sort( function( a, b ) {
+					return ( a - b ) //causes an array to be sorted numerically and ascending
+				} )[0];
+			}
+		},
+		// main simplification algorithm
+		douglasPeucker: function( points, tolerance ) {
+			var returnPoints = [];
+			if ( points.length <= 2 ) {
+				return [points[0]];
+			}
+			// make line from start to end 
+			var line = new mark.simplification.Line( points[0], points[points.length - 1] );
+			// find the largest distance from intermediate poitns to this line
+			var maxDistance = 0;
+			var maxDistanceIndex = 0;
+			for( var i = 1; i <= points.length - 2; i++ ) {
+				var distance = line.distanceToPoint( points[ i ] );
+				if( distance > maxDistance ) {
+					maxDistance = distance;
+					maxDistanceIndex = i;
+				}
+			}
+			// check if the max distance is greater than our tollerance allows 
+			if ( maxDistance >= tolerance ) {
+				var p = points[maxDistanceIndex];
+				line.distanceToPoint( p, true );
+				// include this point in the output 
+				returnPoints = returnPoints.concat( mark.simplification.douglasPeucker( points.slice( 0, maxDistanceIndex + 1 ), tolerance ) );
+				// returnPoints.push( points[maxDistanceIndex] );
+				returnPoints = returnPoints.concat( mark.simplification.douglasPeucker( points.slice( maxDistanceIndex, points.length ), tolerance ) );
+			} else {
+				// ditching this point
+				var p = points[maxDistanceIndex];
+				line.distanceToPoint( p, true );
+				returnPoints = [points[0]];
+			}
+			return returnPoints;
+		},
+		// returns a simplified version of a stroke based on the passed tolerance
+		simplifyPath: function( points, tolerance ) {
+			var arr = mark.simplification.douglasPeucker( points, tolerance );
+			// always have to push the very last point on so it doesn't get left off
+			arr.push( points[points.length - 1 ] );
+			return arr;
+		},
+		// weights a stroke based on the passed tolerances 
+		weightPath: function( points, tolerances ) {
+			var maxSignificance = tolerances.length + 1;
+			var tmpPoints = points;
+			while( tolerance = tolerances.shift() ) {
+				// limit the points array by the current tolerance
+				tmpPoints = mark.simplification.douglasPeucker( tmpPoints, tolerance );
+				// increment the significance of all points that pass the simplfification
+				for( var i = 0; i < tmpPoints.length; i++ ) {
+					tmpPoints[i].significance++;
+				}
+			}
+			// maker sure the beginning and end of all strokes get the hightest significance
+			points[0].significance = maxSignificance;
+			points[points.length - 1].significance = maxSignificance;
+			return points;
+		}
+	};
+	
+	return mark;
+}( Mark || {} ) );
+var Mark = ( function ( mark ) { 
+	
+	mark.dof = 10000;
+
+	mark.thickMarkBrush = function( g, strokes, translateOptions, colorBase, w, h ) {
+		var colorBase = colorBase ? colorBase : '0,0,0';
+		// setup our starting bound
+		var p = Mark.renderer.translatePoint( strokes[0][0], translateOptions );
+		var bounds = { minX: p.x, maxX: p.x, minY: p.y, maxY: p.y };
+		// if this mark isn't even close to being on screen, just return
+		if ( ( w && h ) && ( p.x > w*2 || p.x < -w || p.y > h*2 || p.y < -h || p.z > mark.dof || p.z < 0 ) ) return;
+		// iterate
+		for( var i = 0; i < strokes.length; i++ ) {
+			if( typeof( strokes[i] ) == "undefined" || strokes[i].length <= 1 ) continue;
+			var prevP = null;
+			for( var j=0; j < strokes[i].length; j++ ) {
+				var p = Mark.renderer.translatePoint( strokes[i][j], translateOptions );
+				// if this point is out of the depth of field, on to the next one
+				if( p.z && ( p.z > mark.dof || p.z < 0 ) ) continue;
+				// if this point isn't significant enough, on to the next one
+				if( p.significance && p.significance * ( mark.dof / 5 )  < p.z - 500  ) continue;
+				// if this is the first point in a stroke
+				if( !prevP ) {
+					// if this isn't the first stroke in this mark, and this mark is a reasonable distance from the camera, connect them
+					if( i != 0 && p.z < 1500 ) {
+						var lastStrokePoint = Mark.renderer.translatePoint( strokes[i-1][strokes[i-1].length - 1], translateOptions );
+						if( lastStrokePoint.z && lastStrokePoint.z < mark.dof ) {
+							g.strokeStyle = 'rgba(0,0,0,0.3)';
+							g.lineWidth = 1;
+							g.beginPath();
+							g.dashedLineTo( lastStrokePoint.x, lastStrokePoint.y, p.x, p.y, [6,4] );
+							g.closePath();
+							g.stroke();
+						}
+					}
+					prevP = p;
+					prevPX = 0;
+					prevPY = 0;
+					continue;
+				}
+				g.lineWidth = 1;
+				// set line width
+				if ( j == strokes[i].length - 1 ) {
+					// if this is the last point, make the widht 0 so we dont have a blunt end
+					var px = 0;
+					var py = 0;
+				} else {
+					var distance = 9 - Math.max( 0, Math.pow(p.speed + 1, 3) );
+					if( translateOptions.mode == "flatScale" && translateOptions.scale.thickness ) {
+						distance *= translateOptions.scale.thickness;
+					} else {
+						if( p.z ) distance *= (2/p.z) * ( h / 2 );
+					}
+					if ( distance < 0.1 ) distance = 0.1;
+					distance += 1;
+					var px = Math.cos( p.angle ) * distance;
+					var py =  Math.sin( p.angle ) * distance;
+				}
+				g.strokeStyle = 'rgba(' + colorBase + ',' + ( ( mark.dof - p.z ) / mark.dof )+')';
+				g.fillStyle = 'rgba(' + colorBase + ',' + ( ( mark.dof - p.z ) / mark.dof  )+')';
+				
+					
+				try {
+					g.beginPath();
+					g.lineWidth = 0.5 * ( ( mark.dof - p.z ) / mark.dof );
+					g.moveTo( prevP.x - prevPX - 0.5, prevP.y - prevPY - 0.5 );
+					g.lineTo( prevP.x + prevPX - 0.5, prevP.y + prevPY - 0.5 );
+					g.lineTo( p.x + px - 0.5, p.y + py - 0.5 );
+					g.lineTo( p.x - px - 0.5, p.y - py - 0.5 );
+					g.lineTo( prevP.x - prevPX - 0.5, prevP.y - prevPY - 0.5 );
+					g.fill();
+					g.stroke();
+				} catch( e ) {
+					// console.error( p, prevX, prevY, prevT, px, py, dx, dy, dt );
+				}
+				// expand bounds
+				bounds.minX = p.x < bounds.minX ? p.x : bounds.minX;
+				bounds.minY = p.y < bounds.minY ? p.y : bounds.minY;
+				bounds.maxX = p.x > bounds.maxX ? p.x : bounds.maxX;
+				bounds.maxY = p.y > bounds.maxY ? p.y : bounds.maxY;
+				// stash variables for later
+				prevP = p
+				prevPX = px;
+				prevPY = py;
+			}
+		}
+		// return our bounds for storage
+		return bounds;
+	};
+	mark.connectionBrush = function( g, p1, p2, offset1, offset2, w, h ) {
+		var tO = { offset: offset1, w: w, h: h, mode: 'pinhole' };
+		p1 = Mark.renderer.translatePoint( p1, tO );
+		tO.offset = offset2;
+		p2 = Mark.renderer.translatePoint( p2, tO );
+		// if these points are both off the screen, don't render the line
+		if ( ( p1.x > w || p1.x < 0 || p1.y > h || p1.y < 0 ) && ( p2.x > w || p2.x < 0 || p2.y > h || p2.y < 0 )  ) return;
+		// if these points are out of the dof, don't render the line
+		if ( p1.z && p2.z && ( p1.z > mark.dof || p1.z < 0 ) && ( p2.z > mark.dof || p2.z < 0 ) ) return;
+		g.strokeStyle = 'rgba(0,0,0,' + ( ( mark.dof - p1.z ) / (mark.dof*2) )+')';
+		var distance = 3 * (2/p1.z) * ( h / 2 );
+		if ( distance < 1 ) distance = 1;
+		g.lineWidth = distance;
+		g.beginPath();
+		g.moveTo( p1.x, p1.y );
+		g.lineTo( p2.x, p2.y );
+		g.closePath();
+		g.stroke();
+	},
+	mark.thickBrush = function( g, strokes, offsetX, offsetY, depth ) {
+		var offsetX = offsetX ? offsetX : 0;
+		var offsetY = offsetY ? offsetY : 0;
+		var depth = depth ? depth : 1;
+		
+		for( var i = 0; i < strokes.length; i++ ) {
+			if( typeof( strokes[i] ) == "undefined" || strokes[i].length <= 1 ) continue;
+			// if this is the first point in a stroke
+			if( i > 0 ) {
+				// connect to the last stroke
+				g.strokeStyle = 'rgba(0,0,0,0.1)';
+				g.lineWidth = 1;
+				g.beginPath();
+				var lastX = strokes[i-1][strokes[i-1].length - 1].x,
+					lastY = strokes[i-1][strokes[i-1].length - 1].y,
+					firstX = strokes[i][0].x,
+					firstY = strokes[i][0].y;
+				g.dashedLineTo( lastX + offsetX, lastY + offsetY, firstX + offsetX, firstY + offsetY, [6,4] );
+				g.closePath();
+				g.stroke();
+			}
+			g.lineWidth = 1;
+			g.strokeStyle = '#000000';
+			g.fillStyle = '#000000';
+			var prevPX = 0,
+				prevPY = 0,
+				prevT = strokes[i][0].time,
+				prevX = strokes[i][0].x,
+				prevY = strokes[i][0].y ;
+			for( var j=1; j < strokes[i].length; j++ ) {
+				var p = strokes[i][j];
+				// if this point is insignificant, on to the next one
+				if( p.significance < depth ) continue;
+				// if this is the last stroke
+				if ( j == strokes[i].length - 1 ) {
+					var px = 0;
+					var py = 0;
+				} else {
+					var distance = 9 - Math.pow(p.speed + 1, 3);
+					if ( distance < 0.5 ) distance = 0.5;
+					distance += 1;
+					var px = Math.cos( p.angle ) * distance;
+					var py =  Math.sin( p.angle ) * distance;
+				}
+				try {
+					g.beginPath();
+					g.moveTo( prevX - prevPX - 0.5 + offsetX, prevY - prevPY - 0.5 + offsetY );
+					g.lineTo( prevX + prevPX - 0.5 + offsetX, prevY + prevPY - 0.5 + offsetY );
+					g.lineTo( p.x + px - 0.5 + offsetX, p.y + py - 0.5 + offsetY );
+					g.lineTo( p.x - px - 0.5 + offsetX, p.y - py - 0.5 + offsetY );
+					g.lineTo( prevX - prevPX - 0.5 + offsetX, prevY - prevPY - 0.5 + offsetY );
+					g.fill();
+					g.stroke();
+				} catch( e ) {
+					// console.error( p, prevX, prevY, prevT, px, py, dx, dy, dt );
+				}
+				prevPX = px;
+				prevPY = py;
+				prevX = p.x;
+				prevY = p.y;
+				prevT = p.time;
+				prevAng = p.angle;
+			}
+		}
+	};
+	
+	mark.circleMarkBrush = function( g, strokes, offsetParent ) {
+		var d = 3;
+		for( var i = 0; i < strokes.length; i++ ) {
+			if( strokes[i].length == 0 ) continue;
+			for( var j=0; j < strokes[i].length; j++ ) {
+				var p = Mark.renderer.translatePoint( strokes[i][j], offsetParent );
+				if( p.z && p.z > mark.dof ) continue;
+				d = 3 * ( ( mark.dof - p.z ) / mark.dof );
+				g.fillStyle = "rgba(255,255,255,0.4)";
+				g.strokeStyle = "rgba(255,255,255,0.4)";
+				g.beginPath();
+				g.arc(p.x, p.y, d, 0, Math.PI*2, true);
+				g.closePath();
+				g.fill();
+				g.stroke();
+				g.lineTo( p.x, p.y );
+			}
+		}
+	};
+	
+	mark.circleBrush = function( g, strokes, offsetX, offsetY, depth ) {
+		var offsetX = offsetX ? offsetX : 0;
+		var offsetY = offsetY ? offsetY : 0;
+		var depth = depth ? depth : 1;
+		for( var i = 0; i < strokes.length; i++ ) {
+			if( strokes[i].length == 0 ) continue;
+			var p1 = strokes[i][0];
+			g.beginPath();
+			for( var j=0; j < strokes[i].length; j++ ) {
+				var p = strokes[i][j];
+				// if this point is insignificant, on to the next one
+				if( p.significance < depth ) continue;
+				g.beginPath();
+				g.arc(p.x + offsetX, p.y + offsetY, 3, 0, Math.PI*2, true);
+				g.closePath();
+				g.fill();
+				g.stroke();
+				g.lineTo( p.x + offsetX, p.y + offsetY );
+			}
+		}
+	};
+	
+	return mark; 
+}( Mark || {} ) );
+
+var Mark = ( function ( mark ) { 
+	mark.gmlMark = function( strokes, reference, country_code, time, rtl, id, is_approved ) {
+		this.strokes = strokes;
+		this.country_code = country_code; 
+		this.time = time;
+		this.rtl = rtl;
+		this.maxTime = 0;
+		this.reference = reference;
+		this.hoverState = false;
+		this.renderedBounds = null;
+		this.id = id ? id : null;
+		this.is_approved = is_approved;
+		this.contributor_name = null;
+		this.extra_info = null;
+		
+		// colors for this mark
+		this.color = '0,0,0';
+		this.hoverColor = '0,139,211';
+		
+		// current position of this mark
+		this.x = 0;
+		this.y = 0; 
+		
+		// we represent the mark as a plane sitting in 3d space -- all point positions can then be calculatd relative to this
+		// top left corner of the bounding box
+		this.position = {x: 0, y: 0, z: 0};
+		// angle of the plane in 3d space -- values are between -1 and 1, and really we only want to allow rotation around the Y axis
+		this.rotationAngle = {x: 0, y: 0, z: 0};
+		
+		// offset of the start point from the origin of the bounding box
+		this.sX = 0;
+		this.sY = 0;
+		
+		// bounding box dimensions
+		this.bWidth = 0;
+		this.bHeight = 0;
+		
+		this.init = function () {
+			if( this.strokes.length > 0 ) {
+				this.setupVars();
+			}
+		};
+		
+		this.setupVars = function () {
+			this.maxTime = this.lastPoint().time;
+			this.getBoundingBox();
+		};
+		
+		// looks for and returns the start of a stroke that is the furthes to the left
+		this.leftmostStrokeStart = function () {
+			var firstPoint = this.strokes[0][0];
+			for ( var i = 1; i < this.strokes.length; i++ ) {
+				var p = this.strokes[i][0];
+				if ( p.x < firstPoint.x ) lastPoint = p;
+			}
+			return firstPoint;
+		}
+		// looks for and returns the end of a stroke that is furthest to the right
+		this.rightmostStrokeEnd = function () {
+			// start with the last point of the first stroke
+			var lastPoint = this.strokes[0][this.strokes[0].length - 1];
+			for ( var i = 1; i < this.strokes.length; i++ ) {
+				var p = this.strokes[i][this.strokes[i].length - 1];
+				if ( p.x > lastPoint.x ) lastPoint = p;
+			}
+			return lastPoint;
+		};
+		
+		// returns the very first point drawn in this stroke
+		this.firstPoint = function () {
+			return this.strokes[0][0];
+		};
+		
+		// returns the very last point drawn in this stroke
+		this.lastPoint = function () {
+			return this.strokes[this.strokes.length - 1][this.strokes[this.strokes.length - 1].length - 1];
+		};
+		
+		this.translatePoint = function ( point ) {
+			var tP = point.clone();
+			tP.x = this.x + point.x;
+			tP.y = this.y + point.y;
+			return tP;
+		};
+		
+		this.getBoundingBox = function () {
+			var p1 = this.strokes[0][0];
+			var maxX = p1.x, minX = p1.x, maxY = p1.y, minY= p1.y;
+			for( var i = 0; i < this.strokes.length; i ++ ) {
+				for( var j = 0; j < this.strokes[i].length; j++ ) {
+					var p = this.strokes[i][j];
+					maxX = p.x > maxX ? p.x : maxX;
+					maxY = p.y > maxY ? p.y : maxY;
+					minX = p.x < minX ? p.x : minX;
+					minY = p.y < minY ? p.y : minY;
+				}
+			}
+			this.bWidth = maxX - minX;
+			this.bHeight = maxY - minY;
+			this.x = minX;
+			this.y = minY;
+			if ( minX != 0 || minY != 0 )
+				this.fitPointsToBounds( minX, minY );
+		};
+		
+		this.fitPointsToBounds = function ( minX, minY ) {
+			for( var i = 0; i < this.strokes.length; i ++ ) {
+				for( var j = 0; j < this.strokes[i].length; j++ ) {
+					this.strokes[i][j].x -= minX;
+					this.strokes[i][j].y -= minY;
+				}
+			}
+		};
+		// returns a subset of this marks strokes, at a given time
+		this.strokesAtTime =  function ( time ) {
+			if( time > this.maxTime ) return this.strokes;
+			var sat = [[]];
+			var curIndex = [0, 0]
+			var nextPoint = this.strokes[curIndex[0]][curIndex[1]];
+			while( nextPoint.time < time ) {
+				sat[sat.length - 1].push( nextPoint );
+				curIndex[1]++;
+				if( this.strokes[curIndex[0]].length == curIndex[1] ) {
+					curIndex[0]++;
+					curIndex[1] = 0;
+					sat.push([]);
+				}
+				nextPoint = this.strokes[curIndex[0]][curIndex[1]];
+			}
+			return sat;
+		},
+		// If reverse is true, we position relative to the start of the mark
+		// if it's false, or ommitted, we position relative to the end of the mark
+		this.positionRelativeTo = function ( mark, reverse ) {
+			var reverse = reverse ? !!reverse : false;
+			var buffer = 50;
+			if ( reverse ) {
+				this.position.x = mark.position.x - buffer - this.bWidth;
+				// this.x = mark.x + mark.firstPoint().x - this.lastPoint().x;
+				this.position.y = mark.position.y + mark.leftmostStrokeStart().y - this.rightmostStrokeEnd().y;
+				// this is based on a static computation in mark.renderer
+				// if you change it there, change it here
+				this.position.z =  mark.position.z - ( this.maxTime / 50 );
+			} else {
+				this.position.x = mark.position.x + mark.bWidth + this.leftmostStrokeStart().x + buffer;
+				// this.x = mark.x + mark.rightmostStrokeEnd().x - this.leftmostStrokeStart().x;
+				this.position.y = mark.position.y + mark.rightmostStrokeEnd().y - this.firstPoint().y;
+				// this is based on a static computation in mark.renderer
+				// if you change it there, change it here
+				this.position.z =  mark.position.z + ( mark.maxTime / 50 );
+			}
+		},
+		this.positionToStart = function () {
+			this.position.x = 0;
+			this.position.y = 0;
+			this.position.z =  0;
+		};
+		
+		// translates a point according to this marks location in 3d space
+		this.translatePoint = function( x, y, z ) {
+			// find the change in x, y and z from the top lef of our bounding box to the bottom right
+			var dX = ( this.angle.x * this.bWidth ) - this.position.x, 
+				dY = ( this.angle.y * this.bHeight ) - this.position.y, 
+				dZ = ( this.angle.z * 1 );
+			x = x * this.rotationAngle.x;
+			y = y * this.rotationAngle.y;
+			z = z * this.rotationAngle.z;
+		};
+		
+		// doesn't really belong here
+		this.url = function () {
+			return "http://domain.tld/#/mark/" + this.reference;
+		};
+		
+		this.init();
+		
+	};
+	return mark; 
+}( Mark || {} ) );
+
+var Mark = ( function ( mark ) { 
+	
+	mark.scene = function ( ) {
+	
+		this.camera = new Mark.camera();
+		this.objects = [];
+		this.canvasContext = null;
+		this.timers = {};
+		
+		this.init = function ( ) {
+			
+		};
+		
+		this.addObject = function ( object ) {
+			this.objects.push( object );
+		};
+		
+		this.removeObject = function ( index ) {
+			this.objects.splice( index, 1 );
+		};
+		
+		this.update = function ( ) {
+			var now = ( new Date() ).getTime();
+			for( mark in this.timers ) {
+				if( this.timers[mark].end < now ) {
+					delete this.timers[mark];
+				} 
+			}
+		};
+		
+		this.init();
+		
+	};
+	
+	return mark;
+	
+}( Mark || {} ) );
+var Mark = ( function ( mark ) { 
+	
+	mark.renderer = {
+		// all points are passed through here durring rendering 
+		// current supported options
+		// - offset - an object with x, y, and possibly z 
+		// - w - output width - defaults to 500
+		// - h - output height - defaults to 500
+		// - mode - which of the translate modes we should use. defaults to 'pinhole'
+		// - scale - a value to scale this points x, y coords by. Only supported by flatScale currently
+		translatePoint: function( point, options ) {
+			var modes = {
+				// simple offset and scale translate
+				'flatScale': function( rP, options ) {
+					var offsetX = ('offset' in options) && ( 'x' in options['offset'] ) ? options.offset.x : 0;
+					var offsetY = ('offset' in options) && ( 'y' in options['offset'] ) ? options.offset.y : 0;
+					var scaleX = ('scale' in options) && ( 'x' in options['scale'] ) ? options.scale.x : 1;
+					var scaleY = ('scale' in options) && ( 'y' in options['scale'] ) ? options.scale.y : 1;
+					rP.x *= scaleX;
+					rP.y *= scaleY;
+					rP.x += offsetX;
+					rP.y += offsetY;
+					return rP;
+				},
+				// maps the point to a 3D parabolic shape and then uses a pinhole camera approace to map it back to 2D coords
+				'pinhole': function( rP, options ) {
+					var offsetX = ('offset' in options) && ( 'x' in options['offset'] ) ? options.offset.x : 0;
+					var offsetY = ('offset' in options) && ( 'y' in options['offset'] ) ? options.offset.y : 0;
+					var offsetZ = ('offset' in options) && ( 'z' in options['offset'] ) ? options.offset.z : 0;
+					var w = ('w' in options) ? options.w : 500;
+					var h = ('h' in options) ? options.h : 500;
+					var spread = 100;
+					var shift = -100;
+					rP.x += offsetX;
+					rP.y += offsetY;
+					if( rP.x > 0 ) {
+						rP.z = Math.pow( ( ( rP.x - shift ) / spread ), 2) + offsetZ;
+					} else {
+						rP.z = Math.pow( ( ( rP.x - shift ) / spread / 2 ), 2) + offsetZ;
+					}
+					// make it a bit deeper based on time
+					if( rP.time ) rP.z += rP.time / 50;
+					var v = 2 / ( rP.z );
+					rP.x = rP.x * v * ( h / 2 ) + ( w / 2 );
+					rP.y = rP.y * v * ( h / 2 ) + ( h / 2 );
+					return rP;
+				}
+			};
+			// create a new object based on our point. Basically this will be a clone of the gmlPoint w/o functions
+			var rP = { x: point.x, y: point.y, z: point.z, time: point.time, significance: point.significance, angle: point.angle, speed: point.speed };
+			// run the appropriate function and return the result
+			return ( 'mode' in options ) && ( options['mode'] in modes ) ? 
+				modes[options['mode']]( rP, options ) : modes['pinhole']( rP, options );
+		},
+		// returns a subset of strokes for the given time
+		strokesAtTime: function ( strokes, time ) {
+			// if( time > this.maxTime ) return this.strokes;
+			var sat = [[]];
+			var curIndex = [0, 0];
+			var nextPoint = strokes[curIndex[0]][curIndex[1]];
+			while( nextPoint.time < time ) {
+				sat[sat.length - 1].push( nextPoint );
+				curIndex[1]++;
+				if( strokes[curIndex[0]].length == curIndex[1] ) {
+					// next stroke if we've got another
+					if( strokes.length == curIndex[0] + 1 ) break;
+					curIndex[0]++;
+					curIndex[1] = 0;
+					sat.push([]);
+				}
+				nextPoint = strokes[curIndex[0]][curIndex[1]];
+			}
+			return sat;
+		},
+		// renders a scene for the viz
+		// accepted options - cursor { x, y }, width, height
+		renderScene: function( scene, options ) {
+			var lastMarkStart;
+			var w = options.width;
+			var h = options.height;
+			for( var i = scene.objects.length - 1; i >= 0; i-- ) {
+				// set our offset based on the camera and the marks position
+				var offset = {
+					x: scene.objects[i].position.x - scene.camera.position.x,
+					y: scene.objects[i].position.y - scene.camera.position.y,
+					z: scene.objects[i].position.z - scene.camera.position.z
+				};
+				colorBase = scene.objects[i].color;
+				var translateOptions = {
+					offset: offset,
+					w: options.width,
+					h: options.height,
+					mode: 'pinhole'
+				};
+				if( i < scene.objects.length - 1 && !( scene.objects[i].reference in scene.timers ) ) {
+					// draw the connection
+					var offset1 = {
+						x: scene.objects[i+1].position.x - scene.camera.position.x,
+						y: scene.objects[i+1].position.y - scene.camera.position.y,
+						z: scene.objects[i+1].position.z - scene.camera.position.z
+					};
+					var offset2 = {
+						x: scene.objects[i].position.x - scene.camera.position.x,
+						y: scene.objects[i].position.y - scene.camera.position.y,
+						z: scene.objects[i].position.z - scene.camera.position.z
+					};
+					var p1 = scene.objects[i+1].leftmostStrokeStart();
+					var p2 = scene.objects[i].rightmostStrokeEnd();
+					Mark.connectionBrush( scene.canvasContext , p1, p2, offset1, offset2, w, h );
+				}
+				
+				var translateOptions = {
+					offset: offset,
+					w: options.width,
+					h: options.height,
+					mode: 'pinhole'
+				};
+				// DRAW THAT MARK
+				if( scene.objects[i].reference in scene.timers ) {
+					// render a mark that is currently being replayed
+					var strokes = mark.renderer.strokesAtTime( 
+						scene.objects[i].strokes, 
+						( ( new Date() ).getTime() - scene.timers[scene.objects[i].reference].start ) * scene.timers[scene.objects[i].reference].speed );
+					if( strokes && strokes.length > 0 && strokes[0].length > 0 ) 
+						scene.objects[i].renderedBounds = 
+							Mark.thickMarkBrush( scene.canvasContext, strokes, translateOptions, colorBase, options.width, options.height );
+				} else {
+					// render a mark that is not being played back
+					scene.objects[i].renderedBounds = 
+						Mark.thickMarkBrush( scene.canvasContext, scene.objects[i].strokes, translateOptions, colorBase, options.width, options.height );
+				}
+			}
+		},
+		// simpler render method for playing back an individual mark using our flatScale translate method
+		// accepted options - timer, width, height, offset {x, y}, scale, color
+		renderMark: function( canvasContext, aMark, options ) {
+			// DRAW THAT MARK
+			var translateOptions = {
+				offset: options.offset, 
+				scale: options.scale,
+				mode: 'flatScale'
+			};
+			if( 'timer' in options && options.timer ) {
+				// render a mark that is currently being replayed
+				var strokes = mark.renderer.strokesAtTime( aMark.strokes, ( ( new Date() ).getTime() - options.timer.start ) * options.timer.speed );
+				if( strokes && strokes.length > 0 && strokes[0].length > 0 ) 
+					aMark.renderedBounds = Mark.thickMarkBrush( canvasContext, strokes, translateOptions, options.color  );
+			} else {
+				// render a mark that is not being played back
+				aMark.renderedBounds = Mark.thickMarkBrush( canvasContext, aMark.strokes, translateOptions, options.color );
+			}
+		}
+	};
+	
+	return mark; 
+}( Mark || {} ) );
+
+
+
+/* The translatePoint Graveyard. Where unloved point translations go to die. 
+
+case 'parabolic': 
+	// offset by parent
+	rP.x += offset.x;
+	rP.y += offset.y;
+	// calculate 3d position
+	rP.z = ( rP.x * rP.x / mark.renderer.dof );
+	rP.y += rP.z / 2;
+	// map 3d to 2d
+	var scale = mark.renderer.dof / ( mark.renderer.dof + rP.z );
+	rP.x *= scale * 2;
+	rP.y *= scale;
+	rP.x += 600;
+	rP.y -= 200;
+	break;
+case 'flat': 
+	// offset by parent
+	rP.x += offset.x;
+	rP.y += offset.y;
+	// scale by width and height 
+	rP.z = 100;
+	break;
+case 'linear': 
+	// offsets
+	rP.x += offset.x;
+	rP.y += offset.y;
+	// rP.z = ( ( rP.x - 500 ) * ( rP.x / 2000 ) ) - 1500; 
+	spread = w * 2;
+	shift = w * .5;
+	rP.z = ( ( rP.x - shift ) * ( ( rP.x - shift ) / spread ) ) + offset.z;
+	// make it a bit deeper based on time
+	if( rP.time ) rP.z += rP.time / 100;
+	var scale = mark.renderer.dof / ( mark.renderer.dof + rP.z );
+	rP.x *= scale;
+	rP.y *= scale;
+	break;
+	
+	
+*/
+
+var Mark = ( function ( mark ) { 
+	
+	// This is currently very rudimentry
+	// no projection math happening, just some offsets to consult when rendering marks
+	
+	mark.camera = function ( ) {
+	
+		this.position = new mark.vector( 0, 0 ,-1000 );
+		// currently not used
+		this.targetPosition = new mark.vector( 0, 0, 0 );
+		
+		this.tweenTo = function( x, y, z ) {
+			
+		};
+		
+	};
+	
+	return mark;
+	
+}( Mark || {} ) );
+var Mark = ( function ( mark ) { 
+	
+	// Basic classes for use throughout Mark
+	
+	mark.vector = function ( x, y, z ) {
+		this.x = x || 0;
+		this.y = y || 0;
+		this.z = z || 0;
+	}
+	
+	return mark;
+	
+}( Mark || {} ) );
+/**
+ * @author sole / http://soledadpenades.com
+ * @author mr.doob / http://mrdoob.com
+ * @author Robert Eisele / http://www.xarg.org
+ * @author Philippe / http://philippe.elsass.me
+ * @author Robert Penner / http://www.robertpenner.com/easing_terms_of_use.html
+ */
+
+var TWEEN = TWEEN || ( function() {
+
+	var i, n, time, tweens = [];
+
+	this.add = function ( tween ) {
+
+		tweens.push( tween );
+
+	};
+
+	this.remove = function ( tween ) {
+
+		i = tweens.indexOf( tween );
+
+		if ( i !== -1 ) {
+
+			tweens.splice( i, 1 );
+
+		}
+
+	};
+
+	this.update = function () {
+
+		i = 0;
+		n = tweens.length;
+		time = new Date().getTime();
+
+		while ( i < n ) {
+
+			if ( tweens[ i ].update( time ) ) {
+
+				i++;
+
+			} else {
+
+				tweens.splice( i, 1 );
+				n--;
+
+			}
+
+		}
+
+	};
+
+	return this;
+
+} )();
+
+TWEEN.Tween = function ( object ) {
+
+	var _object = object,
+	_valuesStart = {},
+	_valuesDelta = {},
+	_valuesEnd = {},
+	_duration = 1000,
+	_delayTime = 0,
+	_startTime = null,
+	_easingFunction = TWEEN.Easing.Linear.EaseNone,
+	_chainedTween = null,
+	_onUpdateCallback = null,
+	_onCompleteCallback = null;
+
+	this.to = function ( properties, duration ) {
+
+		if( duration !== null ) {
+
+			_duration = duration;
+
+		}
+
+		for ( var property in properties ) {
+
+			// This prevents the engine from interpolating null values
+			if ( _object[ property ] === null ) {
+
+				continue;
+
+			}
+
+			// The current values are read when the tween starts;
+			// here we only store the final desired values
+			_valuesEnd[ property ] = properties[ property ];
+
+		}
+
+		return this;
+
+	};
+
+	this.start = function () {
+
+		TWEEN.add( this );
+
+		_startTime = new Date().getTime() + _delayTime;
+
+		for ( var property in _valuesEnd ) {
+
+			// Again, prevent dealing with null values
+			if ( _object[ property ] === null ) {
+
+				continue;
+
+			}
+
+			_valuesStart[ property ] = _object[ property ];
+			_valuesDelta[ property ] = _valuesEnd[ property ] - _object[ property ];
+
+		}
+
+		return this;
+	};
+
+	this.stop = function () {
+
+		TWEEN.remove( this );
+		return this;
+
+	};
+
+	this.delay = function ( amount ) {
+
+		_delayTime = amount;
+		return this;
+
+	};
+
+	this.easing = function ( easing ) {
+
+		_easingFunction = easing;
+		return this;
+
+	};
+
+	this.chain = function ( chainedTween ) {
+
+		_chainedTween = chainedTween;
+
+	};
+
+	this.onUpdate = function ( onUpdateCallback ) {
+
+		_onUpdateCallback = onUpdateCallback;
+		return this;
+
+	};
+
+	this.onComplete = function ( onCompleteCallback ) {
+
+		_onCompleteCallback = onCompleteCallback;
+		return this;
+
+	};
+
+	this.update = function ( time ) {
+
+		var property, elapsed, value;
+
+		if ( time < _startTime ) {
+
+			return true;
+
+		}
+
+		elapsed = ( time - _startTime ) / _duration;
+		elapsed = elapsed > 1 ? 1 : elapsed;
+
+		value = _easingFunction( elapsed );
+
+		for ( property in _valuesDelta ) {
+
+			_object[ property ] = _valuesStart[ property ] + _valuesDelta[ property ] * value;
+
+		}
+
+		if ( _onUpdateCallback !== null ) {
+
+			_onUpdateCallback.call( _object, value );
+
+		}
+
+		if ( elapsed == 1 ) {
+
+			if ( _onCompleteCallback !== null ) {
+
+				_onCompleteCallback.call( _object );
+
+			}
+
+			if ( _chainedTween !== null ) {
+
+				_chainedTween.start();
+
+			}
+
+			return false;
+
+		}
+
+		return true;
+
+	};
+
+	/*
+	this.destroy = function () {
+
+		TWEEN.remove( this );
+
+	};
+	*/
+}
+
+TWEEN.Easing = { Linear: {}, Quadratic: {}, Cubic: {}, Quartic: {}, Quintic: {}, Sinusoidal: {}, Exponential: {}, Circular: {}, Elastic: {}, Back: {}, Bounce: {} };
+
+
+TWEEN.Easing.Linear.EaseNone = function ( k ) {
+
+	return k;
+
+};
+
+//
+
+TWEEN.Easing.Quadratic.EaseIn = function ( k ) {
+
+	return k * k;
+
+};
+
+TWEEN.Easing.Quadratic.EaseOut = function ( k ) {
+
+	return - k * ( k - 2 );
+
+};
+
+TWEEN.Easing.Quadratic.EaseInOut = function ( k ) {
+
+	if ( ( k *= 2 ) < 1 ) return 0.5 * k * k;
+	return - 0.5 * ( --k * ( k - 2 ) - 1 );
+
+};
+
+//
+
+TWEEN.Easing.Cubic.EaseIn = function ( k ) {
+
+	return k * k * k;
+
+};
+
+TWEEN.Easing.Cubic.EaseOut = function ( k ) {
+
+	return --k * k * k + 1;
+
+};
+
+TWEEN.Easing.Cubic.EaseInOut = function ( k ) {
+
+	if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k;
+	return 0.5 * ( ( k -= 2 ) * k * k + 2 );
+
+};
+
+//
+
+TWEEN.Easing.Quartic.EaseIn = function ( k ) {
+
+	return k * k * k * k;
+
+};
+
+TWEEN.Easing.Quartic.EaseOut = function ( k ) {
+
+	 return - ( --k * k * k * k - 1 );
+
+}
+
+TWEEN.Easing.Quartic.EaseInOut = function ( k ) {
+
+	if ( ( k *= 2 ) < 1) return 0.5 * k * k * k * k;
+	return - 0.5 * ( ( k -= 2 ) * k * k * k - 2 );
+
+};
+
+//
+
+TWEEN.Easing.Quintic.EaseIn = function ( k ) {
+
+	return k * k * k * k * k;
+
+};
+
+TWEEN.Easing.Quintic.EaseOut = function ( k ) {
+
+	return ( k = k - 1 ) * k * k * k * k + 1;
+
+};
+
+TWEEN.Easing.Quintic.EaseInOut = function ( k ) {
+
+	if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k * k * k;
+	return 0.5 * ( ( k -= 2 ) * k * k * k * k + 2 );
+
+};
+
+// 
+
+TWEEN.Easing.Sinusoidal.EaseIn = function ( k ) {
+
+	return - Math.cos( k * Math.PI / 2 ) + 1;
+
+};
+
+TWEEN.Easing.Sinusoidal.EaseOut = function ( k ) {
+
+	return Math.sin( k * Math.PI / 2 );
+
+};
+
+TWEEN.Easing.Sinusoidal.EaseInOut = function ( k ) {
+
+	return - 0.5 * ( Math.cos( Math.PI * k ) - 1 );
+
+};
+
+//
+
+TWEEN.Easing.Exponential.EaseIn = function ( k ) {
+
+	return k == 0 ? 0 : Math.pow( 2, 10 * ( k - 1 ) );
+
+};
+
+TWEEN.Easing.Exponential.EaseOut = function ( k ) {
+
+	return k == 1 ? 1 : - Math.pow( 2, - 10 * k ) + 1;
+
+};
+
+TWEEN.Easing.Exponential.EaseInOut = function ( k ) {
+
+	if ( k == 0 ) return 0;
+        if ( k == 1 ) return 1;
+        if ( ( k *= 2 ) < 1 ) return 0.5 * Math.pow( 2, 10 * ( k - 1 ) );
+        return 0.5 * ( - Math.pow( 2, - 10 * ( k - 1 ) ) + 2 );
+
+};
+
+// 
+
+TWEEN.Easing.Circular.EaseIn = function ( k ) {
+
+	return - ( Math.sqrt( 1 - k * k ) - 1);
+
+};
+
+TWEEN.Easing.Circular.EaseOut = function ( k ) {
+
+	return Math.sqrt( 1 - --k * k );
+
+};
+
+TWEEN.Easing.Circular.EaseInOut = function ( k ) {
+
+	if ( ( k /= 0.5 ) < 1) return - 0.5 * ( Math.sqrt( 1 - k * k) - 1);
+	return 0.5 * ( Math.sqrt( 1 - ( k -= 2) * k) + 1);
+
+};
+
+//
+
+TWEEN.Easing.Elastic.EaseIn = function( k ) {
+
+	var s, a = 0.1, p = 0.4;
+	if ( k == 0 ) return 0; if ( k == 1 ) return 1; if ( !p ) p = 0.3;
+	if ( !a || a < 1 ) { a = 1; s = p / 4; }
+	else s = p / ( 2 * Math.PI ) * Math.asin( 1 / a );
+	return - ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) );
+
+};
+
+TWEEN.Easing.Elastic.EaseOut = function( k ) {
+
+	var s, a = 0.1, p = 0.4;
+	if ( k == 0 ) return 0; if ( k == 1 ) return 1; if ( !p ) p = 0.3;
+	if ( !a || a < 1 ) { a = 1; s = p / 4; }
+	else s = p / ( 2 * Math.PI ) * Math.asin( 1 / a );
+	return ( a * Math.pow( 2, - 10 * k) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) + 1 );
+
+};
+
+TWEEN.Easing.Elastic.EaseInOut = function( k ) {
+
+	var s, a = 0.1, p = 0.4;
+	if ( k == 0 ) return 0; if ( k == 1 ) return 1; if ( !p ) p = 0.3;
+        if ( !a || a < 1 ) { a = 1; s = p / 4; }
+        else s = p / ( 2 * Math.PI ) * Math.asin( 1 / a );
+        if ( ( k *= 2 ) < 1 ) return - 0.5 * ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) );
+        return a * Math.pow( 2, -10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) * 0.5 + 1;
+
+};
+
+//
+
+TWEEN.Easing.Back.EaseIn = function( k ) {
+
+	var s = 1.70158;
+	return k * k * ( ( s + 1 ) * k - s );
+
+};
+
+TWEEN.Easing.Back.EaseOut = function( k ) {
+
+	var s = 1.70158;
+	return ( k = k - 1 ) * k * ( ( s + 1 ) * k + s ) + 1;
+
+};
+
+TWEEN.Easing.Back.EaseInOut = function( k ) {
+
+	var s = 1.70158 * 1.525;
+	if ( ( k *= 2 ) < 1 ) return 0.5 * ( k * k * ( ( s + 1 ) * k - s ) );
+	return 0.5 * ( ( k -= 2 ) * k * ( ( s + 1 ) * k + s ) + 2 );
+
+};
+
+// 
+
+TWEEN.Easing.Bounce.EaseIn = function( k ) {
+
+	return 1 - TWEEN.Easing.Bounce.EaseOut( 1 - k );
+
+};
+
+TWEEN.Easing.Bounce.EaseOut = function( k ) {
+
+	if ( ( k /= 1 ) < ( 1 / 2.75 ) ) {
+
+		return 7.5625 * k * k;
+
+	} else if ( k < ( 2 / 2.75 ) ) {
+
+		return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75;
+
+	} else if ( k < ( 2.5 / 2.75 ) ) {
+
+		return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375;
+
+	} else {
+
+		return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375;
+
+	}
+
+};
+
+TWEEN.Easing.Bounce.EaseInOut = function( k ) {
+
+	if ( k < 0.5 ) return TWEEN.Easing.Bounce.EaseIn( k * 2 ) * 0.5;
+	return TWEEN.Easing.Bounce.EaseOut( k * 2 - 1 ) * 0.5 + 0.5;
+
+};
+// -- Sammy.js -- /sammy.js
+// http://sammyjs.org
+// Version: 0.6.3
+// Built: 2011-01-27 10:31:14 -0800
+(function(h,j){var o,g="([^/]+)",k=/:([\w\d]+)/g,l=/\?([^#]*)$/,c=function(p){return Array.prototype.slice.call(p)},d=function(p){return Object.prototype.toString.call(p)==="[object Function]"},m=function(p){return Object.prototype.toString.call(p)==="[object Array]"},i=function(p){return decodeURIComponent(p.replace(/\+/g," "))},b=encodeURIComponent,f=function(p){return String(p).replace(/&(?!\w+;)/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")},n=function(p){return function(q,r){return this.route.apply(this,[p,q,r])}},a={},e=[];o=function(){var q=c(arguments),r,p;o.apps=o.apps||{};if(q.length===0||q[0]&&d(q[0])){return o.apply(o,["body"].concat(q))}else{if(typeof(p=q.shift())=="string"){r=o.apps[p]||new o.Application();r.element_selector=p;if(q.length>0){h.each(q,function(s,t){r.use(t)})}if(r.element_selector!=p){delete o.apps[p]}o.apps[r.element_selector]=r;return r}}};o.VERSION="0.6.3";o.addLogger=function(p){e.push(p)};o.log=function(){var p=c(arguments);p.unshift("["+Date()+"]");h.each(e,function(r,q){q.apply(o,p)})};if(typeof j.console!="undefined"){if(d(j.console.log.apply)){o.addLogger(function(){j.console.log.apply(j.console,arguments)})}else{o.addLogger(function(){j.console.log(arguments)})}}else{if(typeof console!="undefined"){o.addLogger(function(){console.log.apply(console,arguments)})}}h.extend(o,{makeArray:c,isFunction:d,isArray:m});o.Object=function(p){return h.extend(this,p||{})};h.extend(o.Object.prototype,{escapeHTML:f,h:f,toHash:function(){var p={};h.each(this,function(r,q){if(!d(q)){p[r]=q}});return p},toHTML:function(){var p="";h.each(this,function(r,q){if(!d(q)){p+="<strong>"+r+"</strong> "+q+"<br />"}});return p},keys:function(p){var q=[];for(var r in this){if(!d(this[r])||!p){q.push(r)}}return q},has:function(p){return this[p]&&h.trim(this[p].toString())!=""},join:function(){var q=c(arguments);var p=q.shift();return q.join(p)},log:function(){o.log.apply(o,arguments)},toString:function(p){var q=[];h.each(this,function(s,r){if(!d(r)||p){q.push('"'+s+'": '+r.toString())}});return"Sammy.Object: {"+q.join(",")+"}"}});o.HashLocationProxy=function(q,p){this.app=q;this.is_native=false;this._startPolling(p)};o.HashLocationProxy.prototype={bind:function(){var p=this,q=this.app;h(j).bind("hashchange."+this.app.eventNamespace(),function(s,r){if(p.is_native===false&&!r){o.log("native hash change exists, using");p.is_native=true;j.clearInterval(o.HashLocationProxy._interval)}q.trigger("location-changed")});if(!o.HashLocationProxy._bindings){o.HashLocationProxy._bindings=0}o.HashLocationProxy._bindings++},unbind:function(){h(j).unbind("hashchange."+this.app.eventNamespace());o.HashLocationProxy._bindings--;if(o.HashLocationProxy._bindings<=0){j.clearInterval(o.HashLocationProxy._interval)}},getLocation:function(){var p=j.location.toString().match(/^[^#]*(#.+)$/);return p?p[1]:""},setLocation:function(p){return(j.location=p)},_startPolling:function(r){var q=this;if(!o.HashLocationProxy._interval){if(!r){r=10}var p=function(){var s=q.getLocation();if(!o.HashLocationProxy._last_location||s!=o.HashLocationProxy._last_location){j.setTimeout(function(){h(j).trigger("hashchange",[true])},13)}o.HashLocationProxy._last_location=s};p();o.HashLocationProxy._interval=j.setInterval(p,r)}}};o.Application=function(p){var q=this;this.routes={};this.listeners=new o.Object({});this.arounds=[];this.befores=[];this.namespace=(new Date()).getTime()+"-"+parseInt(Math.random()*1000,10);this.context_prototype=function(){o.EventContext.apply(this,arguments)};this.context_prototype.prototype=new o.EventContext();if(d(p)){p.apply(this,[this])}if(!this._location_proxy){this.setLocationProxy(new o.HashLocationProxy(this,this.run_interval_every))}if(this.debug){this.bindToAllEvents(function(s,r){q.log(q.toString(),s.cleaned_type,r||{})})}};o.Application.prototype=h.extend({},o.Object.prototype,{ROUTE_VERBS:["get","post","put","delete"],APP_EVENTS:["run","unload","lookup-route","run-route","route-found","event-context-before","event-context-after","changed","error","check-form-submission","redirect","location-changed"],_last_route:null,_location_proxy:null,_running:false,element_selector:"body",debug:false,raise_errors:false,run_interval_every:50,template_engine:null,toString:function(){return"Sammy.Application:"+this.element_selector},$element:function(p){return p?h(this.element_selector).find(p):h(this.element_selector)},use:function(){var p=c(arguments),r=p.shift(),q=r||"";try{p.unshift(this);if(typeof r=="string"){q="Sammy."+r;r=o[r]}r.apply(this,p)}catch(s){if(typeof r==="undefined"){this.error("Plugin Error: called use() but plugin ("+q.toString()+") is not defined",s)}else{if(!d(r)){this.error("Plugin Error: called use() but '"+q.toString()+"' is not a function",s)}else{this.error("Plugin Error",s)}}}return this},setLocationProxy:function(p){var q=this._location_proxy;this._location_proxy=p;if(this.isRunning()){if(q){q.unbind()}this._location_proxy.bind()}},route:function(t,q,v){var s=this,u=[],p,r;if(!v&&d(q)){q=t;v=q;t="any"}t=t.toLowerCase();if(q.constructor==String){k.lastIndex=0;while((r=k.exec(q))!==null){u.push(r[1])}q=new RegExp("^"+q.replace(k,g)+"$")}if(typeof v=="string"){v=s[v]}p=function(w){var x={verb:w,path:q,callback:v,param_names:u};s.routes[w]=s.routes[w]||[];s.routes[w].push(x)};if(t==="any"){h.each(this.ROUTE_VERBS,function(x,w){p(w)})}else{p(t)}return this},get:n("get"),post:n("post"),put:n("put"),del:n("delete"),any:n("any"),mapRoutes:function(q){var p=this;h.each(q,function(r,s){p.route.apply(p,s)});return this},eventNamespace:function(){return["sammy-app",this.namespace].join("-")},bind:function(p,r,t){var s=this;if(typeof t=="undefined"){t=r}var q=function(){var w,u,v;w=arguments[0];v=arguments[1];if(v&&v.context){u=v.context;delete v.context}else{u=new s.context_prototype(s,"bind",w.type,v,w.target)}w.cleaned_type=w.type.replace(s.eventNamespace(),"");t.apply(u,[w,v])};if(!this.listeners[p]){this.listeners[p]=[]}this.listeners[p].push(q);if(this.isRunning()){this._listen(p,q)}return this},trigger:function(p,q){this.$element().trigger([p,this.eventNamespace()].join("."),[q]);return this},refresh:function(){this.last_location=null;this.trigger("location-changed");return this},before:function(p,q){if(d(p)){q=p;p={}}this.befores.push([p,q]);return this},after:function(p){return this.bind("event-context-after",p)},around:function(p){this.arounds.push(p);return this},isRunning:function(){return this._running},helpers:function(p){h.extend(this.context_prototype.prototype,p);return this},helper:function(p,q){this.context_prototype.prototype[p]=q;return this},run:function(p){if(this.isRunning()){return false}var q=this;h.each(this.listeners.toHash(),function(r,s){h.each(s,function(u,t){q._listen(r,t)})});this.trigger("run",{start_url:p});this._running=true;this.last_location=null;if(this.getLocation()==""&&typeof p!="undefined"){this.setLocation(p)}this._checkLocation();this._location_proxy.bind();this.bind("location-changed",function(){q._checkLocation()});this.bind("submit",function(s){var r=q._checkFormSubmission(h(s.target).closest("form"));return(r===false)?s.preventDefault():false});h(j).bind("beforeunload",function(){q.unload()});return this.trigger("changed")},unload:function(){if(!this.isRunning()){return false}var p=this;this.trigger("unload");this._location_proxy.unbind();this.$element().unbind("submit").removeClass(p.eventNamespace());h.each(this.listeners.toHash(),function(q,r){h.each(r,function(t,s){p._unlisten(q,s)})});this._running=false;return this},bindToAllEvents:function(q){var p=this;h.each(this.APP_EVENTS,function(r,s){p.bind(s,q)});h.each(this.listeners.keys(true),function(s,r){if(p.APP_EVENTS.indexOf(r)==-1){p.bind(r,q)}});return this},routablePath:function(p){return p.replace(l,"")},lookupRoute:function(s,q){var r=this,p=false;this.trigger("lookup-route",{verb:s,path:q});if(typeof this.routes[s]!="undefined"){h.each(this.routes[s],function(u,t){if(r.routablePath(q).match(t.path)){p=t;return false}})}return p},runRoute:function(r,E,t,w){var s=this,C=this.lookupRoute(r,E),q,z,u,y,D,A,x,B,p;this.log("runRoute",[r,E].join(" "));this.trigger("run-route",{verb:r,path:E,params:t});if(typeof t=="undefined"){t={}}h.extend(t,this._parseQueryString(E));if(C){this.trigger("route-found",{route:C});if((B=C.path.exec(this.routablePath(E)))!==null){B.shift();h.each(B,function(F,G){if(C.param_names[F]){t[C.param_names[F]]=i(G)}else{if(!t.splat){t.splat=[]}t.splat.push(i(G))}})}q=new this.context_prototype(this,r,E,t,w);u=this.arounds.slice(0);D=this.befores.slice(0);x=[q].concat(t.splat);z=function(){var F;while(D.length>0){A=D.shift();if(s.contextMatchesOptions(q,A[0])){F=A[1].apply(q,[q]);if(F===false){return false}}}s.last_route=C;q.trigger("event-context-before",{context:q});F=C.callback.apply(q,x);q.trigger("event-context-after",{context:q});return F};h.each(u.reverse(),function(F,G){var H=z;z=function(){return G.apply(q,[H])}});try{p=z()}catch(v){this.error(["500 Error",r,E].join(" "),v)}return p}else{return this.notFound(r,E)}},contextMatchesOptions:function(s,u,q){var r=u;if(typeof r==="undefined"||r=={}){return true}if(typeof q==="undefined"){q=true}if(typeof r==="string"||d(r.test)){r={path:r}}if(r.only){return this.contextMatchesOptions(s,r.only,true)}else{if(r.except){return this.contextMatchesOptions(s,r.except,false)}}var p=true,t=true;if(r.path){if(d(r.path.test)){p=r.path.test(s.path)}else{p=(r.path.toString()===s.path)}}if(r.verb){t=r.verb===s.verb}return q?(t&&p):!(t&&p)},getLocation:function(){return this._location_proxy.getLocation()},setLocation:function(p){return this._location_proxy.setLocation(p)},swap:function(p){return this.$element().html(p)},templateCache:function(p,q){if(typeof q!="undefined"){return a[p]=q}else{return a[p]}},clearTemplateCache:function(){return a={}},notFound:function(r,q){var p=this.error(["404 Not Found",r,q].join(" "));return(r==="get")?p:true},error:function(q,p){if(!p){p=new Error()}p.message=[q,p.message].join(" ");this.trigger("error",{message:p.message,error:p});if(this.raise_errors){throw (p)}else{this.log(p.message,p)}},_checkLocation:function(){var p,q;p=this.getLocation();if(!this.last_location||this.last_location[0]!="get"||this.last_location[1]!=p){this.last_location=["get",p];q=this.runRoute("get",p)}return q},_getFormVerb:function(r){var q=h(r),s,p;p=q.find('input[name="_method"]');if(p.length>0){s=p.val()}if(!s){s=q[0].getAttribute("method")}if(!s||s==""){s="get"}return h.trim(s.toString().toLowerCase())},_checkFormSubmission:function(r){var p,s,u,t,q;this.trigger("check-form-submission",{form:r});p=h(r);s=p.attr("action");u=this._getFormVerb(p);this.log("_checkFormSubmission",p,s,u);if(u==="get"){this.setLocation(s+"?"+this._serializeFormParams(p));q=false}else{t=h.extend({},this._parseFormParams(p));q=this.runRoute(u,s,t,r.get(0))}return(typeof q=="undefined")?false:q},_serializeFormParams:function(q){var s="",p=q.serializeArray(),r;if(p.length>0){s=this._encodeFormPair(p[0].name,p[0].value);for(r=1;r<p.length;r++){s=s+"&"+this._encodeFormPair(p[r].name,p[r].value)}}return s},_encodeFormPair:function(p,q){return b(p)+"="+b(q)},_parseFormParams:function(p){var s={},r=p.serializeArray(),q;for(q=0;q<r.length;q++){s=this._parseParamPair(s,r[q].name,r[q].value)}return s},_parseQueryString:function(s){var u={},r,q,t,p;r=s.match(l);if(r){q=r[1].split("&");for(p=0;p<q.length;p++){t=q[p].split("=");u=this._parseParamPair(u,i(t[0]),i(t[1]))}}return u},_parseParamPair:function(r,p,q){if(r[p]){if(m(r[p])){r[p].push(q)}else{r[p]=[r[p],q]}}else{r[p]=q}return r},_listen:function(p,q){return this.$element().bind([p,this.eventNamespace()].join("."),q)},_unlisten:function(p,q){return this.$element().unbind([p,this.eventNamespace()].join("."),q)}});o.RenderContext=function(p){this.event_context=p;this.callbacks=[];this.previous_content=null;this.content=null;this.next_engine=false;this.waiting=false};o.RenderContext.prototype=h.extend({},o.Object.prototype,{then:function(r){if(!d(r)){if(typeof r==="string"&&r in this.event_context){var q=this.event_context[r];r=function(s){return q.apply(this.event_context,[s])}}else{return this}}var p=this;if(this.waiting){this.callbacks.push(r)}else{this.wait();j.setTimeout(function(){var s=r.apply(p,[p.content,p.previous_content]);if(s!==false){p.next(s)}},13)}return this},wait:function(){this.waiting=true},next:function(p){this.waiting=false;if(typeof p!=="undefined"){this.previous_content=this.content;this.content=p}if(this.callbacks.length>0){this.then(this.callbacks.shift())}},load:function(p,q,s){var r=this;return this.then(function(){var t,u,w,v;if(d(q)){s=q;q={}}else{q=h.extend({},q)}if(s){this.then(s)}if(typeof p==="string"){w=(p.match(/\.json$/)||q.json);t=((w&&q.cache===true)||q.cache!==false);r.next_engine=r.event_context.engineFor(p);delete q.cache;delete q.json;if(q.engine){r.next_engine=q.engine;delete q.engine}if(t&&(u=this.event_context.app.templateCache(p))){return u}this.wait();h.ajax(h.extend({url:p,data:{},dataType:w?"json":null,type:"get",success:function(x){if(t){r.event_context.app.templateCache(p,x)}r.next(x)}},q));return false}else{if(p.nodeType){return p.innerHTML}if(p.selector){r.next_engine=p.attr("data-engine");if(q.clone===false){return p.remove()[0].innerHTML.toString()}else{return p[0].innerHTML.toString()}}}})},render:function(p,q,r){if(d(p)&&!q){return this.then(p)}else{if(!q&&this.content){q=this.content}return this.load(p).interpolate(q,p).then(r)}},partial:function(p,q){return this.render(p,q).swap()},send:function(){var r=this,q=c(arguments),p=q.shift();if(m(q[0])){q=q[0]}return this.then(function(s){q.push(function(t){r.next(t)});r.wait();p.apply(p,q);return false})},collect:function(t,s,p){var r=this;var q=function(){if(d(t)){s=t;t=this.content}var u=[],v=false;h.each(t,function(w,y){var x=s.apply(r,[w,y]);if(x.jquery&&x.length==1){x=x[0];v=true}u.push(x);return x});return v?u:u.join("")};return p?q():this.then(q)},renderEach:function(p,q,r,s){if(m(q)){s=r;r=q;q=null}return this.load(p).then(function(u){var t=this;if(!r){r=m(this.previous_content)?this.previous_content:[]}if(s){h.each(r,function(v,x){var y={},w=this.next_engine||p;q?(y[q]=x):(y=x);s(x,t.event_context.interpolate(u,y,w))})}else{return this.collect(r,function(v,x){var y={},w=this.next_engine||p;q?(y[q]=x):(y=x);return this.event_context.interpolate(u,y,w)},true)}})},interpolate:function(s,r,p){var q=this;return this.then(function(u,t){if(!s&&t){s=t}if(this.next_engine){r=this.next_engine;this.next_engine=false}var v=q.event_context.interpolate(u,s,r);return p?t+v:v})},swap:function(){return this.then(function(p){this.event_context.swap(p)}).trigger("changed",{})},appendTo:function(p){return this.then(function(q){h(p).append(q)}).trigger("changed",{})},prependTo:function(p){return this.then(function(q){h(p).prepend(q)}).trigger("changed",{})},replace:function(p){return this.then(function(q){h(p).html(q)}).trigger("changed",{})},trigger:function(p,q){return this.then(function(r){if(typeof q=="undefined"){q={content:r}}this.event_context.trigger(p,q)})}});o.EventContext=function(t,s,q,r,p){this.app=t;this.verb=s;this.path=q;this.params=new o.Object(r);this.target=p};o.EventContext.prototype=h.extend({},o.Object.prototype,{$element:function(){return this.app.$element(c(arguments).shift())},engineFor:function(r){var q=this,p;if(d(r)){return r}r=(r||q.app.template_engine).toString();if((p=r.match(/\.([^\.]+)$/))){r=p[1]}if(r&&d(q[r])){return q[r]}if(q.app.template_engine){return this.engineFor(q.app.template_engine)}return function(s,t){return s}},interpolate:function(q,r,p){return this.engineFor(p).apply(this,[q,r])},render:function(p,q,r){return new o.RenderContext(this).render(p,q,r)},renderEach:function(p,q,r,s){return new o.RenderContext(this).renderEach(p,q,r,s)},load:function(p,q,r){return new o.RenderContext(this).load(p,q,r)},partial:function(p,q){return new o.RenderContext(this).partial(p,q)},send:function(){var p=new o.RenderContext(this);return p.send.apply(p,arguments)},redirect:function(){var r,q=c(arguments),p=this.app.getLocation();if(q.length>1){q.unshift("/");r=this.join.apply(this,q)}else{r=q[0]}this.trigger("redirect",{to:r});this.app.last_location=[this.verb,this.path];this.app.setLocation(r);if(p==r){this.app.trigger("location-changed")}},trigger:function(p,q){if(typeof q=="undefined"){q={}}if(!q.context){q.context=this}return this.app.trigger(p,q)},eventNamespace:function(){return this.app.eventNamespace()},swap:function(p){return this.app.swap(p)},notFound:function(){return this.app.notFound(this.verb,this.path)},json:function(p){return h.parseJSON(p)},toString:function(){return"Sammy.EventContext: "+[this.verb,this.path,this.params].join(" ")}});h.sammy=j.Sammy=o})(jQuery,window);
+
+Sammy.HashPushProxy = function(app, run_interval_every) {
+	this.app = app;
+	// detect if we can use the history api
+	this.supportsHistory = !!( window.history && history.pushState );
+	if( !this.supportsHistory ) {
+		// if history is not supported, start polling
+		this._startPolling( run_interval_every );
+		// and set this as a non native app?
+		this.is_native = false;
+	}
+};
+
+Sammy.HashPushProxy.prototype = {
+
+	// bind the proxy events to the current app.
+	bind: function() {
+		var proxy = this, app = this.app;
+		if( this.app.supportsHistory ) {
+			$( window ).bind( 'popstate', function( e ) {
+				proxy.app.trigger( 'location-changed' );
+			} );
+			$( 'a' ).live( 'click', function(e) {
+				// Do not bind external links
+				if ( location.hostname == this.hostname ) {
+					e.preventDefault();
+					// if the history API is supported
+					if ( proxy.historyAPISupported ) {
+						proxy.setLocation( $( this ).attr( 'href' ) );
+						proxy.app.trigger( 'location-changed' );
+					} else {
+						proxy.setLocation( '#' + $( this ).attr( 'href' ) );
+						proxy.app.trigger( 'location-changed' );
+					}
+					
+				}
+			} );
+		} else {
+			$( window ).bind( 'hashchange.' + this.app.eventNamespace(), function( e, non_native ) {
+				// if we receive a native hash change event, set the proxy accordingly
+				// and stop polling
+				if ( proxy.is_native === false && !non_native ) {
+					Sammy.log('native hash change exists, using');
+					proxy.is_native = true;
+					window.clearInterval(Sammy.HashLocationProxy._interval);
+				}
+				app.trigger('location-changed');
+			});
+			if (!Sammy.HashLocationProxy._bindings) {
+				Sammy.HashLocationProxy._bindings = 0;
+			}
+			Sammy.HashLocationProxy._bindings++;
+		}
+	},
+
+	// unbind the proxy events from the current app
+	unbind: function() {
+		if( this.app.supportsHistory ) {
+			$('a').unbind('click');
+			$(window).unbind('popstate');
+		} else {
+			$(window).unbind('hashchange.' + this.app.eventNamespace());
+			Sammy.HashLocationProxy._bindings--;
+			if (Sammy.HashLocationProxy._bindings <= 0) {
+				window.clearInterval(Sammy.HashLocationProxy._interval);
+			}
+		}
+	},
+
+	// get the current location.
+	getLocation: function() {
+		if( this.app.supportsHistory ) {
+			return window.location.pathname;
+		} else {
+			// Bypass the `window.location.hash` attribute.	If a question mark
+			// appears in the hash IE6 will strip it and all of the following
+			// characters from `window.location.hash`.
+			var matches = window.location.toString().match(/^[^#]*(#.+)$/);
+			return matches ? matches[1] : '';
+		}
+	},
+
+	// set the current location to `new_location`
+	setLocation: function( new_location ) {
+		if( this.app.supportsHistory ) {
+			history.pushState( { path: this.path }, '', new_location )
+		} else {
+			return (window.location = new_location);
+		}
+	},
+
+	_startPolling: function(every) {
+		// set up interval
+		var proxy = this;
+		if (!Sammy.HashLocationProxy._interval) {
+			if (!every) { every = 10; }
+			var hashCheck = function() {
+				var current_location = proxy.getLocation();
+				if (!Sammy.HashLocationProxy._last_location ||
+					current_location != Sammy.HashLocationProxy._last_location) {
+					window.setTimeout(function() {
+						$(window).trigger('hashchange', [true]);
+					}, 13);
+				}
+				Sammy.HashLocationProxy._last_location = current_location;
+			};
+			hashCheck();
+			Sammy.HashLocationProxy._interval = window.setInterval(hashCheck, every);
+		}
+	}
+};
+// -- Sammy.js -- /plugins/sammy.template.js
+// http://sammyjs.org
+// Version: 0.6.3
+// Built: 2011-01-27 10:31:12 -0800
+(function(c){var a={};var b=function(e,g,h,d){var f,i;if(a[e]){f=a[e]}else{if(typeof g=="undefined"){return false}if(d&&d.escape_html===false){i='",$1,"'}else{i='",h($1),"'}f=a[e]=new Function("obj",'var ___$$$___=[],print=function(){___$$$___.push.apply(___$$$___,arguments);};with(obj){___$$$___.push("'+String(g).replace(/[\r\t\n]/g," ").replace(/\"/g,'\\"').split("<%").join("\t").replace(/((^|%>)[^\t]*)/g,"$1\r").replace(/\t=(.*?)%>/g,i).replace(/\t!(.*?)%>/g,'",$1,"').split("\t").join('");').split("%>").join('___$$$___.push("').split("\r").join("")+"\");}return ___$$$___.join('');")}if(typeof h!="undefined"){return f(h)}else{return f}};Sammy=Sammy||{};Sammy.Template=function(f,d){var e=function(i,j,h,g){if(typeof h=="undefined"){h=i}if(typeof g=="undefined"&&typeof h=="object"){g=h;h=i}return b(h,i,c.extend({},this,j),g)};if(!d){d="template"}f.helper(d,e)}})(jQuery);
+
diff --git a/ffdemo/static/assets/js/common.js b/ffdemo/static/assets/js/common.js
new file mode 100644
index 0000000..a4e50ba
--- /dev/null
+++ b/ffdemo/static/assets/js/common.js
@@ -0,0 +1,32 @@
+$(document).ready(function ()
+{
+	$("#community").hover(function ()
+	{
+		$("#coming-soon-tip").toggle();
+	});
+	
+	//	Query for countries if newsletter
+	if ($("#newsletter-countries").length > 0)
+	{
+		$.ajax( {
+			'url': '/media/assets/js/vendor/country_codes.json',
+			'dataType': 'JSON',
+			'success': function ( data )
+			{
+				for( var i = 0; i < data.length; i++ )
+				{
+					var $select = $( '#newsletter-countries' );
+					var $option = $( '<option />' )
+						.val( data[i].code )
+						.text( data[i].name );
+					$select.append( $option );
+				}
+			},
+			'error': function ()
+			{
+				// handle error loading countries
+			}
+		});
+	}
+});
+
diff --git a/ffdemo/static/assets/js/jquery-1.5.1.js b/ffdemo/static/assets/js/jquery-1.5.1.js
new file mode 100644
index 0000000..78fcfa4
--- /dev/null
+++ b/ffdemo/static/assets/js/jquery-1.5.1.js
@@ -0,0 +1,8316 @@
+/*!
+ * jQuery JavaScript Library v1.5.1
+ * http://jquery.com/
+ *
+ * Copyright 2011, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2011, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Wed Feb 23 13:55:29 2011 -0500
+ */
+(function( window, undefined ) {
+
+// Use the correct document accordingly with window argument (sandbox)
+var document = window.document;
+var jQuery = (function() {
+
+// Define a local copy of jQuery
+var jQuery = function( selector, context ) {
+		// The jQuery object is actually just the init constructor 'enhanced'
+		return new jQuery.fn.init( selector, context, rootjQuery );
+	},
+
+	// Map over jQuery in case of overwrite
+	_jQuery = window.jQuery,
+
+	// Map over the $ in case of overwrite
+	_$ = window.$,
+
+	// A central reference to the root jQuery(document)
+	rootjQuery,
+
+	// A simple way to check for HTML strings or ID strings
+	// (both of which we optimize for)
+	quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/,
+
+	// Check if a string has a non-whitespace character in it
+	rnotwhite = /\S/,
+
+	// Used for trimming whitespace
+	trimLeft = /^\s+/,
+	trimRight = /\s+$/,
+
+	// Check for digits
+	rdigit = /\d/,
+
+	// Match a standalone tag
+	rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/,
+
+	// JSON RegExp
+	rvalidchars = /^[\],:{}\s]*$/,
+	rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,
+	rvalidtokens = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
+	rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
+
+	// Useragent RegExp
+	rwebkit = /(webkit)[ \/]([\w.]+)/,
+	ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,
+	rmsie = /(msie) ([\w.]+)/,
+	rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/,
+
+	// Keep a UserAgent string for use with jQuery.browser
+	userAgent = navigator.userAgent,
+
+	// For matching the engine and version of the browser
+	browserMatch,
+
+	// Has the ready events already been bound?
+	readyBound = false,
+
+	// The deferred used on DOM ready
+	readyList,
+
+	// Promise methods
+	promiseMethods = "then done fail isResolved isRejected promise".split( " " ),
+
+	// The ready event handler
+	DOMContentLoaded,
+
+	// Save a reference to some core methods
+	toString = Object.prototype.toString,
+	hasOwn = Object.prototype.hasOwnProperty,
+	push = Array.prototype.push,
+	slice = Array.prototype.slice,
+	trim = String.prototype.trim,
+	indexOf = Array.prototype.indexOf,
+
+	// [[Class]] -> type pairs
+	class2type = {};
+
+jQuery.fn = jQuery.prototype = {
+	constructor: jQuery,
+	init: function( selector, context, rootjQuery ) {
+		var match, elem, ret, doc;
+
+		// Handle $(""), $(null), or $(undefined)
+		if ( !selector ) {
+			return this;
+		}
+
+		// Handle $(DOMElement)
+		if ( selector.nodeType ) {
+			this.context = this[0] = selector;
+			this.length = 1;
+			return this;
+		}
+
+		// The body element only exists once, optimize finding it
+		if ( selector === "body" && !context && document.body ) {
+			this.context = document;
+			this[0] = document.body;
+			this.selector = "body";
+			this.length = 1;
+			return this;
+		}
+
+		// Handle HTML strings
+		if ( typeof selector === "string" ) {
+			// Are we dealing with HTML string or an ID?
+			match = quickExpr.exec( selector );
+
+			// Verify a match, and that no context was specified for #id
+			if ( match && (match[1] || !context) ) {
+
+				// HANDLE: $(html) -> $(array)
+				if ( match[1] ) {
+					context = context instanceof jQuery ? context[0] : context;
+					doc = (context ? context.ownerDocument || context : document);
+
+					// If a single string is passed in and it's a single tag
+					// just do a createElement and skip the rest
+					ret = rsingleTag.exec( selector );
+
+					if ( ret ) {
+						if ( jQuery.isPlainObject( context ) ) {
+							selector = [ document.createElement( ret[1] ) ];
+							jQuery.fn.attr.call( selector, context, true );
+
+						} else {
+							selector = [ doc.createElement( ret[1] ) ];
+						}
+
+					} else {
+						ret = jQuery.buildFragment( [ match[1] ], [ doc ] );
+						selector = (ret.cacheable ? jQuery.clone(ret.fragment) : ret.fragment).childNodes;
+					}
+
+					return jQuery.merge( this, selector );
+
+				// HANDLE: $("#id")
+				} else {
+					elem = document.getElementById( match[2] );
+
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE and Opera return items
+						// by name instead of ID
+						if ( elem.id !== match[2] ) {
+							return rootjQuery.find( selector );
+						}
+
+						// Otherwise, we inject the element directly into the jQuery object
+						this.length = 1;
+						this[0] = elem;
+					}
+
+					this.context = document;
+					this.selector = selector;
+					return this;
+				}
+
+			// HANDLE: $(expr, $(...))
+			} else if ( !context || context.jquery ) {
+				return (context || rootjQuery).find( selector );
+
+			// HANDLE: $(expr, context)
+			// (which is just equivalent to: $(context).find(expr)
+			} else {
+				return this.constructor( context ).find( selector );
+			}
+
+		// HANDLE: $(function)
+		// Shortcut for document ready
+		} else if ( jQuery.isFunction( selector ) ) {
+			return rootjQuery.ready( selector );
+		}
+
+		if (selector.selector !== undefined) {
+			this.selector = selector.selector;
+			this.context = selector.context;
+		}
+
+		return jQuery.makeArray( selector, this );
+	},
+
+	// Start with an empty selector
+	selector: "",
+
+	// The current version of jQuery being used
+	jquery: "1.5.1",
+
+	// The default length of a jQuery object is 0
+	length: 0,
+
+	// The number of elements contained in the matched element set
+	size: function() {
+		return this.length;
+	},
+
+	toArray: function() {
+		return slice.call( this, 0 );
+	},
+
+	// Get the Nth element in the matched element set OR
+	// Get the whole matched element set as a clean array
+	get: function( num ) {
+		return num == null ?
+
+			// Return a 'clean' array
+			this.toArray() :
+
+			// Return just the object
+			( num < 0 ? this[ this.length + num ] : this[ num ] );
+	},
+
+	// Take an array of elements and push it onto the stack
+	// (returning the new matched element set)
+	pushStack: function( elems, name, selector ) {
+		// Build a new jQuery matched element set
+		var ret = this.constructor();
+
+		if ( jQuery.isArray( elems ) ) {
+			push.apply( ret, elems );
+
+		} else {
+			jQuery.merge( ret, elems );
+		}
+
+		// Add the old object onto the stack (as a reference)
+		ret.prevObject = this;
+
+		ret.context = this.context;
+
+		if ( name === "find" ) {
+			ret.selector = this.selector + (this.selector ? " " : "") + selector;
+		} else if ( name ) {
+			ret.selector = this.selector + "." + name + "(" + selector + ")";
+		}
+
+		// Return the newly-formed element set
+		return ret;
+	},
+
+	// Execute a callback for every element in the matched set.
+	// (You can seed the arguments with an array of args, but this is
+	// only used internally.)
+	each: function( callback, args ) {
+		return jQuery.each( this, callback, args );
+	},
+
+	ready: function( fn ) {
+		// Attach the listeners
+		jQuery.bindReady();
+
+		// Add the callback
+		readyList.done( fn );
+
+		return this;
+	},
+
+	eq: function( i ) {
+		return i === -1 ?
+			this.slice( i ) :
+			this.slice( i, +i + 1 );
+	},
+
+	first: function() {
+		return this.eq( 0 );
+	},
+
+	last: function() {
+		return this.eq( -1 );
+	},
+
+	slice: function() {
+		return this.pushStack( slice.apply( this, arguments ),
+			"slice", slice.call(arguments).join(",") );
+	},
+
+	map: function( callback ) {
+		return this.pushStack( jQuery.map(this, function( elem, i ) {
+			return callback.call( elem, i, elem );
+		}));
+	},
+
+	end: function() {
+		return this.prevObject || this.constructor(null);
+	},
+
+	// For internal use only.
+	// Behaves like an Array's method, not like a jQuery method.
+	push: push,
+	sort: [].sort,
+	splice: [].splice
+};
+
+// Give the init function the jQuery prototype for later instantiation
+jQuery.fn.init.prototype = jQuery.fn;
+
+jQuery.extend = jQuery.fn.extend = function() {
+	var options, name, src, copy, copyIsArray, clone,
+		target = arguments[0] || {},
+		i = 1,
+		length = arguments.length,
+		deep = false;
+
+	// Handle a deep copy situation
+	if ( typeof target === "boolean" ) {
+		deep = target;
+		target = arguments[1] || {};
+		// skip the boolean and the target
+		i = 2;
+	}
+
+	// Handle case when target is a string or something (possible in deep copy)
+	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
+		target = {};
+	}
+
+	// extend jQuery itself if only one argument is passed
+	if ( length === i ) {
+		target = this;
+		--i;
+	}
+
+	for ( ; i < length; i++ ) {
+		// Only deal with non-null/undefined values
+		if ( (options = arguments[ i ]) != null ) {
+			// Extend the base object
+			for ( name in options ) {
+				src = target[ name ];
+				copy = options[ name ];
+
+				// Prevent never-ending loop
+				if ( target === copy ) {
+					continue;
+				}
+
+				// Recurse if we're merging plain objects or arrays
+				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
+					if ( copyIsArray ) {
+						copyIsArray = false;
+						clone = src && jQuery.isArray(src) ? src : [];
+
+					} else {
+						clone = src && jQuery.isPlainObject(src) ? src : {};
+					}
+
+					// Never move original objects, clone them
+					target[ name ] = jQuery.extend( deep, clone, copy );
+
+				// Don't bring in undefined values
+				} else if ( copy !== undefined ) {
+					target[ name ] = copy;
+				}
+			}
+		}
+	}
+
+	// Return the modified object
+	return target;
+};
+
+jQuery.extend({
+	noConflict: function( deep ) {
+		window.$ = _$;
+
+		if ( deep ) {
+			window.jQuery = _jQuery;
+		}
+
+		return jQuery;
+	},
+
+	// Is the DOM ready to be used? Set to true once it occurs.
+	isReady: false,
+
+	// A counter to track how many items to wait for before
+	// the ready event fires. See #6781
+	readyWait: 1,
+
+	// Handle when the DOM is ready
+	ready: function( wait ) {
+		// A third-party is pushing the ready event forwards
+		if ( wait === true ) {
+			jQuery.readyWait--;
+		}
+
+		// Make sure that the DOM is not already loaded
+		if ( !jQuery.readyWait || (wait !== true && !jQuery.isReady) ) {
+			// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+			if ( !document.body ) {
+				return setTimeout( jQuery.ready, 1 );
+			}
+
+			// Remember that the DOM is ready
+			jQuery.isReady = true;
+
+			// If a normal DOM Ready event fired, decrement, and wait if need be
+			if ( wait !== true && --jQuery.readyWait > 0 ) {
+				return;
+			}
+
+			// If there are functions bound, to execute
+			readyList.resolveWith( document, [ jQuery ] );
+
+			// Trigger any bound ready events
+			if ( jQuery.fn.trigger ) {
+				jQuery( document ).trigger( "ready" ).unbind( "ready" );
+			}
+		}
+	},
+
+	bindReady: function() {
+		if ( readyBound ) {
+			return;
+		}
+
+		readyBound = true;
+
+		// Catch cases where $(document).ready() is called after the
+		// browser event has already occurred.
+		if ( document.readyState === "complete" ) {
+			// Handle it asynchronously to allow scripts the opportunity to delay ready
+			return setTimeout( jQuery.ready, 1 );
+		}
+
+		// Mozilla, Opera and webkit nightlies currently support this event
+		if ( document.addEventListener ) {
+			// Use the handy event callback
+			document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
+
+			// A fallback to window.onload, that will always work
+			window.addEventListener( "load", jQuery.ready, false );
+
+		// If IE event model is used
+		} else if ( document.attachEvent ) {
+			// ensure firing before onload,
+			// maybe late but safe also for iframes
+			document.attachEvent("onreadystatechange", DOMContentLoaded);
+
+			// A fallback to window.onload, that will always work
+			window.attachEvent( "onload", jQuery.ready );
+
+			// If IE and not a frame
+			// continually check to see if the document is ready
+			var toplevel = false;
+
+			try {
+				toplevel = window.frameElement == null;
+			} catch(e) {}
+
+			if ( document.documentElement.doScroll && toplevel ) {
+				doScrollCheck();
+			}
+		}
+	},
+
+	// See test/unit/core.js for details concerning isFunction.
+	// Since version 1.3, DOM methods and functions like alert
+	// aren't supported. They return false on IE (#2968).
+	isFunction: function( obj ) {
+		return jQuery.type(obj) === "function";
+	},
+
+	isArray: Array.isArray || function( obj ) {
+		return jQuery.type(obj) === "array";
+	},
+
+	// A crude way of determining if an object is a window
+	isWindow: function( obj ) {
+		return obj && typeof obj === "object" && "setInterval" in obj;
+	},
+
+	isNaN: function( obj ) {
+		return obj == null || !rdigit.test( obj ) || isNaN( obj );
+	},
+
+	type: function( obj ) {
+		return obj == null ?
+			String( obj ) :
+			class2type[ toString.call(obj) ] || "object";
+	},
+
+	isPlainObject: function( obj ) {
+		// Must be an Object.
+		// Because of IE, we also have to check the presence of the constructor property.
+		// Make sure that DOM nodes and window objects don't pass through, as well
+		if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
+			return false;
+		}
+
+		// Not own constructor property must be Object
+		if ( obj.constructor &&
+			!hasOwn.call(obj, "constructor") &&
+			!hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
+			return false;
+		}
+
+		// Own properties are enumerated firstly, so to speed up,
+		// if last one is own, then all properties are own.
+
+		var key;
+		for ( key in obj ) {}
+
+		return key === undefined || hasOwn.call( obj, key );
+	},
+
+	isEmptyObject: function( obj ) {
+		for ( var name in obj ) {
+			return false;
+		}
+		return true;
+	},
+
+	error: function( msg ) {
+		throw msg;
+	},
+
+	parseJSON: function( data ) {
+		if ( typeof data !== "string" || !data ) {
+			return null;
+		}
+
+		// Make sure leading/trailing whitespace is removed (IE can't handle it)
+		data = jQuery.trim( data );
+
+		// Make sure the incoming data is actual JSON
+		// Logic borrowed from http://json.org/json2.js
+		if ( rvalidchars.test(data.replace(rvalidescape, "@")
+			.replace(rvalidtokens, "]")
+			.replace(rvalidbraces, "")) ) {
+
+			// Try to use the native JSON parser first
+			return window.JSON && window.JSON.parse ?
+				window.JSON.parse( data ) :
+				(new Function("return " + data))();
+
+		} else {
+			jQuery.error( "Invalid JSON: " + data );
+		}
+	},
+
+	// Cross-browser xml parsing
+	// (xml & tmp used internally)
+	parseXML: function( data , xml , tmp ) {
+
+		if ( window.DOMParser ) { // Standard
+			tmp = new DOMParser();
+			xml = tmp.parseFromString( data , "text/xml" );
+		} else { // IE
+			xml = new ActiveXObject( "Microsoft.XMLDOM" );
+			xml.async = "false";
+			xml.loadXML( data );
+		}
+
+		tmp = xml.documentElement;
+
+		if ( ! tmp || ! tmp.nodeName || tmp.nodeName === "parsererror" ) {
+			jQuery.error( "Invalid XML: " + data );
+		}
+
+		return xml;
+	},
+
+	noop: function() {},
+
+	// Evalulates a script in a global context
+	globalEval: function( data ) {
+		if ( data && rnotwhite.test(data) ) {
+			// Inspired by code by Andrea Giammarchi
+			// http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html
+			var head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement,
+				script = document.createElement( "script" );
+
+			if ( jQuery.support.scriptEval() ) {
+				script.appendChild( document.createTextNode( data ) );
+			} else {
+				script.text = data;
+			}
+
+			// Use insertBefore instead of appendChild to circumvent an IE6 bug.
+			// This arises when a base node is used (#2709).
+			head.insertBefore( script, head.firstChild );
+			head.removeChild( script );
+		}
+	},
+
+	nodeName: function( elem, name ) {
+		return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();
+	},
+
+	// args is for internal usage only
+	each: function( object, callback, args ) {
+		var name, i = 0,
+			length = object.length,
+			isObj = length === undefined || jQuery.isFunction(object);
+
+		if ( args ) {
+			if ( isObj ) {
+				for ( name in object ) {
+					if ( callback.apply( object[ name ], args ) === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( ; i < length; ) {
+					if ( callback.apply( object[ i++ ], args ) === false ) {
+						break;
+					}
+				}
+			}
+
+		// A special, fast, case for the most common use of each
+		} else {
+			if ( isObj ) {
+				for ( name in object ) {
+					if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( var value = object[0];
+					i < length && callback.call( value, i, value ) !== false; value = object[++i] ) {}
+			}
+		}
+
+		return object;
+	},
+
+	// Use native String.trim function wherever possible
+	trim: trim ?
+		function( text ) {
+			return text == null ?
+				"" :
+				trim.call( text );
+		} :
+
+		// Otherwise use our own trimming functionality
+		function( text ) {
+			return text == null ?
+				"" :
+				text.toString().replace( trimLeft, "" ).replace( trimRight, "" );
+		},
+
+	// results is for internal usage only
+	makeArray: function( array, results ) {
+		var ret = results || [];
+
+		if ( array != null ) {
+			// The window, strings (and functions) also have 'length'
+			// The extra typeof function check is to prevent crashes
+			// in Safari 2 (See: #3039)
+			// Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930
+			var type = jQuery.type(array);
+
+			if ( array.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( array ) ) {
+				push.call( ret, array );
+			} else {
+				jQuery.merge( ret, array );
+			}
+		}
+
+		return ret;
+	},
+
+	inArray: function( elem, array ) {
+		if ( array.indexOf ) {
+			return array.indexOf( elem );
+		}
+
+		for ( var i = 0, length = array.length; i < length; i++ ) {
+			if ( array[ i ] === elem ) {
+				return i;
+			}
+		}
+
+		return -1;
+	},
+
+	merge: function( first, second ) {
+		var i = first.length,
+			j = 0;
+
+		if ( typeof second.length === "number" ) {
+			for ( var l = second.length; j < l; j++ ) {
+				first[ i++ ] = second[ j ];
+			}
+
+		} else {
+			while ( second[j] !== undefined ) {
+				first[ i++ ] = second[ j++ ];
+			}
+		}
+
+		first.length = i;
+
+		return first;
+	},
+
+	grep: function( elems, callback, inv ) {
+		var ret = [], retVal;
+		inv = !!inv;
+
+		// Go through the array, only saving the items
+		// that pass the validator function
+		for ( var i = 0, length = elems.length; i < length; i++ ) {
+			retVal = !!callback( elems[ i ], i );
+			if ( inv !== retVal ) {
+				ret.push( elems[ i ] );
+			}
+		}
+
+		return ret;
+	},
+
+	// arg is for internal usage only
+	map: function( elems, callback, arg ) {
+		var ret = [], value;
+
+		// Go through the array, translating each of the items to their
+		// new value (or values).
+		for ( var i = 0, length = elems.length; i < length; i++ ) {
+			value = callback( elems[ i ], i, arg );
+
+			if ( value != null ) {
+				ret[ ret.length ] = value;
+			}
+		}
+
+		// Flatten any nested arrays
+		return ret.concat.apply( [], ret );
+	},
+
+	// A global GUID counter for objects
+	guid: 1,
+
+	proxy: function( fn, proxy, thisObject ) {
+		if ( arguments.length === 2 ) {
+			if ( typeof proxy === "string" ) {
+				thisObject = fn;
+				fn = thisObject[ proxy ];
+				proxy = undefined;
+
+			} else if ( proxy && !jQuery.isFunction( proxy ) ) {
+				thisObject = proxy;
+				proxy = undefined;
+			}
+		}
+
+		if ( !proxy && fn ) {
+			proxy = function() {
+				return fn.apply( thisObject || this, arguments );
+			};
+		}
+
+		// Set the guid of unique handler to the same of original handler, so it can be removed
+		if ( fn ) {
+			proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;
+		}
+
+		// So proxy can be declared as an argument
+		return proxy;
+	},
+
+	// Mutifunctional method to get and set values to a collection
+	// The value/s can be optionally by executed if its a function
+	access: function( elems, key, value, exec, fn, pass ) {
+		var length = elems.length;
+
+		// Setting many attributes
+		if ( typeof key === "object" ) {
+			for ( var k in key ) {
+				jQuery.access( elems, k, key[k], exec, fn, value );
+			}
+			return elems;
+		}
+
+		// Setting one attribute
+		if ( value !== undefined ) {
+			// Optionally, function values get executed if exec is true
+			exec = !pass && exec && jQuery.isFunction(value);
+
+			for ( var i = 0; i < length; i++ ) {
+				fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass );
+			}
+
+			return elems;
+		}
+
+		// Getting an attribute
+		return length ? fn( elems[0], key ) : undefined;
+	},
+
+	now: function() {
+		return (new Date()).getTime();
+	},
+
+	// Create a simple deferred (one callbacks list)
+	_Deferred: function() {
+		var // callbacks list
+			callbacks = [],
+			// stored [ context , args ]
+			fired,
+			// to avoid firing when already doing so
+			firing,
+			// flag to know if the deferred has been cancelled
+			cancelled,
+			// the deferred itself
+			deferred  = {
+
+				// done( f1, f2, ...)
+				done: function() {
+					if ( !cancelled ) {
+						var args = arguments,
+							i,
+							length,
+							elem,
+							type,
+							_fired;
+						if ( fired ) {
+							_fired = fired;
+							fired = 0;
+						}
+						for ( i = 0, length = args.length; i < length; i++ ) {
+							elem = args[ i ];
+							type = jQuery.type( elem );
+							if ( type === "array" ) {
+								deferred.done.apply( deferred, elem );
+							} else if ( type === "function" ) {
+								callbacks.push( elem );
+							}
+						}
+						if ( _fired ) {
+							deferred.resolveWith( _fired[ 0 ], _fired[ 1 ] );
+						}
+					}
+					return this;
+				},
+
+				// resolve with given context and args
+				resolveWith: function( context, args ) {
+					if ( !cancelled && !fired && !firing ) {
+						firing = 1;
+						try {
+							while( callbacks[ 0 ] ) {
+								callbacks.shift().apply( context, args );
+							}
+						}
+						// We have to add a catch block for
+						// IE prior to 8 or else the finally
+						// block will never get executed
+						catch (e) {
+							throw e;
+						}
+						finally {
+							fired = [ context, args ];
+							firing = 0;
+						}
+					}
+					return this;
+				},
+
+				// resolve with this as context and given arguments
+				resolve: function() {
+					deferred.resolveWith( jQuery.isFunction( this.promise ) ? this.promise() : this, arguments );
+					return this;
+				},
+
+				// Has this deferred been resolved?
+				isResolved: function() {
+					return !!( firing || fired );
+				},
+
+				// Cancel
+				cancel: function() {
+					cancelled = 1;
+					callbacks = [];
+					return this;
+				}
+			};
+
+		return deferred;
+	},
+
+	// Full fledged deferred (two callbacks list)
+	Deferred: function( func ) {
+		var deferred = jQuery._Deferred(),
+			failDeferred = jQuery._Deferred(),
+			promise;
+		// Add errorDeferred methods, then and promise
+		jQuery.extend( deferred, {
+			then: function( doneCallbacks, failCallbacks ) {
+				deferred.done( doneCallbacks ).fail( failCallbacks );
+				return this;
+			},
+			fail: failDeferred.done,
+			rejectWith: failDeferred.resolveWith,
+			reject: failDeferred.resolve,
+			isRejected: failDeferred.isResolved,
+			// Get a promise for this deferred
+			// If obj is provided, the promise aspect is added to the object
+			promise: function( obj ) {
+				if ( obj == null ) {
+					if ( promise ) {
+						return promise;
+					}
+					promise = obj = {};
+				}
+				var i = promiseMethods.length;
+				while( i-- ) {
+					obj[ promiseMethods[i] ] = deferred[ promiseMethods[i] ];
+				}
+				return obj;
+			}
+		} );
+		// Make sure only one callback list will be used
+		deferred.done( failDeferred.cancel ).fail( deferred.cancel );
+		// Unexpose cancel
+		delete deferred.cancel;
+		// Call given func if any
+		if ( func ) {
+			func.call( deferred, deferred );
+		}
+		return deferred;
+	},
+
+	// Deferred helper
+	when: function( object ) {
+		var lastIndex = arguments.length,
+			deferred = lastIndex <= 1 && object && jQuery.isFunction( object.promise ) ?
+				object :
+				jQuery.Deferred(),
+			promise = deferred.promise();
+
+		if ( lastIndex > 1 ) {
+			var array = slice.call( arguments, 0 ),
+				count = lastIndex,
+				iCallback = function( index ) {
+					return function( value ) {
+						array[ index ] = arguments.length > 1 ? slice.call( arguments, 0 ) : value;
+						if ( !( --count ) ) {
+							deferred.resolveWith( promise, array );
+						}
+					};
+				};
+			while( ( lastIndex-- ) ) {
+				object = array[ lastIndex ];
+				if ( object && jQuery.isFunction( object.promise ) ) {
+					object.promise().then( iCallback(lastIndex), deferred.reject );
+				} else {
+					--count;
+				}
+			}
+			if ( !count ) {
+				deferred.resolveWith( promise, array );
+			}
+		} else if ( deferred !== object ) {
+			deferred.resolve( object );
+		}
+		return promise;
+	},
+
+	// Use of jQuery.browser is frowned upon.
+	// More details: http://docs.jquery.com/Utilities/jQuery.browser
+	uaMatch: function( ua ) {
+		ua = ua.toLowerCase();
+
+		var match = rwebkit.exec( ua ) ||
+			ropera.exec( ua ) ||
+			rmsie.exec( ua ) ||
+			ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) ||
+			[];
+
+		return { browser: match[1] || "", version: match[2] || "0" };
+	},
+
+	sub: function() {
+		function jQuerySubclass( selector, context ) {
+			return new jQuerySubclass.fn.init( selector, context );
+		}
+		jQuery.extend( true, jQuerySubclass, this );
+		jQuerySubclass.superclass = this;
+		jQuerySubclass.fn = jQuerySubclass.prototype = this();
+		jQuerySubclass.fn.constructor = jQuerySubclass;
+		jQuerySubclass.subclass = this.subclass;
+		jQuerySubclass.fn.init = function init( selector, context ) {
+			if ( context && context instanceof jQuery && !(context instanceof jQuerySubclass) ) {
+				context = jQuerySubclass(context);
+			}
+
+			return jQuery.fn.init.call( this, selector, context, rootjQuerySubclass );
+		};
+		jQuerySubclass.fn.init.prototype = jQuerySubclass.fn;
+		var rootjQuerySubclass = jQuerySubclass(document);
+		return jQuerySubclass;
+	},
+
+	browser: {}
+});
+
+// Create readyList deferred
+readyList = jQuery._Deferred();
+
+// Populate the class2type map
+jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
+	class2type[ "[object " + name + "]" ] = name.toLowerCase();
+});
+
+browserMatch = jQuery.uaMatch( userAgent );
+if ( browserMatch.browser ) {
+	jQuery.browser[ browserMatch.browser ] = true;
+	jQuery.browser.version = browserMatch.version;
+}
+
+// Deprecated, use jQuery.browser.webkit instead
+if ( jQuery.browser.webkit ) {
+	jQuery.browser.safari = true;
+}
+
+if ( indexOf ) {
+	jQuery.inArray = function( elem, array ) {
+		return indexOf.call( array, elem );
+	};
+}
+
+// IE doesn't match non-breaking spaces with \s
+if ( rnotwhite.test( "\xA0" ) ) {
+	trimLeft = /^[\s\xA0]+/;
+	trimRight = /[\s\xA0]+$/;
+}
+
+// All jQuery objects should point back to these
+rootjQuery = jQuery(document);
+
+// Cleanup functions for the document ready method
+if ( document.addEventListener ) {
+	DOMContentLoaded = function() {
+		document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false );
+		jQuery.ready();
+	};
+
+} else if ( document.attachEvent ) {
+	DOMContentLoaded = function() {
+		// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+		if ( document.readyState === "complete" ) {
+			document.detachEvent( "onreadystatechange", DOMContentLoaded );
+			jQuery.ready();
+		}
+	};
+}
+
+// The DOM ready check for Internet Explorer
+function doScrollCheck() {
+	if ( jQuery.isReady ) {
+		return;
+	}
+
+	try {
+		// If IE is used, use the trick by Diego Perini
+		// http://javascript.nwbox.com/IEContentLoaded/
+		document.documentElement.doScroll("left");
+	} catch(e) {
+		setTimeout( doScrollCheck, 1 );
+		return;
+	}
+
+	// and execute any waiting functions
+	jQuery.ready();
+}
+
+// Expose jQuery to the global object
+return jQuery;
+
+})();
+
+
+(function() {
+
+	jQuery.support = {};
+
+	var div = document.createElement("div");
+
+	div.style.display = "none";
+	div.innerHTML = "   <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
+
+	var all = div.getElementsByTagName("*"),
+		a = div.getElementsByTagName("a")[0],
+		select = document.createElement("select"),
+		opt = select.appendChild( document.createElement("option") ),
+		input = div.getElementsByTagName("input")[0];
+
+	// Can't get basic test support
+	if ( !all || !all.length || !a ) {
+		return;
+	}
+
+	jQuery.support = {
+		// IE strips leading whitespace when .innerHTML is used
+		leadingWhitespace: div.firstChild.nodeType === 3,
+
+		// Make sure that tbody elements aren't automatically inserted
+		// IE will insert them into empty tables
+		tbody: !div.getElementsByTagName("tbody").length,
+
+		// Make sure that link elements get serialized correctly by innerHTML
+		// This requires a wrapper element in IE
+		htmlSerialize: !!div.getElementsByTagName("link").length,
+
+		// Get the style information from getAttribute
+		// (IE uses .cssText insted)
+		style: /red/.test( a.getAttribute("style") ),
+
+		// Make sure that URLs aren't manipulated
+		// (IE normalizes it by default)
+		hrefNormalized: a.getAttribute("href") === "/a",
+
+		// Make sure that element opacity exists
+		// (IE uses filter instead)
+		// Use a regex to work around a WebKit issue. See #5145
+		opacity: /^0.55$/.test( a.style.opacity ),
+
+		// Verify style float existence
+		// (IE uses styleFloat instead of cssFloat)
+		cssFloat: !!a.style.cssFloat,
+
+		// Make sure that if no value is specified for a checkbox
+		// that it defaults to "on".
+		// (WebKit defaults to "" instead)
+		checkOn: input.value === "on",
+
+		// Make sure that a selected-by-default option has a working selected property.
+		// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
+		optSelected: opt.selected,
+
+		// Will be defined later
+		deleteExpando: true,
+		optDisabled: false,
+		checkClone: false,
+		noCloneEvent: true,
+		noCloneChecked: true,
+		boxModel: null,
+		inlineBlockNeedsLayout: false,
+		shrinkWrapBlocks: false,
+		reliableHiddenOffsets: true
+	};
+
+	input.checked = true;
+	jQuery.support.noCloneChecked = input.cloneNode( true ).checked;
+
+	// Make sure that the options inside disabled selects aren't marked as disabled
+	// (WebKit marks them as diabled)
+	select.disabled = true;
+	jQuery.support.optDisabled = !opt.disabled;
+
+	var _scriptEval = null;
+	jQuery.support.scriptEval = function() {
+		if ( _scriptEval === null ) {
+			var root = document.documentElement,
+				script = document.createElement("script"),
+				id = "script" + jQuery.now();
+
+			try {
+				script.appendChild( document.createTextNode( "window." + id + "=1;" ) );
+			} catch(e) {}
+
+			root.insertBefore( script, root.firstChild );
+
+			// Make sure that the execution of code works by injecting a script
+			// tag with appendChild/createTextNode
+			// (IE doesn't support this, fails, and uses .text instead)
+			if ( window[ id ] ) {
+				_scriptEval = true;
+				delete window[ id ];
+			} else {
+				_scriptEval = false;
+			}
+
+			root.removeChild( script );
+			// release memory in IE
+			root = script = id  = null;
+		}
+
+		return _scriptEval;
+	};
+
+	// Test to see if it's possible to delete an expando from an element
+	// Fails in Internet Explorer
+	try {
+		delete div.test;
+
+	} catch(e) {
+		jQuery.support.deleteExpando = false;
+	}
+
+	if ( !div.addEventListener && div.attachEvent && div.fireEvent ) {
+		div.attachEvent("onclick", function click() {
+			// Cloning a node shouldn't copy over any
+			// bound event handlers (IE does this)
+			jQuery.support.noCloneEvent = false;
+			div.detachEvent("onclick", click);
+		});
+		div.cloneNode(true).fireEvent("onclick");
+	}
+
+	div = document.createElement("div");
+	div.innerHTML = "<input type='radio' name='radiotest' checked='checked'/>";
+
+	var fragment = document.createDocumentFragment();
+	fragment.appendChild( div.firstChild );
+
+	// WebKit doesn't clone checked state correctly in fragments
+	jQuery.support.checkClone = fragment.cloneNode(true).cloneNode(true).lastChild.checked;
+
+	// Figure out if the W3C box model works as expected
+	// document.body must exist before we can do this
+	jQuery(function() {
+		var div = document.createElement("div"),
+			body = document.getElementsByTagName("body")[0];
+
+		// Frameset documents with no body should not run this code
+		if ( !body ) {
+			return;
+		}
+
+		div.style.width = div.style.paddingLeft = "1px";
+		body.appendChild( div );
+		jQuery.boxModel = jQuery.support.boxModel = div.offsetWidth === 2;
+
+		if ( "zoom" in div.style ) {
+			// Check if natively block-level elements act like inline-block
+			// elements when setting their display to 'inline' and giving
+			// them layout
+			// (IE < 8 does this)
+			div.style.display = "inline";
+			div.style.zoom = 1;
+			jQuery.support.inlineBlockNeedsLayout = div.offsetWidth === 2;
+
+			// Check if elements with layout shrink-wrap their children
+			// (IE 6 does this)
+			div.style.display = "";
+			div.innerHTML = "<div style='width:4px;'></div>";
+			jQuery.support.shrinkWrapBlocks = div.offsetWidth !== 2;
+		}
+
+		div.innerHTML = "<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>";
+		var tds = div.getElementsByTagName("td");
+
+		// Check if table cells still have offsetWidth/Height when they are set
+		// to display:none and there are still other visible table cells in a
+		// table row; if so, offsetWidth/Height are not reliable for use when
+		// determining if an element has been hidden directly using
+		// display:none (it is still safe to use offsets if a parent element is
+		// hidden; don safety goggles and see bug #4512 for more information).
+		// (only IE 8 fails this test)
+		jQuery.support.reliableHiddenOffsets = tds[0].offsetHeight === 0;
+
+		tds[0].style.display = "";
+		tds[1].style.display = "none";
+
+		// Check if empty table cells still have offsetWidth/Height
+		// (IE < 8 fail this test)
+		jQuery.support.reliableHiddenOffsets = jQuery.support.reliableHiddenOffsets && tds[0].offsetHeight === 0;
+		div.innerHTML = "";
+
+		body.removeChild( div ).style.display = "none";
+		div = tds = null;
+	});
+
+	// Technique from Juriy Zaytsev
+	// http://thinkweb2.com/projects/prototype/detecting-event-support-without-browser-sniffing/
+	var eventSupported = function( eventName ) {
+		var el = document.createElement("div");
+		eventName = "on" + eventName;
+
+		// We only care about the case where non-standard event systems
+		// are used, namely in IE. Short-circuiting here helps us to
+		// avoid an eval call (in setAttribute) which can cause CSP
+		// to go haywire. See: https://developer.mozilla.org/en/Security/CSP
+		if ( !el.attachEvent ) {
+			return true;
+		}
+
+		var isSupported = (eventName in el);
+		if ( !isSupported ) {
+			el.setAttribute(eventName, "return;");
+			isSupported = typeof el[eventName] === "function";
+		}
+		el = null;
+
+		return isSupported;
+	};
+
+	jQuery.support.submitBubbles = eventSupported("submit");
+	jQuery.support.changeBubbles = eventSupported("change");
+
+	// release memory in IE
+	div = all = a = null;
+})();
+
+
+
+var rbrace = /^(?:\{.*\}|\[.*\])$/;
+
+jQuery.extend({
+	cache: {},
+
+	// Please use with caution
+	uuid: 0,
+
+	// Unique for each copy of jQuery on the page
+	// Non-digits removed to match rinlinejQuery
+	expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ),
+
+	// The following elements throw uncatchable exceptions if you
+	// attempt to add expando properties to them.
+	noData: {
+		"embed": true,
+		// Ban all objects except for Flash (which handle expandos)
+		"object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
+		"applet": true
+	},
+
+	hasData: function( elem ) {
+		elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
+
+		return !!elem && !isEmptyDataObject( elem );
+	},
+
+	data: function( elem, name, data, pvt /* Internal Use Only */ ) {
+		if ( !jQuery.acceptData( elem ) ) {
+			return;
+		}
+
+		var internalKey = jQuery.expando, getByName = typeof name === "string", thisCache,
+
+			// We have to handle DOM nodes and JS objects differently because IE6-7
+			// can't GC object references properly across the DOM-JS boundary
+			isNode = elem.nodeType,
+
+			// Only DOM nodes need the global jQuery cache; JS object data is
+			// attached directly to the object so GC can occur automatically
+			cache = isNode ? jQuery.cache : elem,
+
+			// Only defining an ID for JS objects if its cache already exists allows
+			// the code to shortcut on the same path as a DOM node with no cache
+			id = isNode ? elem[ jQuery.expando ] : elem[ jQuery.expando ] && jQuery.expando;
+
+		// Avoid doing any more work than we need to when trying to get data on an
+		// object that has no data at all
+		if ( (!id || (pvt && id && !cache[ id ][ internalKey ])) && getByName && data === undefined ) {
+			return;
+		}
+
+		if ( !id ) {
+			// Only DOM nodes need a new unique ID for each element since their data
+			// ends up in the global cache
+			if ( isNode ) {
+				elem[ jQuery.expando ] = id = ++jQuery.uuid;
+			} else {
+				id = jQuery.expando;
+			}
+		}
+
+		if ( !cache[ id ] ) {
+			cache[ id ] = {};
+
+			// TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery
+			// metadata on plain JS objects when the object is serialized using
+			// JSON.stringify
+			if ( !isNode ) {
+				cache[ id ].toJSON = jQuery.noop;
+			}
+		}
+
+		// An object can be passed to jQuery.data instead of a key/value pair; this gets
+		// shallow copied over onto the existing cache
+		if ( typeof name === "object" || typeof name === "function" ) {
+			if ( pvt ) {
+				cache[ id ][ internalKey ] = jQuery.extend(cache[ id ][ internalKey ], name);
+			} else {
+				cache[ id ] = jQuery.extend(cache[ id ], name);
+			}
+		}
+
+		thisCache = cache[ id ];
+
+		// Internal jQuery data is stored in a separate object inside the object's data
+		// cache in order to avoid key collisions between internal data and user-defined
+		// data
+		if ( pvt ) {
+			if ( !thisCache[ internalKey ] ) {
+				thisCache[ internalKey ] = {};
+			}
+
+			thisCache = thisCache[ internalKey ];
+		}
+
+		if ( data !== undefined ) {
+			thisCache[ name ] = data;
+		}
+
+		// TODO: This is a hack for 1.5 ONLY. It will be removed in 1.6. Users should
+		// not attempt to inspect the internal events object using jQuery.data, as this
+		// internal data object is undocumented and subject to change.
+		if ( name === "events" && !thisCache[name] ) {
+			return thisCache[ internalKey ] && thisCache[ internalKey ].events;
+		}
+
+		return getByName ? thisCache[ name ] : thisCache;
+	},
+
+	removeData: function( elem, name, pvt /* Internal Use Only */ ) {
+		if ( !jQuery.acceptData( elem ) ) {
+			return;
+		}
+
+		var internalKey = jQuery.expando, isNode = elem.nodeType,
+
+			// See jQuery.data for more information
+			cache = isNode ? jQuery.cache : elem,
+
+			// See jQuery.data for more information
+			id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
+
+		// If there is already no cache entry for this object, there is no
+		// purpose in continuing
+		if ( !cache[ id ] ) {
+			return;
+		}
+
+		if ( name ) {
+			var thisCache = pvt ? cache[ id ][ internalKey ] : cache[ id ];
+
+			if ( thisCache ) {
+				delete thisCache[ name ];
+
+				// If there is no data left in the cache, we want to continue
+				// and let the cache object itself get destroyed
+				if ( !isEmptyDataObject(thisCache) ) {
+					return;
+				}
+			}
+		}
+
+		// See jQuery.data for more information
+		if ( pvt ) {
+			delete cache[ id ][ internalKey ];
+
+			// Don't destroy the parent cache unless the internal data object
+			// had been the only thing left in it
+			if ( !isEmptyDataObject(cache[ id ]) ) {
+				return;
+			}
+		}
+
+		var internalCache = cache[ id ][ internalKey ];
+
+		// Browsers that fail expando deletion also refuse to delete expandos on
+		// the window, but it will allow it on all other JS objects; other browsers
+		// don't care
+		if ( jQuery.support.deleteExpando || cache != window ) {
+			delete cache[ id ];
+		} else {
+			cache[ id ] = null;
+		}
+
+		// We destroyed the entire user cache at once because it's faster than
+		// iterating through each key, but we need to continue to persist internal
+		// data if it existed
+		if ( internalCache ) {
+			cache[ id ] = {};
+			// TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery
+			// metadata on plain JS objects when the object is serialized using
+			// JSON.stringify
+			if ( !isNode ) {
+				cache[ id ].toJSON = jQuery.noop;
+			}
+
+			cache[ id ][ internalKey ] = internalCache;
+
+		// Otherwise, we need to eliminate the expando on the node to avoid
+		// false lookups in the cache for entries that no longer exist
+		} else if ( isNode ) {
+			// IE does not allow us to delete expando properties from nodes,
+			// nor does it have a removeAttribute function on Document nodes;
+			// we must handle all of these cases
+			if ( jQuery.support.deleteExpando ) {
+				delete elem[ jQuery.expando ];
+			} else if ( elem.removeAttribute ) {
+				elem.removeAttribute( jQuery.expando );
+			} else {
+				elem[ jQuery.expando ] = null;
+			}
+		}
+	},
+
+	// For internal use only.
+	_data: function( elem, name, data ) {
+		return jQuery.data( elem, name, data, true );
+	},
+
+	// A method for determining if a DOM node can handle the data expando
+	acceptData: function( elem ) {
+		if ( elem.nodeName ) {
+			var match = jQuery.noData[ elem.nodeName.toLowerCase() ];
+
+			if ( match ) {
+				return !(match === true || elem.getAttribute("classid") !== match);
+			}
+		}
+
+		return true;
+	}
+});
+
+jQuery.fn.extend({
+	data: function( key, value ) {
+		var data = null;
+
+		if ( typeof key === "undefined" ) {
+			if ( this.length ) {
+				data = jQuery.data( this[0] );
+
+				if ( this[0].nodeType === 1 ) {
+					var attr = this[0].attributes, name;
+					for ( var i = 0, l = attr.length; i < l; i++ ) {
+						name = attr[i].name;
+
+						if ( name.indexOf( "data-" ) === 0 ) {
+							name = name.substr( 5 );
+							dataAttr( this[0], name, data[ name ] );
+						}
+					}
+				}
+			}
+
+			return data;
+
+		} else if ( typeof key === "object" ) {
+			return this.each(function() {
+				jQuery.data( this, key );
+			});
+		}
+
+		var parts = key.split(".");
+		parts[1] = parts[1] ? "." + parts[1] : "";
+
+		if ( value === undefined ) {
+			data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]);
+
+			// Try to fetch any internally stored data first
+			if ( data === undefined && this.length ) {
+				data = jQuery.data( this[0], key );
+				data = dataAttr( this[0], key, data );
+			}
+
+			return data === undefined && parts[1] ?
+				this.data( parts[0] ) :
+				data;
+
+		} else {
+			return this.each(function() {
+				var $this = jQuery( this ),
+					args = [ parts[0], value ];
+
+				$this.triggerHandler( "setData" + parts[1] + "!", args );
+				jQuery.data( this, key, value );
+				$this.triggerHandler( "changeData" + parts[1] + "!", args );
+			});
+		}
+	},
+
+	removeData: function( key ) {
+		return this.each(function() {
+			jQuery.removeData( this, key );
+		});
+	}
+});
+
+function dataAttr( elem, key, data ) {
+	// If nothing was found internally, try to fetch any
+	// data from the HTML5 data-* attribute
+	if ( data === undefined && elem.nodeType === 1 ) {
+		data = elem.getAttribute( "data-" + key );
+
+		if ( typeof data === "string" ) {
+			try {
+				data = data === "true" ? true :
+				data === "false" ? false :
+				data === "null" ? null :
+				!jQuery.isNaN( data ) ? parseFloat( data ) :
+					rbrace.test( data ) ? jQuery.parseJSON( data ) :
+					data;
+			} catch( e ) {}
+
+			// Make sure we set the data so it isn't changed later
+			jQuery.data( elem, key, data );
+
+		} else {
+			data = undefined;
+		}
+	}
+
+	return data;
+}
+
+// TODO: This is a hack for 1.5 ONLY to allow objects with a single toJSON
+// property to be considered empty objects; this property always exists in
+// order to make sure JSON.stringify does not expose internal metadata
+function isEmptyDataObject( obj ) {
+	for ( var name in obj ) {
+		if ( name !== "toJSON" ) {
+			return false;
+		}
+	}
+
+	return true;
+}
+
+
+
+
+jQuery.extend({
+	queue: function( elem, type, data ) {
+		if ( !elem ) {
+			return;
+		}
+
+		type = (type || "fx") + "queue";
+		var q = jQuery._data( elem, type );
+
+		// Speed up dequeue by getting out quickly if this is just a lookup
+		if ( !data ) {
+			return q || [];
+		}
+
+		if ( !q || jQuery.isArray(data) ) {
+			q = jQuery._data( elem, type, jQuery.makeArray(data) );
+
+		} else {
+			q.push( data );
+		}
+
+		return q;
+	},
+
+	dequeue: function( elem, type ) {
+		type = type || "fx";
+
+		var queue = jQuery.queue( elem, type ),
+			fn = queue.shift();
+
+		// If the fx queue is dequeued, always remove the progress sentinel
+		if ( fn === "inprogress" ) {
+			fn = queue.shift();
+		}
+
+		if ( fn ) {
+			// Add a progress sentinel to prevent the fx queue from being
+			// automatically dequeued
+			if ( type === "fx" ) {
+				queue.unshift("inprogress");
+			}
+
+			fn.call(elem, function() {
+				jQuery.dequeue(elem, type);
+			});
+		}
+
+		if ( !queue.length ) {
+			jQuery.removeData( elem, type + "queue", true );
+		}
+	}
+});
+
+jQuery.fn.extend({
+	queue: function( type, data ) {
+		if ( typeof type !== "string" ) {
+			data = type;
+			type = "fx";
+		}
+
+		if ( data === undefined ) {
+			return jQuery.queue( this[0], type );
+		}
+		return this.each(function( i ) {
+			var queue = jQuery.queue( this, type, data );
+
+			if ( type === "fx" && queue[0] !== "inprogress" ) {
+				jQuery.dequeue( this, type );
+			}
+		});
+	},
+	dequeue: function( type ) {
+		return this.each(function() {
+			jQuery.dequeue( this, type );
+		});
+	},
+
+	// Based off of the plugin by Clint Helfers, with permission.
+	// http://blindsignals.com/index.php/2009/07/jquery-delay/
+	delay: function( time, type ) {
+		time = jQuery.fx ? jQuery.fx.speeds[time] || time : time;
+		type = type || "fx";
+
+		return this.queue( type, function() {
+			var elem = this;
+			setTimeout(function() {
+				jQuery.dequeue( elem, type );
+			}, time );
+		});
+	},
+
+	clearQueue: function( type ) {
+		return this.queue( type || "fx", [] );
+	}
+});
+
+
+
+
+var rclass = /[\n\t\r]/g,
+	rspaces = /\s+/,
+	rreturn = /\r/g,
+	rspecialurl = /^(?:href|src|style)$/,
+	rtype = /^(?:button|input)$/i,
+	rfocusable = /^(?:button|input|object|select|textarea)$/i,
+	rclickable = /^a(?:rea)?$/i,
+	rradiocheck = /^(?:radio|checkbox)$/i;
+
+jQuery.props = {
+	"for": "htmlFor",
+	"class": "className",
+	readonly: "readOnly",
+	maxlength: "maxLength",
+	cellspacing: "cellSpacing",
+	rowspan: "rowSpan",
+	colspan: "colSpan",
+	tabindex: "tabIndex",
+	usemap: "useMap",
+	frameborder: "frameBorder"
+};
+
+jQuery.fn.extend({
+	attr: function( name, value ) {
+		return jQuery.access( this, name, value, true, jQuery.attr );
+	},
+
+	removeAttr: function( name, fn ) {
+		return this.each(function(){
+			jQuery.attr( this, name, "" );
+			if ( this.nodeType === 1 ) {
+				this.removeAttribute( name );
+			}
+		});
+	},
+
+	addClass: function( value ) {
+		if ( jQuery.isFunction(value) ) {
+			return this.each(function(i) {
+				var self = jQuery(this);
+				self.addClass( value.call(this, i, self.attr("class")) );
+			});
+		}
+
+		if ( value && typeof value === "string" ) {
+			var classNames = (value || "").split( rspaces );
+
+			for ( var i = 0, l = this.length; i < l; i++ ) {
+				var elem = this[i];
+
+				if ( elem.nodeType === 1 ) {
+					if ( !elem.className ) {
+						elem.className = value;
+
+					} else {
+						var className = " " + elem.className + " ",
+							setClass = elem.className;
+
+						for ( var c = 0, cl = classNames.length; c < cl; c++ ) {
+							if ( className.indexOf( " " + classNames[c] + " " ) < 0 ) {
+								setClass += " " + classNames[c];
+							}
+						}
+						elem.className = jQuery.trim( setClass );
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	removeClass: function( value ) {
+		if ( jQuery.isFunction(value) ) {
+			return this.each(function(i) {
+				var self = jQuery(this);
+				self.removeClass( value.call(this, i, self.attr("class")) );
+			});
+		}
+
+		if ( (value && typeof value === "string") || value === undefined ) {
+			var classNames = (value || "").split( rspaces );
+
+			for ( var i = 0, l = this.length; i < l; i++ ) {
+				var elem = this[i];
+
+				if ( elem.nodeType === 1 && elem.className ) {
+					if ( value ) {
+						var className = (" " + elem.className + " ").replace(rclass, " ");
+						for ( var c = 0, cl = classNames.length; c < cl; c++ ) {
+							className = className.replace(" " + classNames[c] + " ", " ");
+						}
+						elem.className = jQuery.trim( className );
+
+					} else {
+						elem.className = "";
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	toggleClass: function( value, stateVal ) {
+		var type = typeof value,
+			isBool = typeof stateVal === "boolean";
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function(i) {
+				var self = jQuery(this);
+				self.toggleClass( value.call(this, i, self.attr("class"), stateVal), stateVal );
+			});
+		}
+
+		return this.each(function() {
+			if ( type === "string" ) {
+				// toggle individual class names
+				var className,
+					i = 0,
+					self = jQuery( this ),
+					state = stateVal,
+					classNames = value.split( rspaces );
+
+				while ( (className = classNames[ i++ ]) ) {
+					// check each className given, space seperated list
+					state = isBool ? state : !self.hasClass( className );
+					self[ state ? "addClass" : "removeClass" ]( className );
+				}
+
+			} else if ( type === "undefined" || type === "boolean" ) {
+				if ( this.className ) {
+					// store className if set
+					jQuery._data( this, "__className__", this.className );
+				}
+
+				// toggle whole className
+				this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
+			}
+		});
+	},
+
+	hasClass: function( selector ) {
+		var className = " " + selector + " ";
+		for ( var i = 0, l = this.length; i < l; i++ ) {
+			if ( (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) > -1 ) {
+				return true;
+			}
+		}
+
+		return false;
+	},
+
+	val: function( value ) {
+		if ( !arguments.length ) {
+			var elem = this[0];
+
+			if ( elem ) {
+				if ( jQuery.nodeName( elem, "option" ) ) {
+					// attributes.value is undefined in Blackberry 4.7 but
+					// uses .value. See #6932
+					var val = elem.attributes.value;
+					return !val || val.specified ? elem.value : elem.text;
+				}
+
+				// We need to handle select boxes special
+				if ( jQuery.nodeName( elem, "select" ) ) {
+					var index = elem.selectedIndex,
+						values = [],
+						options = elem.options,
+						one = elem.type === "select-one";
+
+					// Nothing was selected
+					if ( index < 0 ) {
+						return null;
+					}
+
+					// Loop through all the selected options
+					for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) {
+						var option = options[ i ];
+
+						// Don't return options that are disabled or in a disabled optgroup
+						if ( option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null) &&
+								(!option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" )) ) {
+
+							// Get the specific value for the option
+							value = jQuery(option).val();
+
+							// We don't need an array for one selects
+							if ( one ) {
+								return value;
+							}
+
+							// Multi-Selects return an array
+							values.push( value );
+						}
+					}
+
+					// Fixes Bug #2551 -- select.val() broken in IE after form.reset()
+					if ( one && !values.length && options.length ) {
+						return jQuery( options[ index ] ).val();
+					}
+
+					return values;
+				}
+
+				// Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
+				if ( rradiocheck.test( elem.type ) && !jQuery.support.checkOn ) {
+					return elem.getAttribute("value") === null ? "on" : elem.value;
+				}
+
+				// Everything else, we just grab the value
+				return (elem.value || "").replace(rreturn, "");
+
+			}
+
+			return undefined;
+		}
+
+		var isFunction = jQuery.isFunction(value);
+
+		return this.each(function(i) {
+			var self = jQuery(this), val = value;
+
+			if ( this.nodeType !== 1 ) {
+				return;
+			}
+
+			if ( isFunction ) {
+				val = value.call(this, i, self.val());
+			}
+
+			// Treat null/undefined as ""; convert numbers to string
+			if ( val == null ) {
+				val = "";
+			} else if ( typeof val === "number" ) {
+				val += "";
+			} else if ( jQuery.isArray(val) ) {
+				val = jQuery.map(val, function (value) {
+					return value == null ? "" : value + "";
+				});
+			}
+
+			if ( jQuery.isArray(val) && rradiocheck.test( this.type ) ) {
+				this.checked = jQuery.inArray( self.val(), val ) >= 0;
+
+			} else if ( jQuery.nodeName( this, "select" ) ) {
+				var values = jQuery.makeArray(val);
+
+				jQuery( "option", this ).each(function() {
+					this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
+				});
+
+				if ( !values.length ) {
+					this.selectedIndex = -1;
+				}
+
+			} else {
+				this.value = val;
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	attrFn: {
+		val: true,
+		css: true,
+		html: true,
+		text: true,
+		data: true,
+		width: true,
+		height: true,
+		offset: true
+	},
+
+	attr: function( elem, name, value, pass ) {
+		// don't get/set attributes on text, comment and attribute nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || elem.nodeType === 2 ) {
+			return undefined;
+		}
+
+		if ( pass && name in jQuery.attrFn ) {
+			return jQuery(elem)[name](value);
+		}
+
+		var notxml = elem.nodeType !== 1 || !jQuery.isXMLDoc( elem ),
+			// Whether we are setting (or getting)
+			set = value !== undefined;
+
+		// Try to normalize/fix the name
+		name = notxml && jQuery.props[ name ] || name;
+
+		// Only do all the following if this is a node (faster for style)
+		if ( elem.nodeType === 1 ) {
+			// These attributes require special treatment
+			var special = rspecialurl.test( name );
+
+			// Safari mis-reports the default selected property of an option
+			// Accessing the parent's selectedIndex property fixes it
+			if ( name === "selected" && !jQuery.support.optSelected ) {
+				var parent = elem.parentNode;
+				if ( parent ) {
+					parent.selectedIndex;
+
+					// Make sure that it also works with optgroups, see #5701
+					if ( parent.parentNode ) {
+						parent.parentNode.selectedIndex;
+					}
+				}
+			}
+
+			// If applicable, access the attribute via the DOM 0 way
+			// 'in' checks fail in Blackberry 4.7 #6931
+			if ( (name in elem || elem[ name ] !== undefined) && notxml && !special ) {
+				if ( set ) {
+					// We can't allow the type property to be changed (since it causes problems in IE)
+					if ( name === "type" && rtype.test( elem.nodeName ) && elem.parentNode ) {
+						jQuery.error( "type property can't be changed" );
+					}
+
+					if ( value === null ) {
+						if ( elem.nodeType === 1 ) {
+							elem.removeAttribute( name );
+						}
+
+					} else {
+						elem[ name ] = value;
+					}
+				}
+
+				// browsers index elements by id/name on forms, give priority to attributes.
+				if ( jQuery.nodeName( elem, "form" ) && elem.getAttributeNode(name) ) {
+					return elem.getAttributeNode( name ).nodeValue;
+				}
+
+				// elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
+				// http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
+				if ( name === "tabIndex" ) {
+					var attributeNode = elem.getAttributeNode( "tabIndex" );
+
+					return attributeNode && attributeNode.specified ?
+						attributeNode.value :
+						rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
+							0 :
+							undefined;
+				}
+
+				return elem[ name ];
+			}
+
+			if ( !jQuery.support.style && notxml && name === "style" ) {
+				if ( set ) {
+					elem.style.cssText = "" + value;
+				}
+
+				return elem.style.cssText;
+			}
+
+			if ( set ) {
+				// convert the value to a string (all browsers do this but IE) see #1070
+				elem.setAttribute( name, "" + value );
+			}
+
+			// Ensure that missing attributes return undefined
+			// Blackberry 4.7 returns "" from getAttribute #6938
+			if ( !elem.attributes[ name ] && (elem.hasAttribute && !elem.hasAttribute( name )) ) {
+				return undefined;
+			}
+
+			var attr = !jQuery.support.hrefNormalized && notxml && special ?
+					// Some attributes require a special call on IE
+					elem.getAttribute( name, 2 ) :
+					elem.getAttribute( name );
+
+			// Non-existent attributes return null, we normalize to undefined
+			return attr === null ? undefined : attr;
+		}
+		// Handle everything which isn't a DOM element node
+		if ( set ) {
+			elem[ name ] = value;
+		}
+		return elem[ name ];
+	}
+});
+
+
+
+
+var rnamespaces = /\.(.*)$/,
+	rformElems = /^(?:textarea|input|select)$/i,
+	rperiod = /\./g,
+	rspace = / /g,
+	rescape = /[^\w\s.|`]/g,
+	fcleanup = function( nm ) {
+		return nm.replace(rescape, "\\$&");
+	};
+
+/*
+ * A number of helper functions used for managing events.
+ * Many of the ideas behind this code originated from
+ * Dean Edwards' addEvent library.
+ */
+jQuery.event = {
+
+	// Bind an event to an element
+	// Original by Dean Edwards
+	add: function( elem, types, handler, data ) {
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		// TODO :: Use a try/catch until it's safe to pull this out (likely 1.6)
+		// Minor release fix for bug #8018
+		try {
+			// For whatever reason, IE has trouble passing the window object
+			// around, causing it to be cloned in the process
+			if ( jQuery.isWindow( elem ) && ( elem !== window && !elem.frameElement ) ) {
+				elem = window;
+			}
+		}
+		catch ( e ) {}
+
+		if ( handler === false ) {
+			handler = returnFalse;
+		} else if ( !handler ) {
+			// Fixes bug #7229. Fix recommended by jdalton
+			return;
+		}
+
+		var handleObjIn, handleObj;
+
+		if ( handler.handler ) {
+			handleObjIn = handler;
+			handler = handleObjIn.handler;
+		}
+
+		// Make sure that the function being executed has a unique ID
+		if ( !handler.guid ) {
+			handler.guid = jQuery.guid++;
+		}
+
+		// Init the element's event structure
+		var elemData = jQuery._data( elem );
+
+		// If no elemData is found then we must be trying to bind to one of the
+		// banned noData elements
+		if ( !elemData ) {
+			return;
+		}
+
+		var events = elemData.events,
+			eventHandle = elemData.handle;
+
+		if ( !events ) {
+			elemData.events = events = {};
+		}
+
+		if ( !eventHandle ) {
+			elemData.handle = eventHandle = function() {
+				// Handle the second event of a trigger and when
+				// an event is called after a page has unloaded
+				return typeof jQuery !== "undefined" && !jQuery.event.triggered ?
+					jQuery.event.handle.apply( eventHandle.elem, arguments ) :
+					undefined;
+			};
+		}
+
+		// Add elem as a property of the handle function
+		// This is to prevent a memory leak with non-native events in IE.
+		eventHandle.elem = elem;
+
+		// Handle multiple events separated by a space
+		// jQuery(...).bind("mouseover mouseout", fn);
+		types = types.split(" ");
+
+		var type, i = 0, namespaces;
+
+		while ( (type = types[ i++ ]) ) {
+			handleObj = handleObjIn ?
+				jQuery.extend({}, handleObjIn) :
+				{ handler: handler, data: data };
+
+			// Namespaced event handlers
+			if ( type.indexOf(".") > -1 ) {
+				namespaces = type.split(".");
+				type = namespaces.shift();
+				handleObj.namespace = namespaces.slice(0).sort().join(".");
+
+			} else {
+				namespaces = [];
+				handleObj.namespace = "";
+			}
+
+			handleObj.type = type;
+			if ( !handleObj.guid ) {
+				handleObj.guid = handler.guid;
+			}
+
+			// Get the current list of functions bound to this event
+			var handlers = events[ type ],
+				special = jQuery.event.special[ type ] || {};
+
+			// Init the event handler queue
+			if ( !handlers ) {
+				handlers = events[ type ] = [];
+
+				// Check for a special event handler
+				// Only use addEventListener/attachEvent if the special
+				// events handler returns false
+				if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+					// Bind the global event handler to the element
+					if ( elem.addEventListener ) {
+						elem.addEventListener( type, eventHandle, false );
+
+					} else if ( elem.attachEvent ) {
+						elem.attachEvent( "on" + type, eventHandle );
+					}
+				}
+			}
+
+			if ( special.add ) {
+				special.add.call( elem, handleObj );
+
+				if ( !handleObj.handler.guid ) {
+					handleObj.handler.guid = handler.guid;
+				}
+			}
+
+			// Add the function to the element's handler list
+			handlers.push( handleObj );
+
+			// Keep track of which events have been used, for global triggering
+			jQuery.event.global[ type ] = true;
+		}
+
+		// Nullify elem to prevent memory leaks in IE
+		elem = null;
+	},
+
+	global: {},
+
+	// Detach an event or set of events from an element
+	remove: function( elem, types, handler, pos ) {
+		// don't do events on text and comment nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		if ( handler === false ) {
+			handler = returnFalse;
+		}
+
+		var ret, type, fn, j, i = 0, all, namespaces, namespace, special, eventType, handleObj, origType,
+			elemData = jQuery.hasData( elem ) && jQuery._data( elem ),
+			events = elemData && elemData.events;
+
+		if ( !elemData || !events ) {
+			return;
+		}
+
+		// types is actually an event object here
+		if ( types && types.type ) {
+			handler = types.handler;
+			types = types.type;
+		}
+
+		// Unbind all events for the element
+		if ( !types || typeof types === "string" && types.charAt(0) === "." ) {
+			types = types || "";
+
+			for ( type in events ) {
+				jQuery.event.remove( elem, type + types );
+			}
+
+			return;
+		}
+
+		// Handle multiple events separated by a space
+		// jQuery(...).unbind("mouseover mouseout", fn);
+		types = types.split(" ");
+
+		while ( (type = types[ i++ ]) ) {
+			origType = type;
+			handleObj = null;
+			all = type.indexOf(".") < 0;
+			namespaces = [];
+
+			if ( !all ) {
+				// Namespaced event handlers
+				namespaces = type.split(".");
+				type = namespaces.shift();
+
+				namespace = new RegExp("(^|\\.)" +
+					jQuery.map( namespaces.slice(0).sort(), fcleanup ).join("\\.(?:.*\\.)?") + "(\\.|$)");
+			}
+
+			eventType = events[ type ];
+
+			if ( !eventType ) {
+				continue;
+			}
+
+			if ( !handler ) {
+				for ( j = 0; j < eventType.length; j++ ) {
+					handleObj = eventType[ j ];
+
+					if ( all || namespace.test( handleObj.namespace ) ) {
+						jQuery.event.remove( elem, origType, handleObj.handler, j );
+						eventType.splice( j--, 1 );
+					}
+				}
+
+				continue;
+			}
+
+			special = jQuery.event.special[ type ] || {};
+
+			for ( j = pos || 0; j < eventType.length; j++ ) {
+				handleObj = eventType[ j ];
+
+				if ( handler.guid === handleObj.guid ) {
+					// remove the given handler for the given type
+					if ( all || namespace.test( handleObj.namespace ) ) {
+						if ( pos == null ) {
+							eventType.splice( j--, 1 );
+						}
+
+						if ( special.remove ) {
+							special.remove.call( elem, handleObj );
+						}
+					}
+
+					if ( pos != null ) {
+						break;
+					}
+				}
+			}
+
+			// remove generic event handler if no more handlers exist
+			if ( eventType.length === 0 || pos != null && eventType.length === 1 ) {
+				if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {
+					jQuery.removeEvent( elem, type, elemData.handle );
+				}
+
+				ret = null;
+				delete events[ type ];
+			}
+		}
+
+		// Remove the expando if it's no longer used
+		if ( jQuery.isEmptyObject( events ) ) {
+			var handle = elemData.handle;
+			if ( handle ) {
+				handle.elem = null;
+			}
+
+			delete elemData.events;
+			delete elemData.handle;
+
+			if ( jQuery.isEmptyObject( elemData ) ) {
+				jQuery.removeData( elem, undefined, true );
+			}
+		}
+	},
+
+	// bubbling is internal
+	trigger: function( event, data, elem /*, bubbling */ ) {
+		// Event object or event type
+		var type = event.type || event,
+			bubbling = arguments[3];
+
+		if ( !bubbling ) {
+			event = typeof event === "object" ?
+				// jQuery.Event object
+				event[ jQuery.expando ] ? event :
+				// Object literal
+				jQuery.extend( jQuery.Event(type), event ) :
+				// Just the event type (string)
+				jQuery.Event(type);
+
+			if ( type.indexOf("!") >= 0 ) {
+				event.type = type = type.slice(0, -1);
+				event.exclusive = true;
+			}
+
+			// Handle a global trigger
+			if ( !elem ) {
+				// Don't bubble custom events when global (to avoid too much overhead)
+				event.stopPropagation();
+
+				// Only trigger if we've ever bound an event for it
+				if ( jQuery.event.global[ type ] ) {
+					// XXX This code smells terrible. event.js should not be directly
+					// inspecting the data cache
+					jQuery.each( jQuery.cache, function() {
+						// internalKey variable is just used to make it easier to find
+						// and potentially change this stuff later; currently it just
+						// points to jQuery.expando
+						var internalKey = jQuery.expando,
+							internalCache = this[ internalKey ];
+						if ( internalCache && internalCache.events && internalCache.events[ type ] ) {
+							jQuery.event.trigger( event, data, internalCache.handle.elem );
+						}
+					});
+				}
+			}
+
+			// Handle triggering a single element
+
+			// don't do events on text and comment nodes
+			if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 ) {
+				return undefined;
+			}
+
+			// Clean up in case it is reused
+			event.result = undefined;
+			event.target = elem;
+
+			// Clone the incoming data, if any
+			data = jQuery.makeArray( data );
+			data.unshift( event );
+		}
+
+		event.currentTarget = elem;
+
+		// Trigger the event, it is assumed that "handle" is a function
+		var handle = jQuery._data( elem, "handle" );
+
+		if ( handle ) {
+			handle.apply( elem, data );
+		}
+
+		var parent = elem.parentNode || elem.ownerDocument;
+
+		// Trigger an inline bound script
+		try {
+			if ( !(elem && elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()]) ) {
+				if ( elem[ "on" + type ] && elem[ "on" + type ].apply( elem, data ) === false ) {
+					event.result = false;
+					event.preventDefault();
+				}
+			}
+
+		// prevent IE from throwing an error for some elements with some event types, see #3533
+		} catch (inlineError) {}
+
+		if ( !event.isPropagationStopped() && parent ) {
+			jQuery.event.trigger( event, data, parent, true );
+
+		} else if ( !event.isDefaultPrevented() ) {
+			var old,
+				target = event.target,
+				targetType = type.replace( rnamespaces, "" ),
+				isClick = jQuery.nodeName( target, "a" ) && targetType === "click",
+				special = jQuery.event.special[ targetType ] || {};
+
+			if ( (!special._default || special._default.call( elem, event ) === false) &&
+				!isClick && !(target && target.nodeName && jQuery.noData[target.nodeName.toLowerCase()]) ) {
+
+				try {
+					if ( target[ targetType ] ) {
+						// Make sure that we don't accidentally re-trigger the onFOO events
+						old = target[ "on" + targetType ];
+
+						if ( old ) {
+							target[ "on" + targetType ] = null;
+						}
+
+						jQuery.event.triggered = true;
+						target[ targetType ]();
+					}
+
+				// prevent IE from throwing an error for some elements with some event types, see #3533
+				} catch (triggerError) {}
+
+				if ( old ) {
+					target[ "on" + targetType ] = old;
+				}
+
+				jQuery.event.triggered = false;
+			}
+		}
+	},
+
+	handle: function( event ) {
+		var all, handlers, namespaces, namespace_re, events,
+			namespace_sort = [],
+			args = jQuery.makeArray( arguments );
+
+		event = args[0] = jQuery.event.fix( event || window.event );
+		event.currentTarget = this;
+
+		// Namespaced event handlers
+		all = event.type.indexOf(".") < 0 && !event.exclusive;
+
+		if ( !all ) {
+			namespaces = event.type.split(".");
+			event.type = namespaces.shift();
+			namespace_sort = namespaces.slice(0).sort();
+			namespace_re = new RegExp("(^|\\.)" + namespace_sort.join("\\.(?:.*\\.)?") + "(\\.|$)");
+		}
+
+		event.namespace = event.namespace || namespace_sort.join(".");
+
+		events = jQuery._data(this, "events");
+
+		handlers = (events || {})[ event.type ];
+
+		if ( events && handlers ) {
+			// Clone the handlers to prevent manipulation
+			handlers = handlers.slice(0);
+
+			for ( var j = 0, l = handlers.length; j < l; j++ ) {
+				var handleObj = handlers[ j ];
+
+				// Filter the functions by class
+				if ( all || namespace_re.test( handleObj.namespace ) ) {
+					// Pass in a reference to the handler function itself
+					// So that we can later remove it
+					event.handler = handleObj.handler;
+					event.data = handleObj.data;
+					event.handleObj = handleObj;
+
+					var ret = handleObj.handler.apply( this, args );
+
+					if ( ret !== undefined ) {
+						event.result = ret;
+						if ( ret === false ) {
+							event.preventDefault();
+							event.stopPropagation();
+						}
+					}
+
+					if ( event.isImmediatePropagationStopped() ) {
+						break;
+					}
+				}
+			}
+		}
+
+		return event.result;
+	},
+
+	props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
+
+	fix: function( event ) {
+		if ( event[ jQuery.expando ] ) {
+			return event;
+		}
+
+		// store a copy of the original event object
+		// and "clone" to set read-only properties
+		var originalEvent = event;
+		event = jQuery.Event( originalEvent );
+
+		for ( var i = this.props.length, prop; i; ) {
+			prop = this.props[ --i ];
+			event[ prop ] = originalEvent[ prop ];
+		}
+
+		// Fix target property, if necessary
+		if ( !event.target ) {
+			// Fixes #1925 where srcElement might not be defined either
+			event.target = event.srcElement || document;
+		}
+
+		// check if target is a textnode (safari)
+		if ( event.target.nodeType === 3 ) {
+			event.target = event.target.parentNode;
+		}
+
+		// Add relatedTarget, if necessary
+		if ( !event.relatedTarget && event.fromElement ) {
+			event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
+		}
+
+		// Calculate pageX/Y if missing and clientX/Y available
+		if ( event.pageX == null && event.clientX != null ) {
+			var doc = document.documentElement,
+				body = document.body;
+
+			event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
+			event.pageY = event.clientY + (doc && doc.scrollTop  || body && body.scrollTop  || 0) - (doc && doc.clientTop  || body && body.clientTop  || 0);
+		}
+
+		// Add which for key events
+		if ( event.which == null && (event.charCode != null || event.keyCode != null) ) {
+			event.which = event.charCode != null ? event.charCode : event.keyCode;
+		}
+
+		// Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs)
+		if ( !event.metaKey && event.ctrlKey ) {
+			event.metaKey = event.ctrlKey;
+		}
+
+		// Add which for click: 1 === left; 2 === middle; 3 === right
+		// Note: button is not normalized, so don't use it
+		if ( !event.which && event.button !== undefined ) {
+			event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) ));
+		}
+
+		return event;
+	},
+
+	// Deprecated, use jQuery.guid instead
+	guid: 1E8,
+
+	// Deprecated, use jQuery.proxy instead
+	proxy: jQuery.proxy,
+
+	special: {
+		ready: {
+			// Make sure the ready event is setup
+			setup: jQuery.bindReady,
+			teardown: jQuery.noop
+		},
+
+		live: {
+			add: function( handleObj ) {
+				jQuery.event.add( this,
+					liveConvert( handleObj.origType, handleObj.selector ),
+					jQuery.extend({}, handleObj, {handler: liveHandler, guid: handleObj.handler.guid}) );
+			},
+
+			remove: function( handleObj ) {
+				jQuery.event.remove( this, liveConvert( handleObj.origType, handleObj.selector ), handleObj );
+			}
+		},
+
+		beforeunload: {
+			setup: function( data, namespaces, eventHandle ) {
+				// We only want to do this special case on windows
+				if ( jQuery.isWindow( this ) ) {
+					this.onbeforeunload = eventHandle;
+				}
+			},
+
+			teardown: function( namespaces, eventHandle ) {
+				if ( this.onbeforeunload === eventHandle ) {
+					this.onbeforeunload = null;
+				}
+			}
+		}
+	}
+};
+
+jQuery.removeEvent = document.removeEventListener ?
+	function( elem, type, handle ) {
+		if ( elem.removeEventListener ) {
+			elem.removeEventListener( type, handle, false );
+		}
+	} :
+	function( elem, type, handle ) {
+		if ( elem.detachEvent ) {
+			elem.detachEvent( "on" + type, handle );
+		}
+	};
+
+jQuery.Event = function( src ) {
+	// Allow instantiation without the 'new' keyword
+	if ( !this.preventDefault ) {
+		return new jQuery.Event( src );
+	}
+
+	// Event object
+	if ( src && src.type ) {
+		this.originalEvent = src;
+		this.type = src.type;
+
+		// Events bubbling up the document may have been marked as prevented
+		// by a handler lower down the tree; reflect the correct value.
+		this.isDefaultPrevented = (src.defaultPrevented || src.returnValue === false ||
+			src.getPreventDefault && src.getPreventDefault()) ? returnTrue : returnFalse;
+
+	// Event type
+	} else {
+		this.type = src;
+	}
+
+	// timeStamp is buggy for some events on Firefox(#3843)
+	// So we won't rely on the native value
+	this.timeStamp = jQuery.now();
+
+	// Mark it as fixed
+	this[ jQuery.expando ] = true;
+};
+
+function returnFalse() {
+	return false;
+}
+function returnTrue() {
+	return true;
+}
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+	preventDefault: function() {
+		this.isDefaultPrevented = returnTrue;
+
+		var e = this.originalEvent;
+		if ( !e ) {
+			return;
+		}
+
+		// if preventDefault exists run it on the original event
+		if ( e.preventDefault ) {
+			e.preventDefault();
+
+		// otherwise set the returnValue property of the original event to false (IE)
+		} else {
+			e.returnValue = false;
+		}
+	},
+	stopPropagation: function() {
+		this.isPropagationStopped = returnTrue;
+
+		var e = this.originalEvent;
+		if ( !e ) {
+			return;
+		}
+		// if stopPropagation exists run it on the original event
+		if ( e.stopPropagation ) {
+			e.stopPropagation();
+		}
+		// otherwise set the cancelBubble property of the original event to true (IE)
+		e.cancelBubble = true;
+	},
+	stopImmediatePropagation: function() {
+		this.isImmediatePropagationStopped = returnTrue;
+		this.stopPropagation();
+	},
+	isDefaultPrevented: returnFalse,
+	isPropagationStopped: returnFalse,
+	isImmediatePropagationStopped: returnFalse
+};
+
+// Checks if an event happened on an element within another element
+// Used in jQuery.event.special.mouseenter and mouseleave handlers
+var withinElement = function( event ) {
+	// Check if mouse(over|out) are still within the same parent element
+	var parent = event.relatedTarget;
+
+	// Firefox sometimes assigns relatedTarget a XUL element
+	// which we cannot access the parentNode property of
+	try {
+
+		// Chrome does something similar, the parentNode property
+		// can be accessed but is null.
+		if ( parent !== document && !parent.parentNode ) {
+			return;
+		}
+		// Traverse up the tree
+		while ( parent && parent !== this ) {
+			parent = parent.parentNode;
+		}
+
+		if ( parent !== this ) {
+			// set the correct event type
+			event.type = event.data;
+
+			// handle event if we actually just moused on to a non sub-element
+			jQuery.event.handle.apply( this, arguments );
+		}
+
+	// assuming we've left the element since we most likely mousedover a xul element
+	} catch(e) { }
+},
+
+// In case of event delegation, we only need to rename the event.type,
+// liveHandler will take care of the rest.
+delegate = function( event ) {
+	event.type = event.data;
+	jQuery.event.handle.apply( this, arguments );
+};
+
+// Create mouseenter and mouseleave events
+jQuery.each({
+	mouseenter: "mouseover",
+	mouseleave: "mouseout"
+}, function( orig, fix ) {
+	jQuery.event.special[ orig ] = {
+		setup: function( data ) {
+			jQuery.event.add( this, fix, data && data.selector ? delegate : withinElement, orig );
+		},
+		teardown: function( data ) {
+			jQuery.event.remove( this, fix, data && data.selector ? delegate : withinElement );
+		}
+	};
+});
+
+// submit delegation
+if ( !jQuery.support.submitBubbles ) {
+
+	jQuery.event.special.submit = {
+		setup: function( data, namespaces ) {
+			if ( this.nodeName && this.nodeName.toLowerCase() !== "form" ) {
+				jQuery.event.add(this, "click.specialSubmit", function( e ) {
+					var elem = e.target,
+						type = elem.type;
+
+					if ( (type === "submit" || type === "image") && jQuery( elem ).closest("form").length ) {
+						trigger( "submit", this, arguments );
+					}
+				});
+
+				jQuery.event.add(this, "keypress.specialSubmit", function( e ) {
+					var elem = e.target,
+						type = elem.type;
+
+					if ( (type === "text" || type === "password") && jQuery( elem ).closest("form").length && e.keyCode === 13 ) {
+						trigger( "submit", this, arguments );
+					}
+				});
+
+			} else {
+				return false;
+			}
+		},
+
+		teardown: function( namespaces ) {
+			jQuery.event.remove( this, ".specialSubmit" );
+		}
+	};
+
+}
+
+// change delegation, happens here so we have bind.
+if ( !jQuery.support.changeBubbles ) {
+
+	var changeFilters,
+
+	getVal = function( elem ) {
+		var type = elem.type, val = elem.value;
+
+		if ( type === "radio" || type === "checkbox" ) {
+			val = elem.checked;
+
+		} else if ( type === "select-multiple" ) {
+			val = elem.selectedIndex > -1 ?
+				jQuery.map( elem.options, function( elem ) {
+					return elem.selected;
+				}).join("-") :
+				"";
+
+		} else if ( elem.nodeName.toLowerCase() === "select" ) {
+			val = elem.selectedIndex;
+		}
+
+		return val;
+	},
+
+	testChange = function testChange( e ) {
+		var elem = e.target, data, val;
+
+		if ( !rformElems.test( elem.nodeName ) || elem.readOnly ) {
+			return;
+		}
+
+		data = jQuery._data( elem, "_change_data" );
+		val = getVal(elem);
+
+		// the current data will be also retrieved by beforeactivate
+		if ( e.type !== "focusout" || elem.type !== "radio" ) {
+			jQuery._data( elem, "_change_data", val );
+		}
+
+		if ( data === undefined || val === data ) {
+			return;
+		}
+
+		if ( data != null || val ) {
+			e.type = "change";
+			e.liveFired = undefined;
+			jQuery.event.trigger( e, arguments[1], elem );
+		}
+	};
+
+	jQuery.event.special.change = {
+		filters: {
+			focusout: testChange,
+
+			beforedeactivate: testChange,
+
+			click: function( e ) {
+				var elem = e.target, type = elem.type;
+
+				if ( type === "radio" || type === "checkbox" || elem.nodeName.toLowerCase() === "select" ) {
+					testChange.call( this, e );
+				}
+			},
+
+			// Change has to be called before submit
+			// Keydown will be called before keypress, which is used in submit-event delegation
+			keydown: function( e ) {
+				var elem = e.target, type = elem.type;
+
+				if ( (e.keyCode === 13 && elem.nodeName.toLowerCase() !== "textarea") ||
+					(e.keyCode === 32 && (type === "checkbox" || type === "radio")) ||
+					type === "select-multiple" ) {
+					testChange.call( this, e );
+				}
+			},
+
+			// Beforeactivate happens also before the previous element is blurred
+			// with this event you can't trigger a change event, but you can store
+			// information
+			beforeactivate: function( e ) {
+				var elem = e.target;
+				jQuery._data( elem, "_change_data", getVal(elem) );
+			}
+		},
+
+		setup: function( data, namespaces ) {
+			if ( this.type === "file" ) {
+				return false;
+			}
+
+			for ( var type in changeFilters ) {
+				jQuery.event.add( this, type + ".specialChange", changeFilters[type] );
+			}
+
+			return rformElems.test( this.nodeName );
+		},
+
+		teardown: function( namespaces ) {
+			jQuery.event.remove( this, ".specialChange" );
+
+			return rformElems.test( this.nodeName );
+		}
+	};
+
+	changeFilters = jQuery.event.special.change.filters;
+
+	// Handle when the input is .focus()'d
+	changeFilters.focus = changeFilters.beforeactivate;
+}
+
+function trigger( type, elem, args ) {
+	// Piggyback on a donor event to simulate a different one.
+	// Fake originalEvent to avoid donor's stopPropagation, but if the
+	// simulated event prevents default then we do the same on the donor.
+	// Don't pass args or remember liveFired; they apply to the donor event.
+	var event = jQuery.extend( {}, args[ 0 ] );
+	event.type = type;
+	event.originalEvent = {};
+	event.liveFired = undefined;
+	jQuery.event.handle.call( elem, event );
+	if ( event.isDefaultPrevented() ) {
+		args[ 0 ].preventDefault();
+	}
+}
+
+// Create "bubbling" focus and blur events
+if ( document.addEventListener ) {
+	jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
+		jQuery.event.special[ fix ] = {
+			setup: function() {
+				this.addEventListener( orig, handler, true );
+			},
+			teardown: function() {
+				this.removeEventListener( orig, handler, true );
+			}
+		};
+
+		function handler( e ) {
+			e = jQuery.event.fix( e );
+			e.type = fix;
+			return jQuery.event.handle.call( this, e );
+		}
+	});
+}
+
+jQuery.each(["bind", "one"], function( i, name ) {
+	jQuery.fn[ name ] = function( type, data, fn ) {
+		// Handle object literals
+		if ( typeof type === "object" ) {
+			for ( var key in type ) {
+				this[ name ](key, data, type[key], fn);
+			}
+			return this;
+		}
+
+		if ( jQuery.isFunction( data ) || data === false ) {
+			fn = data;
+			data = undefined;
+		}
+
+		var handler = name === "one" ? jQuery.proxy( fn, function( event ) {
+			jQuery( this ).unbind( event, handler );
+			return fn.apply( this, arguments );
+		}) : fn;
+
+		if ( type === "unload" && name !== "one" ) {
+			this.one( type, data, fn );
+
+		} else {
+			for ( var i = 0, l = this.length; i < l; i++ ) {
+				jQuery.event.add( this[i], type, handler, data );
+			}
+		}
+
+		return this;
+	};
+});
+
+jQuery.fn.extend({
+	unbind: function( type, fn ) {
+		// Handle object literals
+		if ( typeof type === "object" && !type.preventDefault ) {
+			for ( var key in type ) {
+				this.unbind(key, type[key]);
+			}
+
+		} else {
+			for ( var i = 0, l = this.length; i < l; i++ ) {
+				jQuery.event.remove( this[i], type, fn );
+			}
+		}
+
+		return this;
+	},
+
+	delegate: function( selector, types, data, fn ) {
+		return this.live( types, data, fn, selector );
+	},
+
+	undelegate: function( selector, types, fn ) {
+		if ( arguments.length === 0 ) {
+				return this.unbind( "live" );
+
+		} else {
+			return this.die( types, null, fn, selector );
+		}
+	},
+
+	trigger: function( type, data ) {
+		return this.each(function() {
+			jQuery.event.trigger( type, data, this );
+		});
+	},
+
+	triggerHandler: function( type, data ) {
+		if ( this[0] ) {
+			var event = jQuery.Event( type );
+			event.preventDefault();
+			event.stopPropagation();
+			jQuery.event.trigger( event, data, this[0] );
+			return event.result;
+		}
+	},
+
+	toggle: function( fn ) {
+		// Save reference to arguments for access in closure
+		var args = arguments,
+			i = 1;
+
+		// link all the functions, so any of them can unbind this click handler
+		while ( i < args.length ) {
+			jQuery.proxy( fn, args[ i++ ] );
+		}
+
+		return this.click( jQuery.proxy( fn, function( event ) {
+			// Figure out which function to execute
+			var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
+			jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
+
+			// Make sure that clicks stop
+			event.preventDefault();
+
+			// and execute the function
+			return args[ lastToggle ].apply( this, arguments ) || false;
+		}));
+	},
+
+	hover: function( fnOver, fnOut ) {
+		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
+	}
+});
+
+var liveMap = {
+	focus: "focusin",
+	blur: "focusout",
+	mouseenter: "mouseover",
+	mouseleave: "mouseout"
+};
+
+jQuery.each(["live", "die"], function( i, name ) {
+	jQuery.fn[ name ] = function( types, data, fn, origSelector /* Internal Use Only */ ) {
+		var type, i = 0, match, namespaces, preType,
+			selector = origSelector || this.selector,
+			context = origSelector ? this : jQuery( this.context );
+
+		if ( typeof types === "object" && !types.preventDefault ) {
+			for ( var key in types ) {
+				context[ name ]( key, data, types[key], selector );
+			}
+
+			return this;
+		}
+
+		if ( jQuery.isFunction( data ) ) {
+			fn = data;
+			data = undefined;
+		}
+
+		types = (types || "").split(" ");
+
+		while ( (type = types[ i++ ]) != null ) {
+			match = rnamespaces.exec( type );
+			namespaces = "";
+
+			if ( match )  {
+				namespaces = match[0];
+				type = type.replace( rnamespaces, "" );
+			}
+
+			if ( type === "hover" ) {
+				types.push( "mouseenter" + namespaces, "mouseleave" + namespaces );
+				continue;
+			}
+
+			preType = type;
+
+			if ( type === "focus" || type === "blur" ) {
+				types.push( liveMap[ type ] + namespaces );
+				type = type + namespaces;
+
+			} else {
+				type = (liveMap[ type ] || type) + namespaces;
+			}
+
+			if ( name === "live" ) {
+				// bind live handler
+				for ( var j = 0, l = context.length; j < l; j++ ) {
+					jQuery.event.add( context[j], "live." + liveConvert( type, selector ),
+						{ data: data, selector: selector, handler: fn, origType: type, origHandler: fn, preType: preType } );
+				}
+
+			} else {
+				// unbind live handler
+				context.unbind( "live." + liveConvert( type, selector ), fn );
+			}
+		}
+
+		return this;
+	};
+});
+
+function liveHandler( event ) {
+	var stop, maxLevel, related, match, handleObj, elem, j, i, l, data, close, namespace, ret,
+		elems = [],
+		selectors = [],
+		events = jQuery._data( this, "events" );
+
+	// Make sure we avoid non-left-click bubbling in Firefox (#3861) and disabled elements in IE (#6911)
+	if ( event.liveFired === this || !events || !events.live || event.target.disabled || event.button && event.type === "click" ) {
+		return;
+	}
+
+	if ( event.namespace ) {
+		namespace = new RegExp("(^|\\.)" + event.namespace.split(".").join("\\.(?:.*\\.)?") + "(\\.|$)");
+	}
+
+	event.liveFired = this;
+
+	var live = events.live.slice(0);
+
+	for ( j = 0; j < live.length; j++ ) {
+		handleObj = live[j];
+
+		if ( handleObj.origType.replace( rnamespaces, "" ) === event.type ) {
+			selectors.push( handleObj.selector );
+
+		} else {
+			live.splice( j--, 1 );
+		}
+	}
+
+	match = jQuery( event.target ).closest( selectors, event.currentTarget );
+
+	for ( i = 0, l = match.length; i < l; i++ ) {
+		close = match[i];
+
+		for ( j = 0; j < live.length; j++ ) {
+			handleObj = live[j];
+
+			if ( close.selector === handleObj.selector && (!namespace || namespace.test( handleObj.namespace )) && !close.elem.disabled ) {
+				elem = close.elem;
+				related = null;
+
+				// Those two events require additional checking
+				if ( handleObj.preType === "mouseenter" || handleObj.preType === "mouseleave" ) {
+					event.type = handleObj.preType;
+					related = jQuery( event.relatedTarget ).closest( handleObj.selector )[0];
+				}
+
+				if ( !related || related !== elem ) {
+					elems.push({ elem: elem, handleObj: handleObj, level: close.level });
+				}
+			}
+		}
+	}
+
+	for ( i = 0, l = elems.length; i < l; i++ ) {
+		match = elems[i];
+
+		if ( maxLevel && match.level > maxLevel ) {
+			break;
+		}
+
+		event.currentTarget = match.elem;
+		event.data = match.handleObj.data;
+		event.handleObj = match.handleObj;
+
+		ret = match.handleObj.origHandler.apply( match.elem, arguments );
+
+		if ( ret === false || event.isPropagationStopped() ) {
+			maxLevel = match.level;
+
+			if ( ret === false ) {
+				stop = false;
+			}
+			if ( event.isImmediatePropagationStopped() ) {
+				break;
+			}
+		}
+	}
+
+	return stop;
+}
+
+function liveConvert( type, selector ) {
+	return (type && type !== "*" ? type + "." : "") + selector.replace(rperiod, "`").replace(rspace, "&");
+}
+
+jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
+	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+	"change select submit keydown keypress keyup error").split(" "), function( i, name ) {
+
+	// Handle event binding
+	jQuery.fn[ name ] = function( data, fn ) {
+		if ( fn == null ) {
+			fn = data;
+			data = null;
+		}
+
+		return arguments.length > 0 ?
+			this.bind( name, data, fn ) :
+			this.trigger( name );
+	};
+
+	if ( jQuery.attrFn ) {
+		jQuery.attrFn[ name ] = true;
+	}
+});
+
+
+/*!
+ * Sizzle CSS Selector Engine
+ *  Copyright 2011, The Dojo Foundation
+ *  Released under the MIT, BSD, and GPL Licenses.
+ *  More information: http://sizzlejs.com/
+ */
+(function(){
+
+var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
+	done = 0,
+	toString = Object.prototype.toString,
+	hasDuplicate = false,
+	baseHasDuplicate = true,
+	rBackslash = /\\/g,
+	rNonWord = /\W/;
+
+// Here we check if the JavaScript engine is using some sort of
+// optimization where it does not always call our comparision
+// function. If that is the case, discard the hasDuplicate value.
+//   Thus far that includes Google Chrome.
+[0, 0].sort(function() {
+	baseHasDuplicate = false;
+	return 0;
+});
+
+var Sizzle = function( selector, context, results, seed ) {
+	results = results || [];
+	context = context || document;
+
+	var origContext = context;
+
+	if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
+		return [];
+	}
+	
+	if ( !selector || typeof selector !== "string" ) {
+		return results;
+	}
+
+	var m, set, checkSet, extra, ret, cur, pop, i,
+		prune = true,
+		contextXML = Sizzle.isXML( context ),
+		parts = [],
+		soFar = selector;
+	
+	// Reset the position of the chunker regexp (start from head)
+	do {
+		chunker.exec( "" );
+		m = chunker.exec( soFar );
+
+		if ( m ) {
+			soFar = m[3];
+		
+			parts.push( m[1] );
+		
+			if ( m[2] ) {
+				extra = m[3];
+				break;
+			}
+		}
+	} while ( m );
+
+	if ( parts.length > 1 && origPOS.exec( selector ) ) {
+
+		if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
+			set = posProcess( parts[0] + parts[1], context );
+
+		} else {
+			set = Expr.relative[ parts[0] ] ?
+				[ context ] :
+				Sizzle( parts.shift(), context );
+
+			while ( parts.length ) {
+				selector = parts.shift();
+
+				if ( Expr.relative[ selector ] ) {
+					selector += parts.shift();
+				}
+				
+				set = posProcess( selector, set );
+			}
+		}
+
+	} else {
+		// Take a shortcut and set the context if the root selector is an ID
+		// (but not if it'll be faster if the inner selector is an ID)
+		if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
+				Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
+
+			ret = Sizzle.find( parts.shift(), context, contextXML );
+			context = ret.expr ?
+				Sizzle.filter( ret.expr, ret.set )[0] :
+				ret.set[0];
+		}
+
+		if ( context ) {
+			ret = seed ?
+				{ expr: parts.pop(), set: makeArray(seed) } :
+				Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
+
+			set = ret.expr ?
+				Sizzle.filter( ret.expr, ret.set ) :
+				ret.set;
+
+			if ( parts.length > 0 ) {
+				checkSet = makeArray( set );
+
+			} else {
+				prune = false;
+			}
+
+			while ( parts.length ) {
+				cur = parts.pop();
+				pop = cur;
+
+				if ( !Expr.relative[ cur ] ) {
+					cur = "";
+				} else {
+					pop = parts.pop();
+				}
+
+				if ( pop == null ) {
+					pop = context;
+				}
+
+				Expr.relative[ cur ]( checkSet, pop, contextXML );
+			}
+
+		} else {
+			checkSet = parts = [];
+		}
+	}
+
+	if ( !checkSet ) {
+		checkSet = set;
+	}
+
+	if ( !checkSet ) {
+		Sizzle.error( cur || selector );
+	}
+
+	if ( toString.call(checkSet) === "[object Array]" ) {
+		if ( !prune ) {
+			results.push.apply( results, checkSet );
+
+		} else if ( context && context.nodeType === 1 ) {
+			for ( i = 0; checkSet[i] != null; i++ ) {
+				if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
+					results.push( set[i] );
+				}
+			}
+
+		} else {
+			for ( i = 0; checkSet[i] != null; i++ ) {
+				if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
+					results.push( set[i] );
+				}
+			}
+		}
+
+	} else {
+		makeArray( checkSet, results );
+	}
+
+	if ( extra ) {
+		Sizzle( extra, origContext, results, seed );
+		Sizzle.uniqueSort( results );
+	}
+
+	return results;
+};
+
+Sizzle.uniqueSort = function( results ) {
+	if ( sortOrder ) {
+		hasDuplicate = baseHasDuplicate;
+		results.sort( sortOrder );
+
+		if ( hasDuplicate ) {
+			for ( var i = 1; i < results.length; i++ ) {
+				if ( results[i] === results[ i - 1 ] ) {
+					results.splice( i--, 1 );
+				}
+			}
+		}
+	}
+
+	return results;
+};
+
+Sizzle.matches = function( expr, set ) {
+	return Sizzle( expr, null, null, set );
+};
+
+Sizzle.matchesSelector = function( node, expr ) {
+	return Sizzle( expr, null, null, [node] ).length > 0;
+};
+
+Sizzle.find = function( expr, context, isXML ) {
+	var set;
+
+	if ( !expr ) {
+		return [];
+	}
+
+	for ( var i = 0, l = Expr.order.length; i < l; i++ ) {
+		var match,
+			type = Expr.order[i];
+		
+		if ( (match = Expr.leftMatch[ type ].exec( expr )) ) {
+			var left = match[1];
+			match.splice( 1, 1 );
+
+			if ( left.substr( left.length - 1 ) !== "\\" ) {
+				match[1] = (match[1] || "").replace( rBackslash, "" );
+				set = Expr.find[ type ]( match, context, isXML );
+
+				if ( set != null ) {
+					expr = expr.replace( Expr.match[ type ], "" );
+					break;
+				}
+			}
+		}
+	}
+
+	if ( !set ) {
+		set = typeof context.getElementsByTagName !== "undefined" ?
+			context.getElementsByTagName( "*" ) :
+			[];
+	}
+
+	return { set: set, expr: expr };
+};
+
+Sizzle.filter = function( expr, set, inplace, not ) {
+	var match, anyFound,
+		old = expr,
+		result = [],
+		curLoop = set,
+		isXMLFilter = set && set[0] && Sizzle.isXML( set[0] );
+
+	while ( expr && set.length ) {
+		for ( var type in Expr.filter ) {
+			if ( (match = Expr.leftMatch[ type ].exec( expr )) != null && match[2] ) {
+				var found, item,
+					filter = Expr.filter[ type ],
+					left = match[1];
+
+				anyFound = false;
+
+				match.splice(1,1);
+
+				if ( left.substr( left.length - 1 ) === "\\" ) {
+					continue;
+				}
+
+				if ( curLoop === result ) {
+					result = [];
+				}
+
+				if ( Expr.preFilter[ type ] ) {
+					match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
+
+					if ( !match ) {
+						anyFound = found = true;
+
+					} else if ( match === true ) {
+						continue;
+					}
+				}
+
+				if ( match ) {
+					for ( var i = 0; (item = curLoop[i]) != null; i++ ) {
+						if ( item ) {
+							found = filter( item, match, i, curLoop );
+							var pass = not ^ !!found;
+
+							if ( inplace && found != null ) {
+								if ( pass ) {
+									anyFound = true;
+
+								} else {
+									curLoop[i] = false;
+								}
+
+							} else if ( pass ) {
+								result.push( item );
+								anyFound = true;
+							}
+						}
+					}
+				}
+
+				if ( found !== undefined ) {
+					if ( !inplace ) {
+						curLoop = result;
+					}
+
+					expr = expr.replace( Expr.match[ type ], "" );
+
+					if ( !anyFound ) {
+						return [];
+					}
+
+					break;
+				}
+			}
+		}
+
+		// Improper expression
+		if ( expr === old ) {
+			if ( anyFound == null ) {
+				Sizzle.error( expr );
+
+			} else {
+				break;
+			}
+		}
+
+		old = expr;
+	}
+
+	return curLoop;
+};
+
+Sizzle.error = function( msg ) {
+	throw "Syntax error, unrecognized expression: " + msg;
+};
+
+var Expr = Sizzle.selectors = {
+	order: [ "ID", "NAME", "TAG" ],
+
+	match: {
+		ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
+		CLASS: /\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
+		NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,
+		ATTR: /\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,
+		TAG: /^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,
+		CHILD: /:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,
+		POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,
+		PSEUDO: /:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/
+	},
+
+	leftMatch: {},
+
+	attrMap: {
+		"class": "className",
+		"for": "htmlFor"
+	},
+
+	attrHandle: {
+		href: function( elem ) {
+			return elem.getAttribute( "href" );
+		},
+		type: function( elem ) {
+			return elem.getAttribute( "type" );
+		}
+	},
+
+	relative: {
+		"+": function(checkSet, part){
+			var isPartStr = typeof part === "string",
+				isTag = isPartStr && !rNonWord.test( part ),
+				isPartStrNotTag = isPartStr && !isTag;
+
+			if ( isTag ) {
+				part = part.toLowerCase();
+			}
+
+			for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
+				if ( (elem = checkSet[i]) ) {
+					while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
+
+					checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ?
+						elem || false :
+						elem === part;
+				}
+			}
+
+			if ( isPartStrNotTag ) {
+				Sizzle.filter( part, checkSet, true );
+			}
+		},
+
+		">": function( checkSet, part ) {
+			var elem,
+				isPartStr = typeof part === "string",
+				i = 0,
+				l = checkSet.length;
+
+			if ( isPartStr && !rNonWord.test( part ) ) {
+				part = part.toLowerCase();
+
+				for ( ; i < l; i++ ) {
+					elem = checkSet[i];
+
+					if ( elem ) {
+						var parent = elem.parentNode;
+						checkSet[i] = parent.nodeName.toLowerCase() === part ? parent : false;
+					}
+				}
+
+			} else {
+				for ( ; i < l; i++ ) {
+					elem = checkSet[i];
+
+					if ( elem ) {
+						checkSet[i] = isPartStr ?
+							elem.parentNode :
+							elem.parentNode === part;
+					}
+				}
+
+				if ( isPartStr ) {
+					Sizzle.filter( part, checkSet, true );
+				}
+			}
+		},
+
+		"": function(checkSet, part, isXML){
+			var nodeCheck,
+				doneName = done++,
+				checkFn = dirCheck;
+
+			if ( typeof part === "string" && !rNonWord.test( part ) ) {
+				part = part.toLowerCase();
+				nodeCheck = part;
+				checkFn = dirNodeCheck;
+			}
+
+			checkFn( "parentNode", part, doneName, checkSet, nodeCheck, isXML );
+		},
+
+		"~": function( checkSet, part, isXML ) {
+			var nodeCheck,
+				doneName = done++,
+				checkFn = dirCheck;
+
+			if ( typeof part === "string" && !rNonWord.test( part ) ) {
+				part = part.toLowerCase();
+				nodeCheck = part;
+				checkFn = dirNodeCheck;
+			}
+
+			checkFn( "previousSibling", part, doneName, checkSet, nodeCheck, isXML );
+		}
+	},
+
+	find: {
+		ID: function( match, context, isXML ) {
+			if ( typeof context.getElementById !== "undefined" && !isXML ) {
+				var m = context.getElementById(match[1]);
+				// Check parentNode to catch when Blackberry 4.6 returns
+				// nodes that are no longer in the document #6963
+				return m && m.parentNode ? [m] : [];
+			}
+		},
+
+		NAME: function( match, context ) {
+			if ( typeof context.getElementsByName !== "undefined" ) {
+				var ret = [],
+					results = context.getElementsByName( match[1] );
+
+				for ( var i = 0, l = results.length; i < l; i++ ) {
+					if ( results[i].getAttribute("name") === match[1] ) {
+						ret.push( results[i] );
+					}
+				}
+
+				return ret.length === 0 ? null : ret;
+			}
+		},
+
+		TAG: function( match, context ) {
+			if ( typeof context.getElementsByTagName !== "undefined" ) {
+				return context.getElementsByTagName( match[1] );
+			}
+		}
+	},
+	preFilter: {
+		CLASS: function( match, curLoop, inplace, result, not, isXML ) {
+			match = " " + match[1].replace( rBackslash, "" ) + " ";
+
+			if ( isXML ) {
+				return match;
+			}
+
+			for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
+				if ( elem ) {
+					if ( not ^ (elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(match) >= 0) ) {
+						if ( !inplace ) {
+							result.push( elem );
+						}
+
+					} else if ( inplace ) {
+						curLoop[i] = false;
+					}
+				}
+			}
+
+			return false;
+		},
+
+		ID: function( match ) {
+			return match[1].replace( rBackslash, "" );
+		},
+
+		TAG: function( match, curLoop ) {
+			return match[1].replace( rBackslash, "" ).toLowerCase();
+		},
+
+		CHILD: function( match ) {
+			if ( match[1] === "nth" ) {
+				if ( !match[2] ) {
+					Sizzle.error( match[0] );
+				}
+
+				match[2] = match[2].replace(/^\+|\s*/g, '');
+
+				// parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
+				var test = /(-?)(\d*)(?:n([+\-]?\d*))?/.exec(
+					match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" ||
+					!/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
+
+				// calculate the numbers (first)n+(last) including if they are negative
+				match[2] = (test[1] + (test[2] || 1)) - 0;
+				match[3] = test[3] - 0;
+			}
+			else if ( match[2] ) {
+				Sizzle.error( match[0] );
+			}
+
+			// TODO: Move to normal caching system
+			match[0] = done++;
+
+			return match;
+		},
+
+		ATTR: function( match, curLoop, inplace, result, not, isXML ) {
+			var name = match[1] = match[1].replace( rBackslash, "" );
+			
+			if ( !isXML && Expr.attrMap[name] ) {
+				match[1] = Expr.attrMap[name];
+			}
+
+			// Handle if an un-quoted value was used
+			match[4] = ( match[4] || match[5] || "" ).replace( rBackslash, "" );
+
+			if ( match[2] === "~=" ) {
+				match[4] = " " + match[4] + " ";
+			}
+
+			return match;
+		},
+
+		PSEUDO: function( match, curLoop, inplace, result, not ) {
+			if ( match[1] === "not" ) {
+				// If we're dealing with a complex expression, or a simple one
+				if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) {
+					match[3] = Sizzle(match[3], null, null, curLoop);
+
+				} else {
+					var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
+
+					if ( !inplace ) {
+						result.push.apply( result, ret );
+					}
+
+					return false;
+				}
+
+			} else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
+				return true;
+			}
+			
+			return match;
+		},
+
+		POS: function( match ) {
+			match.unshift( true );
+
+			return match;
+		}
+	},
+	
+	filters: {
+		enabled: function( elem ) {
+			return elem.disabled === false && elem.type !== "hidden";
+		},
+
+		disabled: function( elem ) {
+			return elem.disabled === true;
+		},
+
+		checked: function( elem ) {
+			return elem.checked === true;
+		},
+		
+		selected: function( elem ) {
+			// Accessing this property makes selected-by-default
+			// options in Safari work properly
+			if ( elem.parentNode ) {
+				elem.parentNode.selectedIndex;
+			}
+			
+			return elem.selected === true;
+		},
+
+		parent: function( elem ) {
+			return !!elem.firstChild;
+		},
+
+		empty: function( elem ) {
+			return !elem.firstChild;
+		},
+
+		has: function( elem, i, match ) {
+			return !!Sizzle( match[3], elem ).length;
+		},
+
+		header: function( elem ) {
+			return (/h\d/i).test( elem.nodeName );
+		},
+
+		text: function( elem ) {
+			// IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc) 
+			// use getAttribute instead to test this case
+			return "text" === elem.getAttribute( 'type' );
+		},
+		radio: function( elem ) {
+			return "radio" === elem.type;
+		},
+
+		checkbox: function( elem ) {
+			return "checkbox" === elem.type;
+		},
+
+		file: function( elem ) {
+			return "file" === elem.type;
+		},
+		password: function( elem ) {
+			return "password" === elem.type;
+		},
+
+		submit: function( elem ) {
+			return "submit" === elem.type;
+		},
+
+		image: function( elem ) {
+			return "image" === elem.type;
+		},
+
+		reset: function( elem ) {
+			return "reset" === elem.type;
+		},
+
+		button: function( elem ) {
+			return "button" === elem.type || elem.nodeName.toLowerCase() === "button";
+		},
+
+		input: function( elem ) {
+			return (/input|select|textarea|button/i).test( elem.nodeName );
+		}
+	},
+	setFilters: {
+		first: function( elem, i ) {
+			return i === 0;
+		},
+
+		last: function( elem, i, match, array ) {
+			return i === array.length - 1;
+		},
+
+		even: function( elem, i ) {
+			return i % 2 === 0;
+		},
+
+		odd: function( elem, i ) {
+			return i % 2 === 1;
+		},
+
+		lt: function( elem, i, match ) {
+			return i < match[3] - 0;
+		},
+
+		gt: function( elem, i, match ) {
+			return i > match[3] - 0;
+		},
+
+		nth: function( elem, i, match ) {
+			return match[3] - 0 === i;
+		},
+
+		eq: function( elem, i, match ) {
+			return match[3] - 0 === i;
+		}
+	},
+	filter: {
+		PSEUDO: function( elem, match, i, array ) {
+			var name = match[1],
+				filter = Expr.filters[ name ];
+
+			if ( filter ) {
+				return filter( elem, i, match, array );
+
+			} else if ( name === "contains" ) {
+				return (elem.textContent || elem.innerText || Sizzle.getText([ elem ]) || "").indexOf(match[3]) >= 0;
+
+			} else if ( name === "not" ) {
+				var not = match[3];
+
+				for ( var j = 0, l = not.length; j < l; j++ ) {
+					if ( not[j] === elem ) {
+						return false;
+					}
+				}
+
+				return true;
+
+			} else {
+				Sizzle.error( name );
+			}
+		},
+
+		CHILD: function( elem, match ) {
+			var type = match[1],
+				node = elem;
+
+			switch ( type ) {
+				case "only":
+				case "first":
+					while ( (node = node.previousSibling) )	 {
+						if ( node.nodeType === 1 ) { 
+							return false; 
+						}
+					}
+
+					if ( type === "first" ) { 
+						return true; 
+					}
+
+					node = elem;
+
+				case "last":
+					while ( (node = node.nextSibling) )	 {
+						if ( node.nodeType === 1 ) { 
+							return false; 
+						}
+					}
+
+					return true;
+
+				case "nth":
+					var first = match[2],
+						last = match[3];
+
+					if ( first === 1 && last === 0 ) {
+						return true;
+					}
+					
+					var doneName = match[0],
+						parent = elem.parentNode;
+	
+					if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) {
+						var count = 0;
+						
+						for ( node = parent.firstChild; node; node = node.nextSibling ) {
+							if ( node.nodeType === 1 ) {
+								node.nodeIndex = ++count;
+							}
+						} 
+
+						parent.sizcache = doneName;
+					}
+					
+					var diff = elem.nodeIndex - last;
+
+					if ( first === 0 ) {
+						return diff === 0;
+
+					} else {
+						return ( diff % first === 0 && diff / first >= 0 );
+					}
+			}
+		},
+
+		ID: function( elem, match ) {
+			return elem.nodeType === 1 && elem.getAttribute("id") === match;
+		},
+
+		TAG: function( elem, match ) {
+			return (match === "*" && elem.nodeType === 1) || elem.nodeName.toLowerCase() === match;
+		},
+		
+		CLASS: function( elem, match ) {
+			return (" " + (elem.className || elem.getAttribute("class")) + " ")
+				.indexOf( match ) > -1;
+		},
+
+		ATTR: function( elem, match ) {
+			var name = match[1],
+				result = Expr.attrHandle[ name ] ?
+					Expr.attrHandle[ name ]( elem ) :
+					elem[ name ] != null ?
+						elem[ name ] :
+						elem.getAttribute( name ),
+				value = result + "",
+				type = match[2],
+				check = match[4];
+
+			return result == null ?
+				type === "!=" :
+				type === "=" ?
+				value === check :
+				type === "*=" ?
+				value.indexOf(check) >= 0 :
+				type === "~=" ?
+				(" " + value + " ").indexOf(check) >= 0 :
+				!check ?
+				value && result !== false :
+				type === "!=" ?
+				value !== check :
+				type === "^=" ?
+				value.indexOf(check) === 0 :
+				type === "$=" ?
+				value.substr(value.length - check.length) === check :
+				type === "|=" ?
+				value === check || value.substr(0, check.length + 1) === check + "-" :
+				false;
+		},
+
+		POS: function( elem, match, i, array ) {
+			var name = match[2],
+				filter = Expr.setFilters[ name ];
+
+			if ( filter ) {
+				return filter( elem, i, match, array );
+			}
+		}
+	}
+};
+
+var origPOS = Expr.match.POS,
+	fescape = function(all, num){
+		return "\\" + (num - 0 + 1);
+	};
+
+for ( var type in Expr.match ) {
+	Expr.match[ type ] = new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) );
+	Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source.replace(/\\(\d+)/g, fescape) );
+}
+
+var makeArray = function( array, results ) {
+	array = Array.prototype.slice.call( array, 0 );
+
+	if ( results ) {
+		results.push.apply( results, array );
+		return results;
+	}
+	
+	return array;
+};
+
+// Perform a simple check to determine if the browser is capable of
+// converting a NodeList to an array using builtin methods.
+// Also verifies that the returned array holds DOM nodes
+// (which is not the case in the Blackberry browser)
+try {
+	Array.prototype.slice.call( document.documentElement.childNodes, 0 )[0].nodeType;
+
+// Provide a fallback method if it does not work
+} catch( e ) {
+	makeArray = function( array, results ) {
+		var i = 0,
+			ret = results || [];
+
+		if ( toString.call(array) === "[object Array]" ) {
+			Array.prototype.push.apply( ret, array );
+
+		} else {
+			if ( typeof array.length === "number" ) {
+				for ( var l = array.length; i < l; i++ ) {
+					ret.push( array[i] );
+				}
+
+			} else {
+				for ( ; array[i]; i++ ) {
+					ret.push( array[i] );
+				}
+			}
+		}
+
+		return ret;
+	};
+}
+
+var sortOrder, siblingCheck;
+
+if ( document.documentElement.compareDocumentPosition ) {
+	sortOrder = function( a, b ) {
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) {
+			return a.compareDocumentPosition ? -1 : 1;
+		}
+
+		return a.compareDocumentPosition(b) & 4 ? -1 : 1;
+	};
+
+} else {
+	sortOrder = function( a, b ) {
+		var al, bl,
+			ap = [],
+			bp = [],
+			aup = a.parentNode,
+			bup = b.parentNode,
+			cur = aup;
+
+		// The nodes are identical, we can exit early
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+
+		// If the nodes are siblings (or identical) we can do a quick check
+		} else if ( aup === bup ) {
+			return siblingCheck( a, b );
+
+		// If no parents were found then the nodes are disconnected
+		} else if ( !aup ) {
+			return -1;
+
+		} else if ( !bup ) {
+			return 1;
+		}
+
+		// Otherwise they're somewhere else in the tree so we need
+		// to build up a full list of the parentNodes for comparison
+		while ( cur ) {
+			ap.unshift( cur );
+			cur = cur.parentNode;
+		}
+
+		cur = bup;
+
+		while ( cur ) {
+			bp.unshift( cur );
+			cur = cur.parentNode;
+		}
+
+		al = ap.length;
+		bl = bp.length;
+
+		// Start walking down the tree looking for a discrepancy
+		for ( var i = 0; i < al && i < bl; i++ ) {
+			if ( ap[i] !== bp[i] ) {
+				return siblingCheck( ap[i], bp[i] );
+			}
+		}
+
+		// We ended someplace up the tree so do a sibling check
+		return i === al ?
+			siblingCheck( a, bp[i], -1 ) :
+			siblingCheck( ap[i], b, 1 );
+	};
+
+	siblingCheck = function( a, b, ret ) {
+		if ( a === b ) {
+			return ret;
+		}
+
+		var cur = a.nextSibling;
+
+		while ( cur ) {
+			if ( cur === b ) {
+				return -1;
+			}
+
+			cur = cur.nextSibling;
+		}
+
+		return 1;
+	};
+}
+
+// Utility function for retreiving the text value of an array of DOM nodes
+Sizzle.getText = function( elems ) {
+	var ret = "", elem;
+
+	for ( var i = 0; elems[i]; i++ ) {
+		elem = elems[i];
+
+		// Get the text from text nodes and CDATA nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
+			ret += elem.nodeValue;
+
+		// Traverse everything else, except comment nodes
+		} else if ( elem.nodeType !== 8 ) {
+			ret += Sizzle.getText( elem.childNodes );
+		}
+	}
+
+	return ret;
+};
+
+// Check to see if the browser returns elements by name when
+// querying by getElementById (and provide a workaround)
+(function(){
+	// We're going to inject a fake input element with a specified name
+	var form = document.createElement("div"),
+		id = "script" + (new Date()).getTime(),
+		root = document.documentElement;
+
+	form.innerHTML = "<a name='" + id + "'/>";
+
+	// Inject it into the root element, check its status, and remove it quickly
+	root.insertBefore( form, root.firstChild );
+
+	// The workaround has to do additional checks after a getElementById
+	// Which slows things down for other browsers (hence the branching)
+	if ( document.getElementById( id ) ) {
+		Expr.find.ID = function( match, context, isXML ) {
+			if ( typeof context.getElementById !== "undefined" && !isXML ) {
+				var m = context.getElementById(match[1]);
+
+				return m ?
+					m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ?
+						[m] :
+						undefined :
+					[];
+			}
+		};
+
+		Expr.filter.ID = function( elem, match ) {
+			var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
+
+			return elem.nodeType === 1 && node && node.nodeValue === match;
+		};
+	}
+
+	root.removeChild( form );
+
+	// release memory in IE
+	root = form = null;
+})();
+
+(function(){
+	// Check to see if the browser returns only elements
+	// when doing getElementsByTagName("*")
+
+	// Create a fake element
+	var div = document.createElement("div");
+	div.appendChild( document.createComment("") );
+
+	// Make sure no comments are found
+	if ( div.getElementsByTagName("*").length > 0 ) {
+		Expr.find.TAG = function( match, context ) {
+			var results = context.getElementsByTagName( match[1] );
+
+			// Filter out possible comments
+			if ( match[1] === "*" ) {
+				var tmp = [];
+
+				for ( var i = 0; results[i]; i++ ) {
+					if ( results[i].nodeType === 1 ) {
+						tmp.push( results[i] );
+					}
+				}
+
+				results = tmp;
+			}
+
+			return results;
+		};
+	}
+
+	// Check to see if an attribute returns normalized href attributes
+	div.innerHTML = "<a href='#'></a>";
+
+	if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
+			div.firstChild.getAttribute("href") !== "#" ) {
+
+		Expr.attrHandle.href = function( elem ) {
+			return elem.getAttribute( "href", 2 );
+		};
+	}
+
+	// release memory in IE
+	div = null;
+})();
+
+if ( document.querySelectorAll ) {
+	(function(){
+		var oldSizzle = Sizzle,
+			div = document.createElement("div"),
+			id = "__sizzle__";
+
+		div.innerHTML = "<p class='TEST'></p>";
+
+		// Safari can't handle uppercase or unicode characters when
+		// in quirks mode.
+		if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
+			return;
+		}
+	
+		Sizzle = function( query, context, extra, seed ) {
+			context = context || document;
+
+			// Only use querySelectorAll on non-XML documents
+			// (ID selectors don't work in non-HTML documents)
+			if ( !seed && !Sizzle.isXML(context) ) {
+				// See if we find a selector to speed up
+				var match = /^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec( query );
+				
+				if ( match && (context.nodeType === 1 || context.nodeType === 9) ) {
+					// Speed-up: Sizzle("TAG")
+					if ( match[1] ) {
+						return makeArray( context.getElementsByTagName( query ), extra );
+					
+					// Speed-up: Sizzle(".CLASS")
+					} else if ( match[2] && Expr.find.CLASS && context.getElementsByClassName ) {
+						return makeArray( context.getElementsByClassName( match[2] ), extra );
+					}
+				}
+				
+				if ( context.nodeType === 9 ) {
+					// Speed-up: Sizzle("body")
+					// The body element only exists once, optimize finding it
+					if ( query === "body" && context.body ) {
+						return makeArray( [ context.body ], extra );
+						
+					// Speed-up: Sizzle("#ID")
+					} else if ( match && match[3] ) {
+						var elem = context.getElementById( match[3] );
+
+						// Check parentNode to catch when Blackberry 4.6 returns
+						// nodes that are no longer in the document #6963
+						if ( elem && elem.parentNode ) {
+							// Handle the case where IE and Opera return items
+							// by name instead of ID
+							if ( elem.id === match[3] ) {
+								return makeArray( [ elem ], extra );
+							}
+							
+						} else {
+							return makeArray( [], extra );
+						}
+					}
+					
+					try {
+						return makeArray( context.querySelectorAll(query), extra );
+					} catch(qsaError) {}
+
+				// qSA works strangely on Element-rooted queries
+				// We can work around this by specifying an extra ID on the root
+				// and working up from there (Thanks to Andrew Dupont for the technique)
+				// IE 8 doesn't work on object elements
+				} else if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
+					var oldContext = context,
+						old = context.getAttribute( "id" ),
+						nid = old || id,
+						hasParent = context.parentNode,
+						relativeHierarchySelector = /^\s*[+~]/.test( query );
+
+					if ( !old ) {
+						context.setAttribute( "id", nid );
+					} else {
+						nid = nid.replace( /'/g, "\\$&" );
+					}
+					if ( relativeHierarchySelector && hasParent ) {
+						context = context.parentNode;
+					}
+
+					try {
+						if ( !relativeHierarchySelector || hasParent ) {
+							return makeArray( context.querySelectorAll( "[id='" + nid + "'] " + query ), extra );
+						}
+
+					} catch(pseudoError) {
+					} finally {
+						if ( !old ) {
+							oldContext.removeAttribute( "id" );
+						}
+					}
+				}
+			}
+		
+			return oldSizzle(query, context, extra, seed);
+		};
+
+		for ( var prop in oldSizzle ) {
+			Sizzle[ prop ] = oldSizzle[ prop ];
+		}
+
+		// release memory in IE
+		div = null;
+	})();
+}
+
+(function(){
+	var html = document.documentElement,
+		matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector,
+		pseudoWorks = false;
+
+	try {
+		// This should fail with an exception
+		// Gecko does not error, returns false instead
+		matches.call( document.documentElement, "[test!='']:sizzle" );
+	
+	} catch( pseudoError ) {
+		pseudoWorks = true;
+	}
+
+	if ( matches ) {
+		Sizzle.matchesSelector = function( node, expr ) {
+			// Make sure that attribute selectors are quoted
+			expr = expr.replace(/\=\s*([^'"\]]*)\s*\]/g, "='$1']");
+
+			if ( !Sizzle.isXML( node ) ) {
+				try { 
+					if ( pseudoWorks || !Expr.match.PSEUDO.test( expr ) && !/!=/.test( expr ) ) {
+						return matches.call( node, expr );
+					}
+				} catch(e) {}
+			}
+
+			return Sizzle(expr, null, null, [node]).length > 0;
+		};
+	}
+})();
+
+(function(){
+	var div = document.createElement("div");
+
+	div.innerHTML = "<div class='test e'></div><div class='test'></div>";
+
+	// Opera can't find a second classname (in 9.6)
+	// Also, make sure that getElementsByClassName actually exists
+	if ( !div.getElementsByClassName || div.getElementsByClassName("e").length === 0 ) {
+		return;
+	}
+
+	// Safari caches class attributes, doesn't catch changes (in 3.2)
+	div.lastChild.className = "e";
+
+	if ( div.getElementsByClassName("e").length === 1 ) {
+		return;
+	}
+	
+	Expr.order.splice(1, 0, "CLASS");
+	Expr.find.CLASS = function( match, context, isXML ) {
+		if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
+			return context.getElementsByClassName(match[1]);
+		}
+	};
+
+	// release memory in IE
+	div = null;
+})();
+
+function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
+	for ( var i = 0, l = checkSet.length; i < l; i++ ) {
+		var elem = checkSet[i];
+
+		if ( elem ) {
+			var match = false;
+
+			elem = elem[dir];
+
+			while ( elem ) {
+				if ( elem.sizcache === doneName ) {
+					match = checkSet[elem.sizset];
+					break;
+				}
+
+				if ( elem.nodeType === 1 && !isXML ){
+					elem.sizcache = doneName;
+					elem.sizset = i;
+				}
+
+				if ( elem.nodeName.toLowerCase() === cur ) {
+					match = elem;
+					break;
+				}
+
+				elem = elem[dir];
+			}
+
+			checkSet[i] = match;
+		}
+	}
+}
+
+function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
+	for ( var i = 0, l = checkSet.length; i < l; i++ ) {
+		var elem = checkSet[i];
+
+		if ( elem ) {
+			var match = false;
+			
+			elem = elem[dir];
+
+			while ( elem ) {
+				if ( elem.sizcache === doneName ) {
+					match = checkSet[elem.sizset];
+					break;
+				}
+
+				if ( elem.nodeType === 1 ) {
+					if ( !isXML ) {
+						elem.sizcache = doneName;
+						elem.sizset = i;
+					}
+
+					if ( typeof cur !== "string" ) {
+						if ( elem === cur ) {
+							match = true;
+							break;
+						}
+
+					} else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
+						match = elem;
+						break;
+					}
+				}
+
+				elem = elem[dir];
+			}
+
+			checkSet[i] = match;
+		}
+	}
+}
+
+if ( document.documentElement.contains ) {
+	Sizzle.contains = function( a, b ) {
+		return a !== b && (a.contains ? a.contains(b) : true);
+	};
+
+} else if ( document.documentElement.compareDocumentPosition ) {
+	Sizzle.contains = function( a, b ) {
+		return !!(a.compareDocumentPosition(b) & 16);
+	};
+
+} else {
+	Sizzle.contains = function() {
+		return false;
+	};
+}
+
+Sizzle.isXML = function( elem ) {
+	// documentElement is verified for cases where it doesn't yet exist
+	// (such as loading iframes in IE - #4833) 
+	var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement;
+
+	return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+var posProcess = function( selector, context ) {
+	var match,
+		tmpSet = [],
+		later = "",
+		root = context.nodeType ? [context] : context;
+
+	// Position selectors must be done after the filter
+	// And so must :not(positional) so we move all PSEUDOs to the end
+	while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
+		later += match[0];
+		selector = selector.replace( Expr.match.PSEUDO, "" );
+	}
+
+	selector = Expr.relative[selector] ? selector + "*" : selector;
+
+	for ( var i = 0, l = root.length; i < l; i++ ) {
+		Sizzle( selector, root[i], tmpSet );
+	}
+
+	return Sizzle.filter( later, tmpSet );
+};
+
+// EXPOSE
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[":"] = jQuery.expr.filters;
+jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+
+
+})();
+
+
+var runtil = /Until$/,
+	rparentsprev = /^(?:parents|prevUntil|prevAll)/,
+	// Note: This RegExp should be improved, or likely pulled from Sizzle
+	rmultiselector = /,/,
+	isSimple = /^.[^:#\[\.,]*$/,
+	slice = Array.prototype.slice,
+	POS = jQuery.expr.match.POS,
+	// methods guaranteed to produce a unique set when starting from a unique set
+	guaranteedUnique = {
+		children: true,
+		contents: true,
+		next: true,
+		prev: true
+	};
+
+jQuery.fn.extend({
+	find: function( selector ) {
+		var ret = this.pushStack( "", "find", selector ),
+			length = 0;
+
+		for ( var i = 0, l = this.length; i < l; i++ ) {
+			length = ret.length;
+			jQuery.find( selector, this[i], ret );
+
+			if ( i > 0 ) {
+				// Make sure that the results are unique
+				for ( var n = length; n < ret.length; n++ ) {
+					for ( var r = 0; r < length; r++ ) {
+						if ( ret[r] === ret[n] ) {
+							ret.splice(n--, 1);
+							break;
+						}
+					}
+				}
+			}
+		}
+
+		return ret;
+	},
+
+	has: function( target ) {
+		var targets = jQuery( target );
+		return this.filter(function() {
+			for ( var i = 0, l = targets.length; i < l; i++ ) {
+				if ( jQuery.contains( this, targets[i] ) ) {
+					return true;
+				}
+			}
+		});
+	},
+
+	not: function( selector ) {
+		return this.pushStack( winnow(this, selector, false), "not", selector);
+	},
+
+	filter: function( selector ) {
+		return this.pushStack( winnow(this, selector, true), "filter", selector );
+	},
+
+	is: function( selector ) {
+		return !!selector && jQuery.filter( selector, this ).length > 0;
+	},
+
+	closest: function( selectors, context ) {
+		var ret = [], i, l, cur = this[0];
+
+		if ( jQuery.isArray( selectors ) ) {
+			var match, selector,
+				matches = {},
+				level = 1;
+
+			if ( cur && selectors.length ) {
+				for ( i = 0, l = selectors.length; i < l; i++ ) {
+					selector = selectors[i];
+
+					if ( !matches[selector] ) {
+						matches[selector] = jQuery.expr.match.POS.test( selector ) ?
+							jQuery( selector, context || this.context ) :
+							selector;
+					}
+				}
+
+				while ( cur && cur.ownerDocument && cur !== context ) {
+					for ( selector in matches ) {
+						match = matches[selector];
+
+						if ( match.jquery ? match.index(cur) > -1 : jQuery(cur).is(match) ) {
+							ret.push({ selector: selector, elem: cur, level: level });
+						}
+					}
+
+					cur = cur.parentNode;
+					level++;
+				}
+			}
+
+			return ret;
+		}
+
+		var pos = POS.test( selectors ) ?
+			jQuery( selectors, context || this.context ) : null;
+
+		for ( i = 0, l = this.length; i < l; i++ ) {
+			cur = this[i];
+
+			while ( cur ) {
+				if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) {
+					ret.push( cur );
+					break;
+
+				} else {
+					cur = cur.parentNode;
+					if ( !cur || !cur.ownerDocument || cur === context ) {
+						break;
+					}
+				}
+			}
+		}
+
+		ret = ret.length > 1 ? jQuery.unique(ret) : ret;
+
+		return this.pushStack( ret, "closest", selectors );
+	},
+
+	// Determine the position of an element within
+	// the matched set of elements
+	index: function( elem ) {
+		if ( !elem || typeof elem === "string" ) {
+			return jQuery.inArray( this[0],
+				// If it receives a string, the selector is used
+				// If it receives nothing, the siblings are used
+				elem ? jQuery( elem ) : this.parent().children() );
+		}
+		// Locate the position of the desired element
+		return jQuery.inArray(
+			// If it receives a jQuery object, the first element is used
+			elem.jquery ? elem[0] : elem, this );
+	},
+
+	add: function( selector, context ) {
+		var set = typeof selector === "string" ?
+				jQuery( selector, context ) :
+				jQuery.makeArray( selector ),
+			all = jQuery.merge( this.get(), set );
+
+		return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ?
+			all :
+			jQuery.unique( all ) );
+	},
+
+	andSelf: function() {
+		return this.add( this.prevObject );
+	}
+});
+
+// A painfully simple check to see if an element is disconnected
+// from a document (should be improved, where feasible).
+function isDisconnected( node ) {
+	return !node || !node.parentNode || node.parentNode.nodeType === 11;
+}
+
+jQuery.each({
+	parent: function( elem ) {
+		var parent = elem.parentNode;
+		return parent && parent.nodeType !== 11 ? parent : null;
+	},
+	parents: function( elem ) {
+		return jQuery.dir( elem, "parentNode" );
+	},
+	parentsUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "parentNode", until );
+	},
+	next: function( elem ) {
+		return jQuery.nth( elem, 2, "nextSibling" );
+	},
+	prev: function( elem ) {
+		return jQuery.nth( elem, 2, "previousSibling" );
+	},
+	nextAll: function( elem ) {
+		return jQuery.dir( elem, "nextSibling" );
+	},
+	prevAll: function( elem ) {
+		return jQuery.dir( elem, "previousSibling" );
+	},
+	nextUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "nextSibling", until );
+	},
+	prevUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "previousSibling", until );
+	},
+	siblings: function( elem ) {
+		return jQuery.sibling( elem.parentNode.firstChild, elem );
+	},
+	children: function( elem ) {
+		return jQuery.sibling( elem.firstChild );
+	},
+	contents: function( elem ) {
+		return jQuery.nodeName( elem, "iframe" ) ?
+			elem.contentDocument || elem.contentWindow.document :
+			jQuery.makeArray( elem.childNodes );
+	}
+}, function( name, fn ) {
+	jQuery.fn[ name ] = function( until, selector ) {
+		var ret = jQuery.map( this, fn, until ),
+			// The variable 'args' was introduced in
+			// https://github.com/jquery/jquery/commit/52a0238
+			// to work around a bug in Chrome 10 (Dev) and should be removed when the bug is fixed.
+			// http://code.google.com/p/v8/issues/detail?id=1050
+			args = slice.call(arguments);
+
+		if ( !runtil.test( name ) ) {
+			selector = until;
+		}
+
+		if ( selector && typeof selector === "string" ) {
+			ret = jQuery.filter( selector, ret );
+		}
+
+		ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret;
+
+		if ( (this.length > 1 || rmultiselector.test( selector )) && rparentsprev.test( name ) ) {
+			ret = ret.reverse();
+		}
+
+		return this.pushStack( ret, name, args.join(",") );
+	};
+});
+
+jQuery.extend({
+	filter: function( expr, elems, not ) {
+		if ( not ) {
+			expr = ":not(" + expr + ")";
+		}
+
+		return elems.length === 1 ?
+			jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] :
+			jQuery.find.matches(expr, elems);
+	},
+
+	dir: function( elem, dir, until ) {
+		var matched = [],
+			cur = elem[ dir ];
+
+		while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
+			if ( cur.nodeType === 1 ) {
+				matched.push( cur );
+			}
+			cur = cur[dir];
+		}
+		return matched;
+	},
+
+	nth: function( cur, result, dir, elem ) {
+		result = result || 1;
+		var num = 0;
+
+		for ( ; cur; cur = cur[dir] ) {
+			if ( cur.nodeType === 1 && ++num === result ) {
+				break;
+			}
+		}
+
+		return cur;
+	},
+
+	sibling: function( n, elem ) {
+		var r = [];
+
+		for ( ; n; n = n.nextSibling ) {
+			if ( n.nodeType === 1 && n !== elem ) {
+				r.push( n );
+			}
+		}
+
+		return r;
+	}
+});
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, keep ) {
+	if ( jQuery.isFunction( qualifier ) ) {
+		return jQuery.grep(elements, function( elem, i ) {
+			var retVal = !!qualifier.call( elem, i, elem );
+			return retVal === keep;
+		});
+
+	} else if ( qualifier.nodeType ) {
+		return jQuery.grep(elements, function( elem, i ) {
+			return (elem === qualifier) === keep;
+		});
+
+	} else if ( typeof qualifier === "string" ) {
+		var filtered = jQuery.grep(elements, function( elem ) {
+			return elem.nodeType === 1;
+		});
+
+		if ( isSimple.test( qualifier ) ) {
+			return jQuery.filter(qualifier, filtered, !keep);
+		} else {
+			qualifier = jQuery.filter( qualifier, filtered );
+		}
+	}
+
+	return jQuery.grep(elements, function( elem, i ) {
+		return (jQuery.inArray( elem, qualifier ) >= 0) === keep;
+	});
+}
+
+
+
+
+var rinlinejQuery = / jQuery\d+="(?:\d+|null)"/g,
+	rleadingWhitespace = /^\s+/,
+	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
+	rtagName = /<([\w:]+)/,
+	rtbody = /<tbody/i,
+	rhtml = /<|&#?\w+;/,
+	rnocache = /<(?:script|object|embed|option|style)/i,
+	// checked="checked" or checked
+	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+	wrapMap = {
+		option: [ 1, "<select multiple='multiple'>", "</select>" ],
+		legend: [ 1, "<fieldset>", "</fieldset>" ],
+		thead: [ 1, "<table>", "</table>" ],
+		tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+		td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+		col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
+		area: [ 1, "<map>", "</map>" ],
+		_default: [ 0, "", "" ]
+	};
+
+wrapMap.optgroup = wrapMap.option;
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+// IE can't serialize <link> and <script> tags normally
+if ( !jQuery.support.htmlSerialize ) {
+	wrapMap._default = [ 1, "div<div>", "</div>" ];
+}
+
+jQuery.fn.extend({
+	text: function( text ) {
+		if ( jQuery.isFunction(text) ) {
+			return this.each(function(i) {
+				var self = jQuery( this );
+
+				self.text( text.call(this, i, self.text()) );
+			});
+		}
+
+		if ( typeof text !== "object" && text !== undefined ) {
+			return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
+		}
+
+		return jQuery.text( this );
+	},
+
+	wrapAll: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapAll( html.call(this, i) );
+			});
+		}
+
+		if ( this[0] ) {
+			// The elements to wrap the target around
+			var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
+
+			if ( this[0].parentNode ) {
+				wrap.insertBefore( this[0] );
+			}
+
+			wrap.map(function() {
+				var elem = this;
+
+				while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
+					elem = elem.firstChild;
+				}
+
+				return elem;
+			}).append(this);
+		}
+
+		return this;
+	},
+
+	wrapInner: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapInner( html.call(this, i) );
+			});
+		}
+
+		return this.each(function() {
+			var self = jQuery( this ),
+				contents = self.contents();
+
+			if ( contents.length ) {
+				contents.wrapAll( html );
+
+			} else {
+				self.append( html );
+			}
+		});
+	},
+
+	wrap: function( html ) {
+		return this.each(function() {
+			jQuery( this ).wrapAll( html );
+		});
+	},
+
+	unwrap: function() {
+		return this.parent().each(function() {
+			if ( !jQuery.nodeName( this, "body" ) ) {
+				jQuery( this ).replaceWith( this.childNodes );
+			}
+		}).end();
+	},
+
+	append: function() {
+		return this.domManip(arguments, true, function( elem ) {
+			if ( this.nodeType === 1 ) {
+				this.appendChild( elem );
+			}
+		});
+	},
+
+	prepend: function() {
+		return this.domManip(arguments, true, function( elem ) {
+			if ( this.nodeType === 1 ) {
+				this.insertBefore( elem, this.firstChild );
+			}
+		});
+	},
+
+	before: function() {
+		if ( this[0] && this[0].parentNode ) {
+			return this.domManip(arguments, false, function( elem ) {
+				this.parentNode.insertBefore( elem, this );
+			});
+		} else if ( arguments.length ) {
+			var set = jQuery(arguments[0]);
+			set.push.apply( set, this.toArray() );
+			return this.pushStack( set, "before", arguments );
+		}
+	},
+
+	after: function() {
+		if ( this[0] && this[0].parentNode ) {
+			return this.domManip(arguments, false, function( elem ) {
+				this.parentNode.insertBefore( elem, this.nextSibling );
+			});
+		} else if ( arguments.length ) {
+			var set = this.pushStack( this, "after", arguments );
+			set.push.apply( set, jQuery(arguments[0]).toArray() );
+			return set;
+		}
+	},
+
+	// keepData is for internal use only--do not document
+	remove: function( selector, keepData ) {
+		for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
+			if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
+				if ( !keepData && elem.nodeType === 1 ) {
+					jQuery.cleanData( elem.getElementsByTagName("*") );
+					jQuery.cleanData( [ elem ] );
+				}
+
+				if ( elem.parentNode ) {
+					elem.parentNode.removeChild( elem );
+				}
+			}
+		}
+
+		return this;
+	},
+
+	empty: function() {
+		for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
+			// Remove element nodes and prevent memory leaks
+			if ( elem.nodeType === 1 ) {
+				jQuery.cleanData( elem.getElementsByTagName("*") );
+			}
+
+			// Remove any remaining nodes
+			while ( elem.firstChild ) {
+				elem.removeChild( elem.firstChild );
+			}
+		}
+
+		return this;
+	},
+
+	clone: function( dataAndEvents, deepDataAndEvents ) {
+		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+		return this.map( function () {
+			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+		});
+	},
+
+	html: function( value ) {
+		if ( value === undefined ) {
+			return this[0] && this[0].nodeType === 1 ?
+				this[0].innerHTML.replace(rinlinejQuery, "") :
+				null;
+
+		// See if we can take a shortcut and just use innerHTML
+		} else if ( typeof value === "string" && !rnocache.test( value ) &&
+			(jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value )) &&
+			!wrapMap[ (rtagName.exec( value ) || ["", ""])[1].toLowerCase() ] ) {
+
+			value = value.replace(rxhtmlTag, "<$1></$2>");
+
+			try {
+				for ( var i = 0, l = this.length; i < l; i++ ) {
+					// Remove element nodes and prevent memory leaks
+					if ( this[i].nodeType === 1 ) {
+						jQuery.cleanData( this[i].getElementsByTagName("*") );
+						this[i].innerHTML = value;
+					}
+				}
+
+			// If using innerHTML throws an exception, use the fallback method
+			} catch(e) {
+				this.empty().append( value );
+			}
+
+		} else if ( jQuery.isFunction( value ) ) {
+			this.each(function(i){
+				var self = jQuery( this );
+
+				self.html( value.call(this, i, self.html()) );
+			});
+
+		} else {
+			this.empty().append( value );
+		}
+
+		return this;
+	},
+
+	replaceWith: function( value ) {
+		if ( this[0] && this[0].parentNode ) {
+			// Make sure that the elements are removed from the DOM before they are inserted
+			// this can help fix replacing a parent with child elements
+			if ( jQuery.isFunction( value ) ) {
+				return this.each(function(i) {
+					var self = jQuery(this), old = self.html();
+					self.replaceWith( value.call( this, i, old ) );
+				});
+			}
+
+			if ( typeof value !== "string" ) {
+				value = jQuery( value ).detach();
+			}
+
+			return this.each(function() {
+				var next = this.nextSibling,
+					parent = this.parentNode;
+
+				jQuery( this ).remove();
+
+				if ( next ) {
+					jQuery(next).before( value );
+				} else {
+					jQuery(parent).append( value );
+				}
+			});
+		} else {
+			return this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value );
+		}
+	},
+
+	detach: function( selector ) {
+		return this.remove( selector, true );
+	},
+
+	domManip: function( args, table, callback ) {
+		var results, first, fragment, parent,
+			value = args[0],
+			scripts = [];
+
+		// We can't cloneNode fragments that contain checked, in WebKit
+		if ( !jQuery.support.checkClone && arguments.length === 3 && typeof value === "string" && rchecked.test( value ) ) {
+			return this.each(function() {
+				jQuery(this).domManip( args, table, callback, true );
+			});
+		}
+
+		if ( jQuery.isFunction(value) ) {
+			return this.each(function(i) {
+				var self = jQuery(this);
+				args[0] = value.call(this, i, table ? self.html() : undefined);
+				self.domManip( args, table, callback );
+			});
+		}
+
+		if ( this[0] ) {
+			parent = value && value.parentNode;
+
+			// If we're in a fragment, just use that instead of building a new one
+			if ( jQuery.support.parentNode && parent && parent.nodeType === 11 && parent.childNodes.length === this.length ) {
+				results = { fragment: parent };
+
+			} else {
+				results = jQuery.buildFragment( args, this, scripts );
+			}
+
+			fragment = results.fragment;
+
+			if ( fragment.childNodes.length === 1 ) {
+				first = fragment = fragment.firstChild;
+			} else {
+				first = fragment.firstChild;
+			}
+
+			if ( first ) {
+				table = table && jQuery.nodeName( first, "tr" );
+
+				for ( var i = 0, l = this.length, lastIndex = l - 1; i < l; i++ ) {
+					callback.call(
+						table ?
+							root(this[i], first) :
+							this[i],
+						// Make sure that we do not leak memory by inadvertently discarding
+						// the original fragment (which might have attached data) instead of
+						// using it; in addition, use the original fragment object for the last
+						// item instead of first because it can end up being emptied incorrectly
+						// in certain situations (Bug #8070).
+						// Fragments from the fragment cache must always be cloned and never used
+						// in place.
+						results.cacheable || (l > 1 && i < lastIndex) ?
+							jQuery.clone( fragment, true, true ) :
+							fragment
+					);
+				}
+			}
+
+			if ( scripts.length ) {
+				jQuery.each( scripts, evalScript );
+			}
+		}
+
+		return this;
+	}
+});
+
+function root( elem, cur ) {
+	return jQuery.nodeName(elem, "table") ?
+		(elem.getElementsByTagName("tbody")[0] ||
+		elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
+		elem;
+}
+
+function cloneCopyEvent( src, dest ) {
+
+	if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
+		return;
+	}
+
+	var internalKey = jQuery.expando,
+		oldData = jQuery.data( src ),
+		curData = jQuery.data( dest, oldData );
+
+	// Switch to use the internal data object, if it exists, for the next
+	// stage of data copying
+	if ( (oldData = oldData[ internalKey ]) ) {
+		var events = oldData.events;
+				curData = curData[ internalKey ] = jQuery.extend({}, oldData);
+
+		if ( events ) {
+			delete curData.handle;
+			curData.events = {};
+
+			for ( var type in events ) {
+				for ( var i = 0, l = events[ type ].length; i < l; i++ ) {
+					jQuery.event.add( dest, type + ( events[ type ][ i ].namespace ? "." : "" ) + events[ type ][ i ].namespace, events[ type ][ i ], events[ type ][ i ].data );
+				}
+			}
+		}
+	}
+}
+
+function cloneFixAttributes(src, dest) {
+	// We do not need to do anything for non-Elements
+	if ( dest.nodeType !== 1 ) {
+		return;
+	}
+
+	var nodeName = dest.nodeName.toLowerCase();
+
+	// clearAttributes removes the attributes, which we don't want,
+	// but also removes the attachEvent events, which we *do* want
+	dest.clearAttributes();
+
+	// mergeAttributes, in contrast, only merges back on the
+	// original attributes, not the events
+	dest.mergeAttributes(src);
+
+	// IE6-8 fail to clone children inside object elements that use
+	// the proprietary classid attribute value (rather than the type
+	// attribute) to identify the type of content to display
+	if ( nodeName === "object" ) {
+		dest.outerHTML = src.outerHTML;
+
+	} else if ( nodeName === "input" && (src.type === "checkbox" || src.type === "radio") ) {
+		// IE6-8 fails to persist the checked state of a cloned checkbox
+		// or radio button. Worse, IE6-7 fail to give the cloned element
+		// a checked appearance if the defaultChecked value isn't also set
+		if ( src.checked ) {
+			dest.defaultChecked = dest.checked = src.checked;
+		}
+
+		// IE6-7 get confused and end up setting the value of a cloned
+		// checkbox/radio button to an empty string instead of "on"
+		if ( dest.value !== src.value ) {
+			dest.value = src.value;
+		}
+
+	// IE6-8 fails to return the selected option to the default selected
+	// state when cloning options
+	} else if ( nodeName === "option" ) {
+		dest.selected = src.defaultSelected;
+
+	// IE6-8 fails to set the defaultValue to the correct value when
+	// cloning other types of input fields
+	} else if ( nodeName === "input" || nodeName === "textarea" ) {
+		dest.defaultValue = src.defaultValue;
+	}
+
+	// Event data gets referenced instead of copied if the expando
+	// gets copied too
+	dest.removeAttribute( jQuery.expando );
+}
+
+jQuery.buildFragment = function( args, nodes, scripts ) {
+	var fragment, cacheable, cacheresults,
+		doc = (nodes && nodes[0] ? nodes[0].ownerDocument || nodes[0] : document);
+
+	// Only cache "small" (1/2 KB) HTML strings that are associated with the main document
+	// Cloning options loses the selected state, so don't cache them
+	// IE 6 doesn't like it when you put <object> or <embed> elements in a fragment
+	// Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
+	if ( args.length === 1 && typeof args[0] === "string" && args[0].length < 512 && doc === document &&
+		args[0].charAt(0) === "<" && !rnocache.test( args[0] ) && (jQuery.support.checkClone || !rchecked.test( args[0] )) ) {
+
+		cacheable = true;
+		cacheresults = jQuery.fragments[ args[0] ];
+		if ( cacheresults ) {
+			if ( cacheresults !== 1 ) {
+				fragment = cacheresults;
+			}
+		}
+	}
+
+	if ( !fragment ) {
+		fragment = doc.createDocumentFragment();
+		jQuery.clean( args, doc, fragment, scripts );
+	}
+
+	if ( cacheable ) {
+		jQuery.fragments[ args[0] ] = cacheresults ? fragment : 1;
+	}
+
+	return { fragment: fragment, cacheable: cacheable };
+};
+
+jQuery.fragments = {};
+
+jQuery.each({
+	appendTo: "append",
+	prependTo: "prepend",
+	insertBefore: "before",
+	insertAfter: "after",
+	replaceAll: "replaceWith"
+}, function( name, original ) {
+	jQuery.fn[ name ] = function( selector ) {
+		var ret = [],
+			insert = jQuery( selector ),
+			parent = this.length === 1 && this[0].parentNode;
+
+		if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
+			insert[ original ]( this[0] );
+			return this;
+
+		} else {
+			for ( var i = 0, l = insert.length; i < l; i++ ) {
+				var elems = (i > 0 ? this.clone(true) : this).get();
+				jQuery( insert[i] )[ original ]( elems );
+				ret = ret.concat( elems );
+			}
+
+			return this.pushStack( ret, name, insert.selector );
+		}
+	};
+});
+
+function getAll( elem ) {
+	if ( "getElementsByTagName" in elem ) {
+		return elem.getElementsByTagName( "*" );
+	
+	} else if ( "querySelectorAll" in elem ) {
+		return elem.querySelectorAll( "*" );
+
+	} else {
+		return [];
+	}
+}
+
+jQuery.extend({
+	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+		var clone = elem.cloneNode(true),
+				srcElements,
+				destElements,
+				i;
+
+		if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
+				(elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
+			// IE copies events bound via attachEvent when using cloneNode.
+			// Calling detachEvent on the clone will also remove the events
+			// from the original. In order to get around this, we use some
+			// proprietary methods to clear the events. Thanks to MooTools
+			// guys for this hotness.
+
+			cloneFixAttributes( elem, clone );
+
+			// Using Sizzle here is crazy slow, so we use getElementsByTagName
+			// instead
+			srcElements = getAll( elem );
+			destElements = getAll( clone );
+
+			// Weird iteration because IE will replace the length property
+			// with an element if you are cloning the body and one of the
+			// elements on the page has a name or id of "length"
+			for ( i = 0; srcElements[i]; ++i ) {
+				cloneFixAttributes( srcElements[i], destElements[i] );
+			}
+		}
+
+		// Copy the events from the original to the clone
+		if ( dataAndEvents ) {
+			cloneCopyEvent( elem, clone );
+
+			if ( deepDataAndEvents ) {
+				srcElements = getAll( elem );
+				destElements = getAll( clone );
+
+				for ( i = 0; srcElements[i]; ++i ) {
+					cloneCopyEvent( srcElements[i], destElements[i] );
+				}
+			}
+		}
+
+		// Return the cloned set
+		return clone;
+},
+	clean: function( elems, context, fragment, scripts ) {
+		context = context || document;
+
+		// !context.createElement fails in IE with an error but returns typeof 'object'
+		if ( typeof context.createElement === "undefined" ) {
+			context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
+		}
+
+		var ret = [];
+
+		for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
+			if ( typeof elem === "number" ) {
+				elem += "";
+			}
+
+			if ( !elem ) {
+				continue;
+			}
+
+			// Convert html string into DOM nodes
+			if ( typeof elem === "string" && !rhtml.test( elem ) ) {
+				elem = context.createTextNode( elem );
+
+			} else if ( typeof elem === "string" ) {
+				// Fix "XHTML"-style tags in all browsers
+				elem = elem.replace(rxhtmlTag, "<$1></$2>");
+
+				// Trim whitespace, otherwise indexOf won't work as expected
+				var tag = (rtagName.exec( elem ) || ["", ""])[1].toLowerCase(),
+					wrap = wrapMap[ tag ] || wrapMap._default,
+					depth = wrap[0],
+					div = context.createElement("div");
+
+				// Go to html and back, then peel off extra wrappers
+				div.innerHTML = wrap[1] + elem + wrap[2];
+
+				// Move to the right depth
+				while ( depth-- ) {
+					div = div.lastChild;
+				}
+
+				// Remove IE's autoinserted <tbody> from table fragments
+				if ( !jQuery.support.tbody ) {
+
+					// String was a <table>, *may* have spurious <tbody>
+					var hasBody = rtbody.test(elem),
+						tbody = tag === "table" && !hasBody ?
+							div.firstChild && div.firstChild.childNodes :
+
+							// String was a bare <thead> or <tfoot>
+							wrap[1] === "<table>" && !hasBody ?
+								div.childNodes :
+								[];
+
+					for ( var j = tbody.length - 1; j >= 0 ; --j ) {
+						if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) {
+							tbody[ j ].parentNode.removeChild( tbody[ j ] );
+						}
+					}
+
+				}
+
+				// IE completely kills leading whitespace when innerHTML is used
+				if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
+					div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild );
+				}
+
+				elem = div.childNodes;
+			}
+
+			if ( elem.nodeType ) {
+				ret.push( elem );
+			} else {
+				ret = jQuery.merge( ret, elem );
+			}
+		}
+
+		if ( fragment ) {
+			for ( i = 0; ret[i]; i++ ) {
+				if ( scripts && jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
+					scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
+
+				} else {
+					if ( ret[i].nodeType === 1 ) {
+						ret.splice.apply( ret, [i + 1, 0].concat(jQuery.makeArray(ret[i].getElementsByTagName("script"))) );
+					}
+					fragment.appendChild( ret[i] );
+				}
+			}
+		}
+
+		return ret;
+	},
+
+	cleanData: function( elems ) {
+		var data, id, cache = jQuery.cache, internalKey = jQuery.expando, special = jQuery.event.special,
+			deleteExpando = jQuery.support.deleteExpando;
+
+		for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
+			if ( elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()] ) {
+				continue;
+			}
+
+			id = elem[ jQuery.expando ];
+
+			if ( id ) {
+				data = cache[ id ] && cache[ id ][ internalKey ];
+
+				if ( data && data.events ) {
+					for ( var type in data.events ) {
+						if ( special[ type ] ) {
+							jQuery.event.remove( elem, type );
+
+						// This is a shortcut to avoid jQuery.event.remove's overhead
+						} else {
+							jQuery.removeEvent( elem, type, data.handle );
+						}
+					}
+
+					// Null the DOM reference to avoid IE6/7/8 leak (#7054)
+					if ( data.handle ) {
+						data.handle.elem = null;
+					}
+				}
+
+				if ( deleteExpando ) {
+					delete elem[ jQuery.expando ];
+
+				} else if ( elem.removeAttribute ) {
+					elem.removeAttribute( jQuery.expando );
+				}
+
+				delete cache[ id ];
+			}
+		}
+	}
+});
+
+function evalScript( i, elem ) {
+	if ( elem.src ) {
+		jQuery.ajax({
+			url: elem.src,
+			async: false,
+			dataType: "script"
+		});
+	} else {
+		jQuery.globalEval( elem.text || elem.textContent || elem.innerHTML || "" );
+	}
+
+	if ( elem.parentNode ) {
+		elem.parentNode.removeChild( elem );
+	}
+}
+
+
+
+
+var ralpha = /alpha\([^)]*\)/i,
+	ropacity = /opacity=([^)]*)/,
+	rdashAlpha = /-([a-z])/ig,
+	rupper = /([A-Z])/g,
+	rnumpx = /^-?\d+(?:px)?$/i,
+	rnum = /^-?\d/,
+
+	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+	cssWidth = [ "Left", "Right" ],
+	cssHeight = [ "Top", "Bottom" ],
+	curCSS,
+
+	getComputedStyle,
+	currentStyle,
+
+	fcamelCase = function( all, letter ) {
+		return letter.toUpperCase();
+	};
+
+jQuery.fn.css = function( name, value ) {
+	// Setting 'undefined' is a no-op
+	if ( arguments.length === 2 && value === undefined ) {
+		return this;
+	}
+
+	return jQuery.access( this, name, value, true, function( elem, name, value ) {
+		return value !== undefined ?
+			jQuery.style( elem, name, value ) :
+			jQuery.css( elem, name );
+	});
+};
+
+jQuery.extend({
+	// Add in style property hooks for overriding the default
+	// behavior of getting and setting a style property
+	cssHooks: {
+		opacity: {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// We should always get a number back from opacity
+					var ret = curCSS( elem, "opacity", "opacity" );
+					return ret === "" ? "1" : ret;
+
+				} else {
+					return elem.style.opacity;
+				}
+			}
+		}
+	},
+
+	// Exclude the following css properties to add px
+	cssNumber: {
+		"zIndex": true,
+		"fontWeight": true,
+		"opacity": true,
+		"zoom": true,
+		"lineHeight": true
+	},
+
+	// Add in properties whose names you wish to fix before
+	// setting or getting the value
+	cssProps: {
+		// normalize float css property
+		"float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
+	},
+
+	// Get and set the style property on a DOM Node
+	style: function( elem, name, value, extra ) {
+		// Don't set styles on text and comment nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+			return;
+		}
+
+		// Make sure that we're working with the right name
+		var ret, origName = jQuery.camelCase( name ),
+			style = elem.style, hooks = jQuery.cssHooks[ origName ];
+
+		name = jQuery.cssProps[ origName ] || origName;
+
+		// Check if we're setting a value
+		if ( value !== undefined ) {
+			// Make sure that NaN and null values aren't set. See: #7116
+			if ( typeof value === "number" && isNaN( value ) || value == null ) {
+				return;
+			}
+
+			// If a number was passed in, add 'px' to the (except for certain CSS properties)
+			if ( typeof value === "number" && !jQuery.cssNumber[ origName ] ) {
+				value += "px";
+			}
+
+			// If a hook was provided, use that value, otherwise just set the specified value
+			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value )) !== undefined ) {
+				// Wrapped to prevent IE from throwing errors when 'invalid' values are provided
+				// Fixes bug #5509
+				try {
+					style[ name ] = value;
+				} catch(e) {}
+			}
+
+		} else {
+			// If a hook was provided get the non-computed value from there
+			if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
+				return ret;
+			}
+
+			// Otherwise just get the value from the style object
+			return style[ name ];
+		}
+	},
+
+	css: function( elem, name, extra ) {
+		// Make sure that we're working with the right name
+		var ret, origName = jQuery.camelCase( name ),
+			hooks = jQuery.cssHooks[ origName ];
+
+		name = jQuery.cssProps[ origName ] || origName;
+
+		// If a hook was provided get the computed value from there
+		if ( hooks && "get" in hooks && (ret = hooks.get( elem, true, extra )) !== undefined ) {
+			return ret;
+
+		// Otherwise, if a way to get the computed value exists, use that
+		} else if ( curCSS ) {
+			return curCSS( elem, name, origName );
+		}
+	},
+
+	// A method for quickly swapping in/out CSS properties to get correct calculations
+	swap: function( elem, options, callback ) {
+		var old = {};
+
+		// Remember the old values, and insert the new ones
+		for ( var name in options ) {
+			old[ name ] = elem.style[ name ];
+			elem.style[ name ] = options[ name ];
+		}
+
+		callback.call( elem );
+
+		// Revert the old values
+		for ( name in options ) {
+			elem.style[ name ] = old[ name ];
+		}
+	},
+
+	camelCase: function( string ) {
+		return string.replace( rdashAlpha, fcamelCase );
+	}
+});
+
+// DEPRECATED, Use jQuery.css() instead
+jQuery.curCSS = jQuery.css;
+
+jQuery.each(["height", "width"], function( i, name ) {
+	jQuery.cssHooks[ name ] = {
+		get: function( elem, computed, extra ) {
+			var val;
+
+			if ( computed ) {
+				if ( elem.offsetWidth !== 0 ) {
+					val = getWH( elem, name, extra );
+
+				} else {
+					jQuery.swap( elem, cssShow, function() {
+						val = getWH( elem, name, extra );
+					});
+				}
+
+				if ( val <= 0 ) {
+					val = curCSS( elem, name, name );
+
+					if ( val === "0px" && currentStyle ) {
+						val = currentStyle( elem, name, name );
+					}
+
+					if ( val != null ) {
+						// Should return "auto" instead of 0, use 0 for
+						// temporary backwards-compat
+						return val === "" || val === "auto" ? "0px" : val;
+					}
+				}
+
+				if ( val < 0 || val == null ) {
+					val = elem.style[ name ];
+
+					// Should return "auto" instead of 0, use 0 for
+					// temporary backwards-compat
+					return val === "" || val === "auto" ? "0px" : val;
+				}
+
+				return typeof val === "string" ? val : val + "px";
+			}
+		},
+
+		set: function( elem, value ) {
+			if ( rnumpx.test( value ) ) {
+				// ignore negative width and height values #1599
+				value = parseFloat(value);
+
+				if ( value >= 0 ) {
+					return value + "px";
+				}
+
+			} else {
+				return value;
+			}
+		}
+	};
+});
+
+if ( !jQuery.support.opacity ) {
+	jQuery.cssHooks.opacity = {
+		get: function( elem, computed ) {
+			// IE uses filters for opacity
+			return ropacity.test((computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "") ?
+				(parseFloat(RegExp.$1) / 100) + "" :
+				computed ? "1" : "";
+		},
+
+		set: function( elem, value ) {
+			var style = elem.style;
+
+			// IE has trouble with opacity if it does not have layout
+			// Force it by setting the zoom level
+			style.zoom = 1;
+
+			// Set the alpha filter to set the opacity
+			var opacity = jQuery.isNaN(value) ?
+				"" :
+				"alpha(opacity=" + value * 100 + ")",
+				filter = style.filter || "";
+
+			style.filter = ralpha.test(filter) ?
+				filter.replace(ralpha, opacity) :
+				style.filter + ' ' + opacity;
+		}
+	};
+}
+
+if ( document.defaultView && document.defaultView.getComputedStyle ) {
+	getComputedStyle = function( elem, newName, name ) {
+		var ret, defaultView, computedStyle;
+
+		name = name.replace( rupper, "-$1" ).toLowerCase();
+
+		if ( !(defaultView = elem.ownerDocument.defaultView) ) {
+			return undefined;
+		}
+
+		if ( (computedStyle = defaultView.getComputedStyle( elem, null )) ) {
+			ret = computedStyle.getPropertyValue( name );
+			if ( ret === "" && !jQuery.contains( elem.ownerDocument.documentElement, elem ) ) {
+				ret = jQuery.style( elem, name );
+			}
+		}
+
+		return ret;
+	};
+}
+
+if ( document.documentElement.currentStyle ) {
+	currentStyle = function( elem, name ) {
+		var left,
+			ret = elem.currentStyle && elem.currentStyle[ name ],
+			rsLeft = elem.runtimeStyle && elem.runtimeStyle[ name ],
+			style = elem.style;
+
+		// From the awesome hack by Dean Edwards
+		// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+		// If we're not dealing with a regular pixel number
+		// but a number that has a weird ending, we need to convert it to pixels
+		if ( !rnumpx.test( ret ) && rnum.test( ret ) ) {
+			// Remember the original values
+			left = style.left;
+
+			// Put in the new values to get a computed value out
+			if ( rsLeft ) {
+				elem.runtimeStyle.left = elem.currentStyle.left;
+			}
+			style.left = name === "fontSize" ? "1em" : (ret || 0);
+			ret = style.pixelLeft + "px";
+
+			// Revert the changed values
+			style.left = left;
+			if ( rsLeft ) {
+				elem.runtimeStyle.left = rsLeft;
+			}
+		}
+
+		return ret === "" ? "auto" : ret;
+	};
+}
+
+curCSS = getComputedStyle || currentStyle;
+
+function getWH( elem, name, extra ) {
+	var which = name === "width" ? cssWidth : cssHeight,
+		val = name === "width" ? elem.offsetWidth : elem.offsetHeight;
+
+	if ( extra === "border" ) {
+		return val;
+	}
+
+	jQuery.each( which, function() {
+		if ( !extra ) {
+			val -= parseFloat(jQuery.css( elem, "padding" + this )) || 0;
+		}
+
+		if ( extra === "margin" ) {
+			val += parseFloat(jQuery.css( elem, "margin" + this )) || 0;
+
+		} else {
+			val -= parseFloat(jQuery.css( elem, "border" + this + "Width" )) || 0;
+		}
+	});
+
+	return val;
+}
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.hidden = function( elem ) {
+		var width = elem.offsetWidth,
+			height = elem.offsetHeight;
+
+		return (width === 0 && height === 0) || (!jQuery.support.reliableHiddenOffsets && (elem.style.display || jQuery.css( elem, "display" )) === "none");
+	};
+
+	jQuery.expr.filters.visible = function( elem ) {
+		return !jQuery.expr.filters.hidden( elem );
+	};
+}
+
+
+
+
+var r20 = /%20/g,
+	rbracket = /\[\]$/,
+	rCRLF = /\r?\n/g,
+	rhash = /#.*$/,
+	rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
+	rinput = /^(?:color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
+	// #7653, #8125, #8152: local protocol detection
+	rlocalProtocol = /(?:^file|^widget|\-extension):$/,
+	rnoContent = /^(?:GET|HEAD)$/,
+	rprotocol = /^\/\//,
+	rquery = /\?/,
+	rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
+	rselectTextarea = /^(?:select|textarea)/i,
+	rspacesAjax = /\s+/,
+	rts = /([?&])_=[^&]*/,
+	rucHeaders = /(^|\-)([a-z])/g,
+	rucHeadersFunc = function( _, $1, $2 ) {
+		return $1 + $2.toUpperCase();
+	},
+	rurl = /^([\w\+\.\-]+:)\/\/([^\/?#:]*)(?::(\d+))?/,
+
+	// Keep a copy of the old load method
+	_load = jQuery.fn.load,
+
+	/* Prefilters
+	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+	 * 2) These are called:
+	 *    - BEFORE asking for a transport
+	 *    - AFTER param serialization (s.data is a string if s.processData is true)
+	 * 3) key is the dataType
+	 * 4) the catchall symbol "*" can be used
+	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+	 */
+	prefilters = {},
+
+	/* Transports bindings
+	 * 1) key is the dataType
+	 * 2) the catchall symbol "*" can be used
+	 * 3) selection will start with transport dataType and THEN go to "*" if needed
+	 */
+	transports = {},
+
+	// Document location
+	ajaxLocation,
+
+	// Document location segments
+	ajaxLocParts;
+
+// #8138, IE may throw an exception when accessing
+// a field from document.location if document.domain has been set
+try {
+	ajaxLocation = document.location.href;
+} catch( e ) {
+	// Use the href attribute of an A element
+	// since IE will modify it given document.location
+	ajaxLocation = document.createElement( "a" );
+	ajaxLocation.href = "";
+	ajaxLocation = ajaxLocation.href;
+}
+
+// Segment location into parts
+ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() );
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+	// dataTypeExpression is optional and defaults to "*"
+	return function( dataTypeExpression, func ) {
+
+		if ( typeof dataTypeExpression !== "string" ) {
+			func = dataTypeExpression;
+			dataTypeExpression = "*";
+		}
+
+		if ( jQuery.isFunction( func ) ) {
+			var dataTypes = dataTypeExpression.toLowerCase().split( rspacesAjax ),
+				i = 0,
+				length = dataTypes.length,
+				dataType,
+				list,
+				placeBefore;
+
+			// For each dataType in the dataTypeExpression
+			for(; i < length; i++ ) {
+				dataType = dataTypes[ i ];
+				// We control if we're asked to add before
+				// any existing element
+				placeBefore = /^\+/.test( dataType );
+				if ( placeBefore ) {
+					dataType = dataType.substr( 1 ) || "*";
+				}
+				list = structure[ dataType ] = structure[ dataType ] || [];
+				// then we add to the structure accordingly
+				list[ placeBefore ? "unshift" : "push" ]( func );
+			}
+		}
+	};
+}
+
+//Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR,
+		dataType /* internal */, inspected /* internal */ ) {
+
+	dataType = dataType || options.dataTypes[ 0 ];
+	inspected = inspected || {};
+
+	inspected[ dataType ] = true;
+
+	var list = structure[ dataType ],
+		i = 0,
+		length = list ? list.length : 0,
+		executeOnly = ( structure === prefilters ),
+		selection;
+
+	for(; i < length && ( executeOnly || !selection ); i++ ) {
+		selection = list[ i ]( options, originalOptions, jqXHR );
+		// If we got redirected to another dataType
+		// we try there if executing only and not done already
+		if ( typeof selection === "string" ) {
+			if ( !executeOnly || inspected[ selection ] ) {
+				selection = undefined;
+			} else {
+				options.dataTypes.unshift( selection );
+				selection = inspectPrefiltersOrTransports(
+						structure, options, originalOptions, jqXHR, selection, inspected );
+			}
+		}
+	}
+	// If we're only executing or nothing was selected
+	// we try the catchall dataType if not done already
+	if ( ( executeOnly || !selection ) && !inspected[ "*" ] ) {
+		selection = inspectPrefiltersOrTransports(
+				structure, options, originalOptions, jqXHR, "*", inspected );
+	}
+	// unnecessary when only executing (prefilters)
+	// but it'll be ignored by the caller in that case
+	return selection;
+}
+
+jQuery.fn.extend({
+	load: function( url, params, callback ) {
+		if ( typeof url !== "string" && _load ) {
+			return _load.apply( this, arguments );
+
+		// Don't do a request if no elements are being requested
+		} else if ( !this.length ) {
+			return this;
+		}
+
+		var off = url.indexOf( " " );
+		if ( off >= 0 ) {
+			var selector = url.slice( off, url.length );
+			url = url.slice( 0, off );
+		}
+
+		// Default to a GET request
+		var type = "GET";
+
+		// If the second parameter was provided
+		if ( params ) {
+			// If it's a function
+			if ( jQuery.isFunction( params ) ) {
+				// We assume that it's the callback
+				callback = params;
+				params = undefined;
+
+			// Otherwise, build a param string
+			} else if ( typeof params === "object" ) {
+				params = jQuery.param( params, jQuery.ajaxSettings.traditional );
+				type = "POST";
+			}
+		}
+
+		var self = this;
+
+		// Request the remote document
+		jQuery.ajax({
+			url: url,
+			type: type,
+			dataType: "html",
+			data: params,
+			// Complete callback (responseText is used internally)
+			complete: function( jqXHR, status, responseText ) {
+				// Store the response as specified by the jqXHR object
+				responseText = jqXHR.responseText;
+				// If successful, inject the HTML into all the matched elements
+				if ( jqXHR.isResolved() ) {
+					// #4825: Get the actual response in case
+					// a dataFilter is present in ajaxSettings
+					jqXHR.done(function( r ) {
+						responseText = r;
+					});
+					// See if a selector was specified
+					self.html( selector ?
+						// Create a dummy div to hold the results
+						jQuery("<div>")
+							// inject the contents of the document in, removing the scripts
+							// to avoid any 'Permission Denied' errors in IE
+							.append(responseText.replace(rscript, ""))
+
+							// Locate the specified elements
+							.find(selector) :
+
+						// If not, just inject the full result
+						responseText );
+				}
+
+				if ( callback ) {
+					self.each( callback, [ responseText, status, jqXHR ] );
+				}
+			}
+		});
+
+		return this;
+	},
+
+	serialize: function() {
+		return jQuery.param( this.serializeArray() );
+	},
+
+	serializeArray: function() {
+		return this.map(function(){
+			return this.elements ? jQuery.makeArray( this.elements ) : this;
+		})
+		.filter(function(){
+			return this.name && !this.disabled &&
+				( this.checked || rselectTextarea.test( this.nodeName ) ||
+					rinput.test( this.type ) );
+		})
+		.map(function( i, elem ){
+			var val = jQuery( this ).val();
+
+			return val == null ?
+				null :
+				jQuery.isArray( val ) ?
+					jQuery.map( val, function( val, i ){
+						return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+					}) :
+					{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+		}).get();
+	}
+});
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( "ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split( " " ), function( i, o ){
+	jQuery.fn[ o ] = function( f ){
+		return this.bind( o, f );
+	};
+} );
+
+jQuery.each( [ "get", "post" ], function( i, method ) {
+	jQuery[ method ] = function( url, data, callback, type ) {
+		// shift arguments if data argument was omitted
+		if ( jQuery.isFunction( data ) ) {
+			type = type || callback;
+			callback = data;
+			data = undefined;
+		}
+
+		return jQuery.ajax({
+			type: method,
+			url: url,
+			data: data,
+			success: callback,
+			dataType: type
+		});
+	};
+} );
+
+jQuery.extend({
+
+	getScript: function( url, callback ) {
+		return jQuery.get( url, undefined, callback, "script" );
+	},
+
+	getJSON: function( url, data, callback ) {
+		return jQuery.get( url, data, callback, "json" );
+	},
+
+	// Creates a full fledged settings object into target
+	// with both ajaxSettings and settings fields.
+	// If target is omitted, writes into ajaxSettings.
+	ajaxSetup: function ( target, settings ) {
+		if ( !settings ) {
+			// Only one parameter, we extend ajaxSettings
+			settings = target;
+			target = jQuery.extend( true, jQuery.ajaxSettings, settings );
+		} else {
+			// target was provided, we extend into it
+			jQuery.extend( true, target, jQuery.ajaxSettings, settings );
+		}
+		// Flatten fields we don't want deep extended
+		for( var field in { context: 1, url: 1 } ) {
+			if ( field in settings ) {
+				target[ field ] = settings[ field ];
+			} else if( field in jQuery.ajaxSettings ) {
+				target[ field ] = jQuery.ajaxSettings[ field ];
+			}
+		}
+		return target;
+	},
+
+	ajaxSettings: {
+		url: ajaxLocation,
+		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
+		global: true,
+		type: "GET",
+		contentType: "application/x-www-form-urlencoded",
+		processData: true,
+		async: true,
+		/*
+		timeout: 0,
+		data: null,
+		dataType: null,
+		username: null,
+		password: null,
+		cache: null,
+		traditional: false,
+		headers: {},
+		crossDomain: null,
+		*/
+
+		accepts: {
+			xml: "application/xml, text/xml",
+			html: "text/html",
+			text: "text/plain",
+			json: "application/json, text/javascript",
+			"*": "*/*"
+		},
+
+		contents: {
+			xml: /xml/,
+			html: /html/,
+			json: /json/
+		},
+
+		responseFields: {
+			xml: "responseXML",
+			text: "responseText"
+		},
+
+		// List of data converters
+		// 1) key format is "source_type destination_type" (a single space in-between)
+		// 2) the catchall symbol "*" can be used for source_type
+		converters: {
+
+			// Convert anything to text
+			"* text": window.String,
+
+			// Text to html (true = no transformation)
+			"text html": true,
+
+			// Evaluate text as a json expression
+			"text json": jQuery.parseJSON,
+
+			// Parse text as xml
+			"text xml": jQuery.parseXML
+		}
+	},
+
+	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+	ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+	// Main method
+	ajax: function( url, options ) {
+
+		// If url is an object, simulate pre-1.5 signature
+		if ( typeof url === "object" ) {
+			options = url;
+			url = undefined;
+		}
+
+		// Force options to be an object
+		options = options || {};
+
+		var // Create the final options object
+			s = jQuery.ajaxSetup( {}, options ),
+			// Callbacks context
+			callbackContext = s.context || s,
+			// Context for global events
+			// It's the callbackContext if one was provided in the options
+			// and if it's a DOM node or a jQuery collection
+			globalEventContext = callbackContext !== s &&
+				( callbackContext.nodeType || callbackContext instanceof jQuery ) ?
+						jQuery( callbackContext ) : jQuery.event,
+			// Deferreds
+			deferred = jQuery.Deferred(),
+			completeDeferred = jQuery._Deferred(),
+			// Status-dependent callbacks
+			statusCode = s.statusCode || {},
+			// ifModified key
+			ifModifiedKey,
+			// Headers (they are sent all at once)
+			requestHeaders = {},
+			// Response headers
+			responseHeadersString,
+			responseHeaders,
+			// transport
+			transport,
+			// timeout handle
+			timeoutTimer,
+			// Cross-domain detection vars
+			parts,
+			// The jqXHR state
+			state = 0,
+			// To know if global events are to be dispatched
+			fireGlobals,
+			// Loop variable
+			i,
+			// Fake xhr
+			jqXHR = {
+
+				readyState: 0,
+
+				// Caches the header
+				setRequestHeader: function( name, value ) {
+					if ( !state ) {
+						requestHeaders[ name.toLowerCase().replace( rucHeaders, rucHeadersFunc ) ] = value;
+					}
+					return this;
+				},
+
+				// Raw string
+				getAllResponseHeaders: function() {
+					return state === 2 ? responseHeadersString : null;
+				},
+
+				// Builds headers hashtable if needed
+				getResponseHeader: function( key ) {
+					var match;
+					if ( state === 2 ) {
+						if ( !responseHeaders ) {
+							responseHeaders = {};
+							while( ( match = rheaders.exec( responseHeadersString ) ) ) {
+								responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
+							}
+						}
+						match = responseHeaders[ key.toLowerCase() ];
+					}
+					return match === undefined ? null : match;
+				},
+
+				// Overrides response content-type header
+				overrideMimeType: function( type ) {
+					if ( !state ) {
+						s.mimeType = type;
+					}
+					return this;
+				},
+
+				// Cancel the request
+				abort: function( statusText ) {
+					statusText = statusText || "abort";
+					if ( transport ) {
+						transport.abort( statusText );
+					}
+					done( 0, statusText );
+					return this;
+				}
+			};
+
+		// Callback for when everything is done
+		// It is defined here because jslint complains if it is declared
+		// at the end of the function (which would be more logical and readable)
+		function done( status, statusText, responses, headers ) {
+
+			// Called once
+			if ( state === 2 ) {
+				return;
+			}
+
+			// State is "done" now
+			state = 2;
+
+			// Clear timeout if it exists
+			if ( timeoutTimer ) {
+				clearTimeout( timeoutTimer );
+			}
+
+			// Dereference transport for early garbage collection
+			// (no matter how long the jqXHR object will be used)
+			transport = undefined;
+
+			// Cache response headers
+			responseHeadersString = headers || "";
+
+			// Set readyState
+			jqXHR.readyState = status ? 4 : 0;
+
+			var isSuccess,
+				success,
+				error,
+				response = responses ? ajaxHandleResponses( s, jqXHR, responses ) : undefined,
+				lastModified,
+				etag;
+
+			// If successful, handle type chaining
+			if ( status >= 200 && status < 300 || status === 304 ) {
+
+				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+				if ( s.ifModified ) {
+
+					if ( ( lastModified = jqXHR.getResponseHeader( "Last-Modified" ) ) ) {
+						jQuery.lastModified[ ifModifiedKey ] = lastModified;
+					}
+					if ( ( etag = jqXHR.getResponseHeader( "Etag" ) ) ) {
+						jQuery.etag[ ifModifiedKey ] = etag;
+					}
+				}
+
+				// If not modified
+				if ( status === 304 ) {
+
+					statusText = "notmodified";
+					isSuccess = true;
+
+				// If we have data
+				} else {
+
+					try {
+						success = ajaxConvert( s, response );
+						statusText = "success";
+						isSuccess = true;
+					} catch(e) {
+						// We have a parsererror
+						statusText = "parsererror";
+						error = e;
+					}
+				}
+			} else {
+				// We extract error from statusText
+				// then normalize statusText and status for non-aborts
+				error = statusText;
+				if( !statusText || status ) {
+					statusText = "error";
+					if ( status < 0 ) {
+						status = 0;
+					}
+				}
+			}
+
+			// Set data for the fake xhr object
+			jqXHR.status = status;
+			jqXHR.statusText = statusText;
+
+			// Success/Error
+			if ( isSuccess ) {
+				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+			} else {
+				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+			}
+
+			// Status-dependent callbacks
+			jqXHR.statusCode( statusCode );
+			statusCode = undefined;
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajax" + ( isSuccess ? "Success" : "Error" ),
+						[ jqXHR, s, isSuccess ? success : error ] );
+			}
+
+			// Complete
+			completeDeferred.resolveWith( callbackContext, [ jqXHR, statusText ] );
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s] );
+				// Handle the global AJAX counter
+				if ( !( --jQuery.active ) ) {
+					jQuery.event.trigger( "ajaxStop" );
+				}
+			}
+		}
+
+		// Attach deferreds
+		deferred.promise( jqXHR );
+		jqXHR.success = jqXHR.done;
+		jqXHR.error = jqXHR.fail;
+		jqXHR.complete = completeDeferred.done;
+
+		// Status-dependent callbacks
+		jqXHR.statusCode = function( map ) {
+			if ( map ) {
+				var tmp;
+				if ( state < 2 ) {
+					for( tmp in map ) {
+						statusCode[ tmp ] = [ statusCode[tmp], map[tmp] ];
+					}
+				} else {
+					tmp = map[ jqXHR.status ];
+					jqXHR.then( tmp, tmp );
+				}
+			}
+			return this;
+		};
+
+		// Remove hash character (#7531: and string promotion)
+		// Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
+		// We also use the url parameter if available
+		s.url = ( ( url || s.url ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
+
+		// Extract dataTypes list
+		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().split( rspacesAjax );
+
+		// Determine if a cross-domain request is in order
+		if ( !s.crossDomain ) {
+			parts = rurl.exec( s.url.toLowerCase() );
+			s.crossDomain = !!( parts &&
+				( parts[ 1 ] != ajaxLocParts[ 1 ] || parts[ 2 ] != ajaxLocParts[ 2 ] ||
+					( parts[ 3 ] || ( parts[ 1 ] === "http:" ? 80 : 443 ) ) !=
+						( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) ) )
+			);
+		}
+
+		// Convert data if not already a string
+		if ( s.data && s.processData && typeof s.data !== "string" ) {
+			s.data = jQuery.param( s.data, s.traditional );
+		}
+
+		// Apply prefilters
+		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+		// If request was aborted inside a prefiler, stop there
+		if ( state === 2 ) {
+			return false;
+		}
+
+		// We can fire global events as of now if asked to
+		fireGlobals = s.global;
+
+		// Uppercase the type
+		s.type = s.type.toUpperCase();
+
+		// Determine if request has content
+		s.hasContent = !rnoContent.test( s.type );
+
+		// Watch for a new set of requests
+		if ( fireGlobals && jQuery.active++ === 0 ) {
+			jQuery.event.trigger( "ajaxStart" );
+		}
+
+		// More options handling for requests with no content
+		if ( !s.hasContent ) {
+
+			// If data is available, append data to url
+			if ( s.data ) {
+				s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.data;
+			}
+
+			// Get ifModifiedKey before adding the anti-cache parameter
+			ifModifiedKey = s.url;
+
+			// Add anti-cache in url if needed
+			if ( s.cache === false ) {
+
+				var ts = jQuery.now(),
+					// try replacing _= if it is there
+					ret = s.url.replace( rts, "$1_=" + ts );
+
+				// if nothing was replaced, add timestamp to the end
+				s.url = ret + ( (ret === s.url ) ? ( rquery.test( s.url ) ? "&" : "?" ) + "_=" + ts : "" );
+			}
+		}
+
+		// Set the correct header, if data is being sent
+		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+			requestHeaders[ "Content-Type" ] = s.contentType;
+		}
+
+		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+		if ( s.ifModified ) {
+			ifModifiedKey = ifModifiedKey || s.url;
+			if ( jQuery.lastModified[ ifModifiedKey ] ) {
+				requestHeaders[ "If-Modified-Since" ] = jQuery.lastModified[ ifModifiedKey ];
+			}
+			if ( jQuery.etag[ ifModifiedKey ] ) {
+				requestHeaders[ "If-None-Match" ] = jQuery.etag[ ifModifiedKey ];
+			}
+		}
+
+		// Set the Accepts header for the server, depending on the dataType
+		requestHeaders.Accept = s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
+			s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", */*; q=0.01" : "" ) :
+			s.accepts[ "*" ];
+
+		// Check for headers option
+		for ( i in s.headers ) {
+			jqXHR.setRequestHeader( i, s.headers[ i ] );
+		}
+
+		// Allow custom headers/mimetypes and early abort
+		if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
+				// Abort if not done already
+				jqXHR.abort();
+				return false;
+
+		}
+
+		// Install callbacks on deferreds
+		for ( i in { success: 1, error: 1, complete: 1 } ) {
+			jqXHR[ i ]( s[ i ] );
+		}
+
+		// Get transport
+		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+		// If no transport, we auto-abort
+		if ( !transport ) {
+			done( -1, "No Transport" );
+		} else {
+			jqXHR.readyState = 1;
+			// Send global event
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+			}
+			// Timeout
+			if ( s.async && s.timeout > 0 ) {
+				timeoutTimer = setTimeout( function(){
+					jqXHR.abort( "timeout" );
+				}, s.timeout );
+			}
+
+			try {
+				state = 1;
+				transport.send( requestHeaders, done );
+			} catch (e) {
+				// Propagate exception as error if not done
+				if ( status < 2 ) {
+					done( -1, e );
+				// Simply rethrow otherwise
+				} else {
+					jQuery.error( e );
+				}
+			}
+		}
+
+		return jqXHR;
+	},
+
+	// Serialize an array of form elements or a set of
+	// key/values into a query string
+	param: function( a, traditional ) {
+		var s = [],
+			add = function( key, value ) {
+				// If value is a function, invoke it and return its value
+				value = jQuery.isFunction( value ) ? value() : value;
+				s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
+			};
+
+		// Set traditional to true for jQuery <= 1.3.2 behavior.
+		if ( traditional === undefined ) {
+			traditional = jQuery.ajaxSettings.traditional;
+		}
+
+		// If an array was passed in, assume that it is an array of form elements.
+		if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+			// Serialize the form elements
+			jQuery.each( a, function() {
+				add( this.name, this.value );
+			} );
+
+		} else {
+			// If traditional, encode the "old" way (the way 1.3.2 or older
+			// did it), otherwise encode params recursively.
+			for ( var prefix in a ) {
+				buildParams( prefix, a[ prefix ], traditional, add );
+			}
+		}
+
+		// Return the resulting serialization
+		return s.join( "&" ).replace( r20, "+" );
+	}
+});
+
+function buildParams( prefix, obj, traditional, add ) {
+	if ( jQuery.isArray( obj ) && obj.length ) {
+		// Serialize array item.
+		jQuery.each( obj, function( i, v ) {
+			if ( traditional || rbracket.test( prefix ) ) {
+				// Treat each array item as a scalar.
+				add( prefix, v );
+
+			} else {
+				// If array item is non-scalar (array or object), encode its
+				// numeric index to resolve deserialization ambiguity issues.
+				// Note that rack (as of 1.0.0) can't currently deserialize
+				// nested arrays properly, and attempting to do so may cause
+				// a server error. Possible fixes are to modify rack's
+				// deserialization algorithm or to provide an option or flag
+				// to force array serialization to be shallow.
+				buildParams( prefix + "[" + ( typeof v === "object" || jQuery.isArray(v) ? i : "" ) + "]", v, traditional, add );
+			}
+		});
+
+	} else if ( !traditional && obj != null && typeof obj === "object" ) {
+		// If we see an array here, it is empty and should be treated as an empty
+		// object
+		if ( jQuery.isArray( obj ) || jQuery.isEmptyObject( obj ) ) {
+			add( prefix, "" );
+
+		// Serialize object item.
+		} else {
+			for ( var name in obj ) {
+				buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+			}
+		}
+
+	} else {
+		// Serialize scalar item.
+		add( prefix, obj );
+	}
+}
+
+// This is still on the jQuery object... for now
+// Want to move this to jQuery.ajax some day
+jQuery.extend({
+
+	// Counter for holding the number of active queries
+	active: 0,
+
+	// Last-Modified header cache for next request
+	lastModified: {},
+	etag: {}
+
+});
+
+/* Handles responses to an ajax request:
+ * - sets all responseXXX fields accordingly
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+function ajaxHandleResponses( s, jqXHR, responses ) {
+
+	var contents = s.contents,
+		dataTypes = s.dataTypes,
+		responseFields = s.responseFields,
+		ct,
+		type,
+		finalDataType,
+		firstDataType;
+
+	// Fill responseXXX fields
+	for( type in responseFields ) {
+		if ( type in responses ) {
+			jqXHR[ responseFields[type] ] = responses[ type ];
+		}
+	}
+
+	// Remove auto dataType and get content-type in the process
+	while( dataTypes[ 0 ] === "*" ) {
+		dataTypes.shift();
+		if ( ct === undefined ) {
+			ct = s.mimeType || jqXHR.getResponseHeader( "content-type" );
+		}
+	}
+
+	// Check if we're dealing with a known content-type
+	if ( ct ) {
+		for ( type in contents ) {
+			if ( contents[ type ] && contents[ type ].test( ct ) ) {
+				dataTypes.unshift( type );
+				break;
+			}
+		}
+	}
+
+	// Check to see if we have a response for the expected dataType
+	if ( dataTypes[ 0 ] in responses ) {
+		finalDataType = dataTypes[ 0 ];
+	} else {
+		// Try convertible dataTypes
+		for ( type in responses ) {
+			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
+				finalDataType = type;
+				break;
+			}
+			if ( !firstDataType ) {
+				firstDataType = type;
+			}
+		}
+		// Or just use first one
+		finalDataType = finalDataType || firstDataType;
+	}
+
+	// If we found a dataType
+	// We add the dataType to the list if needed
+	// and return the corresponding response
+	if ( finalDataType ) {
+		if ( finalDataType !== dataTypes[ 0 ] ) {
+			dataTypes.unshift( finalDataType );
+		}
+		return responses[ finalDataType ];
+	}
+}
+
+// Chain conversions given the request and the original response
+function ajaxConvert( s, response ) {
+
+	// Apply the dataFilter if provided
+	if ( s.dataFilter ) {
+		response = s.dataFilter( response, s.dataType );
+	}
+
+	var dataTypes = s.dataTypes,
+		converters = {},
+		i,
+		key,
+		length = dataTypes.length,
+		tmp,
+		// Current and previous dataTypes
+		current = dataTypes[ 0 ],
+		prev,
+		// Conversion expression
+		conversion,
+		// Conversion function
+		conv,
+		// Conversion functions (transitive conversion)
+		conv1,
+		conv2;
+
+	// For each dataType in the chain
+	for( i = 1; i < length; i++ ) {
+
+		// Create converters map
+		// with lowercased keys
+		if ( i === 1 ) {
+			for( key in s.converters ) {
+				if( typeof key === "string" ) {
+					converters[ key.toLowerCase() ] = s.converters[ key ];
+				}
+			}
+		}
+
+		// Get the dataTypes
+		prev = current;
+		current = dataTypes[ i ];
+
+		// If current is auto dataType, update it to prev
+		if( current === "*" ) {
+			current = prev;
+		// If no auto and dataTypes are actually different
+		} else if ( prev !== "*" && prev !== current ) {
+
+			// Get the converter
+			conversion = prev + " " + current;
+			conv = converters[ conversion ] || converters[ "* " + current ];
+
+			// If there is no direct converter, search transitively
+			if ( !conv ) {
+				conv2 = undefined;
+				for( conv1 in converters ) {
+					tmp = conv1.split( " " );
+					if ( tmp[ 0 ] === prev || tmp[ 0 ] === "*" ) {
+						conv2 = converters[ tmp[1] + " " + current ];
+						if ( conv2 ) {
+							conv1 = converters[ conv1 ];
+							if ( conv1 === true ) {
+								conv = conv2;
+							} else if ( conv2 === true ) {
+								conv = conv1;
+							}
+							break;
+						}
+					}
+				}
+			}
+			// If we found no converter, dispatch an error
+			if ( !( conv || conv2 ) ) {
+				jQuery.error( "No conversion from " + conversion.replace(" "," to ") );
+			}
+			// If found converter is not an equivalence
+			if ( conv !== true ) {
+				// Convert with 1 or 2 converters accordingly
+				response = conv ? conv( response ) : conv2( conv1(response) );
+			}
+		}
+	}
+	return response;
+}
+
+
+
+
+var jsc = jQuery.now(),
+	jsre = /(\=)\?(&|$)|()\?\?()/i;
+
+// Default jsonp settings
+jQuery.ajaxSetup({
+	jsonp: "callback",
+	jsonpCallback: function() {
+		return jQuery.expando + "_" + ( jsc++ );
+	}
+});
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+	var dataIsString = ( typeof s.data === "string" );
+
+	if ( s.dataTypes[ 0 ] === "jsonp" ||
+		originalSettings.jsonpCallback ||
+		originalSettings.jsonp != null ||
+		s.jsonp !== false && ( jsre.test( s.url ) ||
+				dataIsString && jsre.test( s.data ) ) ) {
+
+		var responseContainer,
+			jsonpCallback = s.jsonpCallback =
+				jQuery.isFunction( s.jsonpCallback ) ? s.jsonpCallback() : s.jsonpCallback,
+			previous = window[ jsonpCallback ],
+			url = s.url,
+			data = s.data,
+			replace = "$1" + jsonpCallback + "$2",
+			cleanUp = function() {
+				// Set callback back to previous value
+				window[ jsonpCallback ] = previous;
+				// Call if it was a function and we have a response
+				if ( responseContainer && jQuery.isFunction( previous ) ) {
+					window[ jsonpCallback ]( responseContainer[ 0 ] );
+				}
+			};
+
+		if ( s.jsonp !== false ) {
+			url = url.replace( jsre, replace );
+			if ( s.url === url ) {
+				if ( dataIsString ) {
+					data = data.replace( jsre, replace );
+				}
+				if ( s.data === data ) {
+					// Add callback manually
+					url += (/\?/.test( url ) ? "&" : "?") + s.jsonp + "=" + jsonpCallback;
+				}
+			}
+		}
+
+		s.url = url;
+		s.data = data;
+
+		// Install callback
+		window[ jsonpCallback ] = function( response ) {
+			responseContainer = [ response ];
+		};
+
+		// Install cleanUp function
+		jqXHR.then( cleanUp, cleanUp );
+
+		// Use data converter to retrieve json after script execution
+		s.converters["script json"] = function() {
+			if ( !responseContainer ) {
+				jQuery.error( jsonpCallback + " was not called" );
+			}
+			return responseContainer[ 0 ];
+		};
+
+		// force json dataType
+		s.dataTypes[ 0 ] = "json";
+
+		// Delegate to script
+		return "script";
+	}
+} );
+
+
+
+
+// Install script dataType
+jQuery.ajaxSetup({
+	accepts: {
+		script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+	},
+	contents: {
+		script: /javascript|ecmascript/
+	},
+	converters: {
+		"text script": function( text ) {
+			jQuery.globalEval( text );
+			return text;
+		}
+	}
+});
+
+// Handle cache's special case and global
+jQuery.ajaxPrefilter( "script", function( s ) {
+	if ( s.cache === undefined ) {
+		s.cache = false;
+	}
+	if ( s.crossDomain ) {
+		s.type = "GET";
+		s.global = false;
+	}
+} );
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function(s) {
+
+	// This transport only deals with cross domain requests
+	if ( s.crossDomain ) {
+
+		var script,
+			head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement;
+
+		return {
+
+			send: function( _, callback ) {
+
+				script = document.createElement( "script" );
+
+				script.async = "async";
+
+				if ( s.scriptCharset ) {
+					script.charset = s.scriptCharset;
+				}
+
+				script.src = s.url;
+
+				// Attach handlers for all browsers
+				script.onload = script.onreadystatechange = function( _, isAbort ) {
+
+					if ( !script.readyState || /loaded|complete/.test( script.readyState ) ) {
+
+						// Handle memory leak in IE
+						script.onload = script.onreadystatechange = null;
+
+						// Remove the script
+						if ( head && script.parentNode ) {
+							head.removeChild( script );
+						}
+
+						// Dereference the script
+						script = undefined;
+
+						// Callback if not abort
+						if ( !isAbort ) {
+							callback( 200, "success" );
+						}
+					}
+				};
+				// Use insertBefore instead of appendChild  to circumvent an IE6 bug.
+				// This arises when a base node is used (#2709 and #4378).
+				head.insertBefore( script, head.firstChild );
+			},
+
+			abort: function() {
+				if ( script ) {
+					script.onload( 0, 1 );
+				}
+			}
+		};
+	}
+} );
+
+
+
+
+var // #5280: next active xhr id and list of active xhrs' callbacks
+	xhrId = jQuery.now(),
+	xhrCallbacks,
+
+	// XHR used to determine supports properties
+	testXHR;
+
+// #5280: Internet Explorer will keep connections alive if we don't abort on unload
+function xhrOnUnloadAbort() {
+	jQuery( window ).unload(function() {
+		// Abort all pending requests
+		for ( var key in xhrCallbacks ) {
+			xhrCallbacks[ key ]( 0, 1 );
+		}
+	});
+}
+
+// Functions to create xhrs
+function createStandardXHR() {
+	try {
+		return new window.XMLHttpRequest();
+	} catch( e ) {}
+}
+
+function createActiveXHR() {
+	try {
+		return new window.ActiveXObject( "Microsoft.XMLHTTP" );
+	} catch( e ) {}
+}
+
+// Create the request object
+// (This is still attached to ajaxSettings for backward compatibility)
+jQuery.ajaxSettings.xhr = window.ActiveXObject ?
+	/* Microsoft failed to properly
+	 * implement the XMLHttpRequest in IE7 (can't request local files),
+	 * so we use the ActiveXObject when it is available
+	 * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
+	 * we need a fallback.
+	 */
+	function() {
+		return !this.isLocal && createStandardXHR() || createActiveXHR();
+	} :
+	// For all other browsers, use the standard XMLHttpRequest object
+	createStandardXHR;
+
+// Test if we can create an xhr object
+testXHR = jQuery.ajaxSettings.xhr();
+jQuery.support.ajax = !!testXHR;
+
+// Does this browser support crossDomain XHR requests
+jQuery.support.cors = testXHR && ( "withCredentials" in testXHR );
+
+// No need for the temporary xhr anymore
+testXHR = undefined;
+
+// Create transport if the browser can provide an xhr
+if ( jQuery.support.ajax ) {
+
+	jQuery.ajaxTransport(function( s ) {
+		// Cross domain only allowed if supported through XMLHttpRequest
+		if ( !s.crossDomain || jQuery.support.cors ) {
+
+			var callback;
+
+			return {
+				send: function( headers, complete ) {
+
+					// Get a new xhr
+					var xhr = s.xhr(),
+						handle,
+						i;
+
+					// Open the socket
+					// Passing null username, generates a login popup on Opera (#2865)
+					if ( s.username ) {
+						xhr.open( s.type, s.url, s.async, s.username, s.password );
+					} else {
+						xhr.open( s.type, s.url, s.async );
+					}
+
+					// Apply custom fields if provided
+					if ( s.xhrFields ) {
+						for ( i in s.xhrFields ) {
+							xhr[ i ] = s.xhrFields[ i ];
+						}
+					}
+
+					// Override mime type if needed
+					if ( s.mimeType && xhr.overrideMimeType ) {
+						xhr.overrideMimeType( s.mimeType );
+					}
+
+					// Requested-With header
+					// Not set for crossDomain requests with no content
+					// (see why at http://trac.dojotoolkit.org/ticket/9486)
+					// Won't change header if already provided
+					if ( !( s.crossDomain && !s.hasContent ) && !headers["X-Requested-With"] ) {
+						headers[ "X-Requested-With" ] = "XMLHttpRequest";
+					}
+
+					// Need an extra try/catch for cross domain requests in Firefox 3
+					try {
+						for ( i in headers ) {
+							xhr.setRequestHeader( i, headers[ i ] );
+						}
+					} catch( _ ) {}
+
+					// Do send the request
+					// This may raise an exception which is actually
+					// handled in jQuery.ajax (so no try/catch here)
+					xhr.send( ( s.hasContent && s.data ) || null );
+
+					// Listener
+					callback = function( _, isAbort ) {
+
+						var status,
+							statusText,
+							responseHeaders,
+							responses,
+							xml;
+
+						// Firefox throws exceptions when accessing properties
+						// of an xhr when a network error occured
+						// http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
+						try {
+
+							// Was never called and is aborted or complete
+							if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
+
+								// Only called once
+								callback = undefined;
+
+								// Do not keep as active anymore
+								if ( handle ) {
+									xhr.onreadystatechange = jQuery.noop;
+									delete xhrCallbacks[ handle ];
+								}
+
+								// If it's an abort
+								if ( isAbort ) {
+									// Abort it manually if needed
+									if ( xhr.readyState !== 4 ) {
+										xhr.abort();
+									}
+								} else {
+									status = xhr.status;
+									responseHeaders = xhr.getAllResponseHeaders();
+									responses = {};
+									xml = xhr.responseXML;
+
+									// Construct response list
+									if ( xml && xml.documentElement /* #4958 */ ) {
+										responses.xml = xml;
+									}
+									responses.text = xhr.responseText;
+
+									// Firefox throws an exception when accessing
+									// statusText for faulty cross-domain requests
+									try {
+										statusText = xhr.statusText;
+									} catch( e ) {
+										// We normalize with Webkit giving an empty statusText
+										statusText = "";
+									}
+
+									// Filter status for non standard behaviors
+
+									// If the request is local and we have data: assume a success
+									// (success with no data won't get notified, that's the best we
+									// can do given current implementations)
+									if ( !status && s.isLocal && !s.crossDomain ) {
+										status = responses.text ? 200 : 404;
+									// IE - #1450: sometimes returns 1223 when it should be 204
+									} else if ( status === 1223 ) {
+										status = 204;
+									}
+								}
+							}
+						} catch( firefoxAccessException ) {
+							if ( !isAbort ) {
+								complete( -1, firefoxAccessException );
+							}
+						}
+
+						// Call complete if needed
+						if ( responses ) {
+							complete( status, statusText, responses, responseHeaders );
+						}
+					};
+
+					// if we're in sync mode or it's in cache
+					// and has been retrieved directly (IE6 & IE7)
+					// we need to manually fire the callback
+					if ( !s.async || xhr.readyState === 4 ) {
+						callback();
+					} else {
+						// Create the active xhrs callbacks list if needed
+						// and attach the unload handler
+						if ( !xhrCallbacks ) {
+							xhrCallbacks = {};
+							xhrOnUnloadAbort();
+						}
+						// Add to list of active xhrs callbacks
+						handle = xhrId++;
+						xhr.onreadystatechange = xhrCallbacks[ handle ] = callback;
+					}
+				},
+
+				abort: function() {
+					if ( callback ) {
+						callback(0,1);
+					}
+				}
+			};
+		}
+	});
+}
+
+
+
+
+var elemdisplay = {},
+	rfxtypes = /^(?:toggle|show|hide)$/,
+	rfxnum = /^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,
+	timerId,
+	fxAttrs = [
+		// height animations
+		[ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ],
+		// width animations
+		[ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ],
+		// opacity animations
+		[ "opacity" ]
+	];
+
+jQuery.fn.extend({
+	show: function( speed, easing, callback ) {
+		var elem, display;
+
+		if ( speed || speed === 0 ) {
+			return this.animate( genFx("show", 3), speed, easing, callback);
+
+		} else {
+			for ( var i = 0, j = this.length; i < j; i++ ) {
+				elem = this[i];
+				display = elem.style.display;
+
+				// Reset the inline display of this element to learn if it is
+				// being hidden by cascaded rules or not
+				if ( !jQuery._data(elem, "olddisplay") && display === "none" ) {
+					display = elem.style.display = "";
+				}
+
+				// Set elements which have been overridden with display: none
+				// in a stylesheet to whatever the default browser style is
+				// for such an element
+				if ( display === "" && jQuery.css( elem, "display" ) === "none" ) {
+					jQuery._data(elem, "olddisplay", defaultDisplay(elem.nodeName));
+				}
+			}
+
+			// Set the display of most of the elements in a second loop
+			// to avoid the constant reflow
+			for ( i = 0; i < j; i++ ) {
+				elem = this[i];
+				display = elem.style.display;
+
+				if ( display === "" || display === "none" ) {
+					elem.style.display = jQuery._data(elem, "olddisplay") || "";
+				}
+			}
+
+			return this;
+		}
+	},
+
+	hide: function( speed, easing, callback ) {
+		if ( speed || speed === 0 ) {
+			return this.animate( genFx("hide", 3), speed, easing, callback);
+
+		} else {
+			for ( var i = 0, j = this.length; i < j; i++ ) {
+				var display = jQuery.css( this[i], "display" );
+
+				if ( display !== "none" && !jQuery._data( this[i], "olddisplay" ) ) {
+					jQuery._data( this[i], "olddisplay", display );
+				}
+			}
+
+			// Set the display of the elements in a second loop
+			// to avoid the constant reflow
+			for ( i = 0; i < j; i++ ) {
+				this[i].style.display = "none";
+			}
+
+			return this;
+		}
+	},
+
+	// Save the old toggle function
+	_toggle: jQuery.fn.toggle,
+
+	toggle: function( fn, fn2, callback ) {
+		var bool = typeof fn === "boolean";
+
+		if ( jQuery.isFunction(fn) && jQuery.isFunction(fn2) ) {
+			this._toggle.apply( this, arguments );
+
+		} else if ( fn == null || bool ) {
+			this.each(function() {
+				var state = bool ? fn : jQuery(this).is(":hidden");
+				jQuery(this)[ state ? "show" : "hide" ]();
+			});
+
+		} else {
+			this.animate(genFx("toggle", 3), fn, fn2, callback);
+		}
+
+		return this;
+	},
+
+	fadeTo: function( speed, to, easing, callback ) {
+		return this.filter(":hidden").css("opacity", 0).show().end()
+					.animate({opacity: to}, speed, easing, callback);
+	},
+
+	animate: function( prop, speed, easing, callback ) {
+		var optall = jQuery.speed(speed, easing, callback);
+
+		if ( jQuery.isEmptyObject( prop ) ) {
+			return this.each( optall.complete );
+		}
+
+		return this[ optall.queue === false ? "each" : "queue" ](function() {
+			// XXX 'this' does not always have a nodeName when running the
+			// test suite
+
+			var opt = jQuery.extend({}, optall), p,
+				isElement = this.nodeType === 1,
+				hidden = isElement && jQuery(this).is(":hidden"),
+				self = this;
+
+			for ( p in prop ) {
+				var name = jQuery.camelCase( p );
+
+				if ( p !== name ) {
+					prop[ name ] = prop[ p ];
+					delete prop[ p ];
+					p = name;
+				}
+
+				if ( prop[p] === "hide" && hidden || prop[p] === "show" && !hidden ) {
+					return opt.complete.call(this);
+				}
+
+				if ( isElement && ( p === "height" || p === "width" ) ) {
+					// Make sure that nothing sneaks out
+					// Record all 3 overflow attributes because IE does not
+					// change the overflow attribute when overflowX and
+					// overflowY are set to the same value
+					opt.overflow = [ this.style.overflow, this.style.overflowX, this.style.overflowY ];
+
+					// Set display property to inline-block for height/width
+					// animations on inline elements that are having width/height
+					// animated
+					if ( jQuery.css( this, "display" ) === "inline" &&
+							jQuery.css( this, "float" ) === "none" ) {
+						if ( !jQuery.support.inlineBlockNeedsLayout ) {
+							this.style.display = "inline-block";
+
+						} else {
+							var display = defaultDisplay(this.nodeName);
+
+							// inline-level elements accept inline-block;
+							// block-level elements need to be inline with layout
+							if ( display === "inline" ) {
+								this.style.display = "inline-block";
+
+							} else {
+								this.style.display = "inline";
+								this.style.zoom = 1;
+							}
+						}
+					}
+				}
+
+				if ( jQuery.isArray( prop[p] ) ) {
+					// Create (if needed) and add to specialEasing
+					(opt.specialEasing = opt.specialEasing || {})[p] = prop[p][1];
+					prop[p] = prop[p][0];
+				}
+			}
+
+			if ( opt.overflow != null ) {
+				this.style.overflow = "hidden";
+			}
+
+			opt.curAnim = jQuery.extend({}, prop);
+
+			jQuery.each( prop, function( name, val ) {
+				var e = new jQuery.fx( self, opt, name );
+
+				if ( rfxtypes.test(val) ) {
+					e[ val === "toggle" ? hidden ? "show" : "hide" : val ]( prop );
+
+				} else {
+					var parts = rfxnum.exec(val),
+						start = e.cur();
+
+					if ( parts ) {
+						var end = parseFloat( parts[2] ),
+							unit = parts[3] || ( jQuery.cssNumber[ name ] ? "" : "px" );
+
+						// We need to compute starting value
+						if ( unit !== "px" ) {
+							jQuery.style( self, name, (end || 1) + unit);
+							start = ((end || 1) / e.cur()) * start;
+							jQuery.style( self, name, start + unit);
+						}
+
+						// If a +=/-= token was provided, we're doing a relative animation
+						if ( parts[1] ) {
+							end = ((parts[1] === "-=" ? -1 : 1) * end) + start;
+						}
+
+						e.custom( start, end, unit );
+
+					} else {
+						e.custom( start, val, "" );
+					}
+				}
+			});
+
+			// For JS strict compliance
+			return true;
+		});
+	},
+
+	stop: function( clearQueue, gotoEnd ) {
+		var timers = jQuery.timers;
+
+		if ( clearQueue ) {
+			this.queue([]);
+		}
+
+		this.each(function() {
+			// go in reverse order so anything added to the queue during the loop is ignored
+			for ( var i = timers.length - 1; i >= 0; i-- ) {
+				if ( timers[i].elem === this ) {
+					if (gotoEnd) {
+						// force the next step to be the last
+						timers[i](true);
+					}
+
+					timers.splice(i, 1);
+				}
+			}
+		});
+
+		// start the next in the queue if the last step wasn't forced
+		if ( !gotoEnd ) {
+			this.dequeue();
+		}
+
+		return this;
+	}
+
+});
+
+function genFx( type, num ) {
+	var obj = {};
+
+	jQuery.each( fxAttrs.concat.apply([], fxAttrs.slice(0,num)), function() {
+		obj[ this ] = type;
+	});
+
+	return obj;
+}
+
+// Generate shortcuts for custom animations
+jQuery.each({
+	slideDown: genFx("show", 1),
+	slideUp: genFx("hide", 1),
+	slideToggle: genFx("toggle", 1),
+	fadeIn: { opacity: "show" },
+	fadeOut: { opacity: "hide" },
+	fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return this.animate( props, speed, easing, callback );
+	};
+});
+
+jQuery.extend({
+	speed: function( speed, easing, fn ) {
+		var opt = speed && typeof speed === "object" ? jQuery.extend({}, speed) : {
+			complete: fn || !fn && easing ||
+				jQuery.isFunction( speed ) && speed,
+			duration: speed,
+			easing: fn && easing || easing && !jQuery.isFunction(easing) && easing
+		};
+
+		opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+			opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[opt.duration] : jQuery.fx.speeds._default;
+
+		// Queueing
+		opt.old = opt.complete;
+		opt.complete = function() {
+			if ( opt.queue !== false ) {
+				jQuery(this).dequeue();
+			}
+			if ( jQuery.isFunction( opt.old ) ) {
+				opt.old.call( this );
+			}
+		};
+
+		return opt;
+	},
+
+	easing: {
+		linear: function( p, n, firstNum, diff ) {
+			return firstNum + diff * p;
+		},
+		swing: function( p, n, firstNum, diff ) {
+			return ((-Math.cos(p*Math.PI)/2) + 0.5) * diff + firstNum;
+		}
+	},
+
+	timers: [],
+
+	fx: function( elem, options, prop ) {
+		this.options = options;
+		this.elem = elem;
+		this.prop = prop;
+
+		if ( !options.orig ) {
+			options.orig = {};
+		}
+	}
+
+});
+
+jQuery.fx.prototype = {
+	// Simple function for setting a style value
+	update: function() {
+		if ( this.options.step ) {
+			this.options.step.call( this.elem, this.now, this );
+		}
+
+		(jQuery.fx.step[this.prop] || jQuery.fx.step._default)( this );
+	},
+
+	// Get the current size
+	cur: function() {
+		if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
+			return this.elem[ this.prop ];
+		}
+
+		var parsed,
+			r = jQuery.css( this.elem, this.prop );
+		// Empty strings, null, undefined and "auto" are converted to 0,
+		// complex values such as "rotate(1rad)" are returned as is,
+		// simple values such as "10px" are parsed to Float.
+		return isNaN( parsed = parseFloat( r ) ) ? !r || r === "auto" ? 0 : r : parsed;
+	},
+
+	// Start an animation from one number to another
+	custom: function( from, to, unit ) {
+		var self = this,
+			fx = jQuery.fx;
+
+		this.startTime = jQuery.now();
+		this.start = from;
+		this.end = to;
+		this.unit = unit || this.unit || ( jQuery.cssNumber[ this.prop ] ? "" : "px" );
+		this.now = this.start;
+		this.pos = this.state = 0;
+
+		function t( gotoEnd ) {
+			return self.step(gotoEnd);
+		}
+
+		t.elem = this.elem;
+
+		if ( t() && jQuery.timers.push(t) && !timerId ) {
+			timerId = setInterval(fx.tick, fx.interval);
+		}
+	},
+
+	// Simple 'show' function
+	show: function() {
+		// Remember where we started, so that we can go back to it later
+		this.options.orig[this.prop] = jQuery.style( this.elem, this.prop );
+		this.options.show = true;
+
+		// Begin the animation
+		// Make sure that we start at a small width/height to avoid any
+		// flash of content
+		this.custom(this.prop === "width" || this.prop === "height" ? 1 : 0, this.cur());
+
+		// Start by showing the element
+		jQuery( this.elem ).show();
+	},
+
+	// Simple 'hide' function
+	hide: function() {
+		// Remember where we started, so that we can go back to it later
+		this.options.orig[this.prop] = jQuery.style( this.elem, this.prop );
+		this.options.hide = true;
+
+		// Begin the animation
+		this.custom(this.cur(), 0);
+	},
+
+	// Each step of an animation
+	step: function( gotoEnd ) {
+		var t = jQuery.now(), done = true;
+
+		if ( gotoEnd || t >= this.options.duration + this.startTime ) {
+			this.now = this.end;
+			this.pos = this.state = 1;
+			this.update();
+
+			this.options.curAnim[ this.prop ] = true;
+
+			for ( var i in this.options.curAnim ) {
+				if ( this.options.curAnim[i] !== true ) {
+					done = false;
+				}
+			}
+
+			if ( done ) {
+				// Reset the overflow
+				if ( this.options.overflow != null && !jQuery.support.shrinkWrapBlocks ) {
+					var elem = this.elem,
+						options = this.options;
+
+					jQuery.each( [ "", "X", "Y" ], function (index, value) {
+						elem.style[ "overflow" + value ] = options.overflow[index];
+					} );
+				}
+
+				// Hide the element if the "hide" operation was done
+				if ( this.options.hide ) {
+					jQuery(this.elem).hide();
+				}
+
+				// Reset the properties, if the item has been hidden or shown
+				if ( this.options.hide || this.options.show ) {
+					for ( var p in this.options.curAnim ) {
+						jQuery.style( this.elem, p, this.options.orig[p] );
+					}
+				}
+
+				// Execute the complete function
+				this.options.complete.call( this.elem );
+			}
+
+			return false;
+
+		} else {
+			var n = t - this.startTime;
+			this.state = n / this.options.duration;
+
+			// Perform the easing function, defaults to swing
+			var specialEasing = this.options.specialEasing && this.options.specialEasing[this.prop];
+			var defaultEasing = this.options.easing || (jQuery.easing.swing ? "swing" : "linear");
+			this.pos = jQuery.easing[specialEasing || defaultEasing](this.state, n, 0, 1, this.options.duration);
+			this.now = this.start + ((this.end - this.start) * this.pos);
+
+			// Perform the next step of the animation
+			this.update();
+		}
+
+		return true;
+	}
+};
+
+jQuery.extend( jQuery.fx, {
+	tick: function() {
+		var timers = jQuery.timers;
+
+		for ( var i = 0; i < timers.length; i++ ) {
+			if ( !timers[i]() ) {
+				timers.splice(i--, 1);
+			}
+		}
+
+		if ( !timers.length ) {
+			jQuery.fx.stop();
+		}
+	},
+
+	interval: 13,
+
+	stop: function() {
+		clearInterval( timerId );
+		timerId = null;
+	},
+
+	speeds: {
+		slow: 600,
+		fast: 200,
+		// Default speed
+		_default: 400
+	},
+
+	step: {
+		opacity: function( fx ) {
+			jQuery.style( fx.elem, "opacity", fx.now );
+		},
+
+		_default: function( fx ) {
+			if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) {
+				fx.elem.style[ fx.prop ] = (fx.prop === "width" || fx.prop === "height" ? Math.max(0, fx.now) : fx.now) + fx.unit;
+			} else {
+				fx.elem[ fx.prop ] = fx.now;
+			}
+		}
+	}
+});
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.animated = function( elem ) {
+		return jQuery.grep(jQuery.timers, function( fn ) {
+			return elem === fn.elem;
+		}).length;
+	};
+}
+
+function defaultDisplay( nodeName ) {
+	if ( !elemdisplay[ nodeName ] ) {
+		var elem = jQuery("<" + nodeName + ">").appendTo("body"),
+			display = elem.css("display");
+
+		elem.remove();
+
+		if ( display === "none" || display === "" ) {
+			display = "block";
+		}
+
+		elemdisplay[ nodeName ] = display;
+	}
+
+	return elemdisplay[ nodeName ];
+}
+
+
+
+
+var rtable = /^t(?:able|d|h)$/i,
+	rroot = /^(?:body|html)$/i;
+
+if ( "getBoundingClientRect" in document.documentElement ) {
+	jQuery.fn.offset = function( options ) {
+		var elem = this[0], box;
+
+		if ( options ) {
+			return this.each(function( i ) {
+				jQuery.offset.setOffset( this, options, i );
+			});
+		}
+
+		if ( !elem || !elem.ownerDocument ) {
+			return null;
+		}
+
+		if ( elem === elem.ownerDocument.body ) {
+			return jQuery.offset.bodyOffset( elem );
+		}
+
+		try {
+			box = elem.getBoundingClientRect();
+		} catch(e) {}
+
+		var doc = elem.ownerDocument,
+			docElem = doc.documentElement;
+
+		// Make sure we're not dealing with a disconnected DOM node
+		if ( !box || !jQuery.contains( docElem, elem ) ) {
+			return box ? { top: box.top, left: box.left } : { top: 0, left: 0 };
+		}
+
+		var body = doc.body,
+			win = getWindow(doc),
+			clientTop  = docElem.clientTop  || body.clientTop  || 0,
+			clientLeft = docElem.clientLeft || body.clientLeft || 0,
+			scrollTop  = (win.pageYOffset || jQuery.support.boxModel && docElem.scrollTop  || body.scrollTop ),
+			scrollLeft = (win.pageXOffset || jQuery.support.boxModel && docElem.scrollLeft || body.scrollLeft),
+			top  = box.top  + scrollTop  - clientTop,
+			left = box.left + scrollLeft - clientLeft;
+
+		return { top: top, left: left };
+	};
+
+} else {
+	jQuery.fn.offset = function( options ) {
+		var elem = this[0];
+
+		if ( options ) {
+			return this.each(function( i ) {
+				jQuery.offset.setOffset( this, options, i );
+			});
+		}
+
+		if ( !elem || !elem.ownerDocument ) {
+			return null;
+		}
+
+		if ( elem === elem.ownerDocument.body ) {
+			return jQuery.offset.bodyOffset( elem );
+		}
+
+		jQuery.offset.initialize();
+
+		var computedStyle,
+			offsetParent = elem.offsetParent,
+			prevOffsetParent = elem,
+			doc = elem.ownerDocument,
+			docElem = doc.documentElement,
+			body = doc.body,
+			defaultView = doc.defaultView,
+			prevComputedStyle = defaultView ? defaultView.getComputedStyle( elem, null ) : elem.currentStyle,
+			top = elem.offsetTop,
+			left = elem.offsetLeft;
+
+		while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) {
+			if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) {
+				break;
+			}
+
+			computedStyle = defaultView ? defaultView.getComputedStyle(elem, null) : elem.currentStyle;
+			top  -= elem.scrollTop;
+			left -= elem.scrollLeft;
+
+			if ( elem === offsetParent ) {
+				top  += elem.offsetTop;
+				left += elem.offsetLeft;
+
+				if ( jQuery.offset.doesNotAddBorder && !(jQuery.offset.doesAddBorderForTableAndCells && rtable.test(elem.nodeName)) ) {
+					top  += parseFloat( computedStyle.borderTopWidth  ) || 0;
+					left += parseFloat( computedStyle.borderLeftWidth ) || 0;
+				}
+
+				prevOffsetParent = offsetParent;
+				offsetParent = elem.offsetParent;
+			}
+
+			if ( jQuery.offset.subtractsBorderForOverflowNotVisible && computedStyle.overflow !== "visible" ) {
+				top  += parseFloat( computedStyle.borderTopWidth  ) || 0;
+				left += parseFloat( computedStyle.borderLeftWidth ) || 0;
+			}
+
+			prevComputedStyle = computedStyle;
+		}
+
+		if ( prevComputedStyle.position === "relative" || prevComputedStyle.position === "static" ) {
+			top  += body.offsetTop;
+			left += body.offsetLeft;
+		}
+
+		if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) {
+			top  += Math.max( docElem.scrollTop, body.scrollTop );
+			left += Math.max( docElem.scrollLeft, body.scrollLeft );
+		}
+
+		return { top: top, left: left };
+	};
+}
+
+jQuery.offset = {
+	initialize: function() {
+		var body = document.body, container = document.createElement("div"), innerDiv, checkDiv, table, td, bodyMarginTop = parseFloat( jQuery.css(body, "marginTop") ) || 0,
+			html = "<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";
+
+		jQuery.extend( container.style, { position: "absolute", top: 0, left: 0, margin: 0, border: 0, width: "1px", height: "1px", visibility: "hidden" } );
+
+		container.innerHTML = html;
+		body.insertBefore( container, body.firstChild );
+		innerDiv = container.firstChild;
+		checkDiv = innerDiv.firstChild;
+		td = innerDiv.nextSibling.firstChild.firstChild;
+
+		this.doesNotAddBorder = (checkDiv.offsetTop !== 5);
+		this.doesAddBorderForTableAndCells = (td.offsetTop === 5);
+
+		checkDiv.style.position = "fixed";
+		checkDiv.style.top = "20px";
+
+		// safari subtracts parent border width here which is 5px
+		this.supportsFixedPosition = (checkDiv.offsetTop === 20 || checkDiv.offsetTop === 15);
+		checkDiv.style.position = checkDiv.style.top = "";
+
+		innerDiv.style.overflow = "hidden";
+		innerDiv.style.position = "relative";
+
+		this.subtractsBorderForOverflowNotVisible = (checkDiv.offsetTop === -5);
+
+		this.doesNotIncludeMarginInBodyOffset = (body.offsetTop !== bodyMarginTop);
+
+		body.removeChild( container );
+		body = container = innerDiv = checkDiv = table = td = null;
+		jQuery.offset.initialize = jQuery.noop;
+	},
+
+	bodyOffset: function( body ) {
+		var top = body.offsetTop,
+			left = body.offsetLeft;
+
+		jQuery.offset.initialize();
+
+		if ( jQuery.offset.doesNotIncludeMarginInBodyOffset ) {
+			top  += parseFloat( jQuery.css(body, "marginTop") ) || 0;
+			left += parseFloat( jQuery.css(body, "marginLeft") ) || 0;
+		}
+
+		return { top: top, left: left };
+	},
+
+	setOffset: function( elem, options, i ) {
+		var position = jQuery.css( elem, "position" );
+
+		// set position first, in-case top/left are set even on static elem
+		if ( position === "static" ) {
+			elem.style.position = "relative";
+		}
+
+		var curElem = jQuery( elem ),
+			curOffset = curElem.offset(),
+			curCSSTop = jQuery.css( elem, "top" ),
+			curCSSLeft = jQuery.css( elem, "left" ),
+			calculatePosition = (position === "absolute" && jQuery.inArray('auto', [curCSSTop, curCSSLeft]) > -1),
+			props = {}, curPosition = {}, curTop, curLeft;
+
+		// need to be able to calculate position if either top or left is auto and position is absolute
+		if ( calculatePosition ) {
+			curPosition = curElem.position();
+		}
+
+		curTop  = calculatePosition ? curPosition.top  : parseInt( curCSSTop,  10 ) || 0;
+		curLeft = calculatePosition ? curPosition.left : parseInt( curCSSLeft, 10 ) || 0;
+
+		if ( jQuery.isFunction( options ) ) {
+			options = options.call( elem, i, curOffset );
+		}
+
+		if (options.top != null) {
+			props.top = (options.top - curOffset.top) + curTop;
+		}
+		if (options.left != null) {
+			props.left = (options.left - curOffset.left) + curLeft;
+		}
+
+		if ( "using" in options ) {
+			options.using.call( elem, props );
+		} else {
+			curElem.css( props );
+		}
+	}
+};
+
+
+jQuery.fn.extend({
+	position: function() {
+		if ( !this[0] ) {
+			return null;
+		}
+
+		var elem = this[0],
+
+		// Get *real* offsetParent
+		offsetParent = this.offsetParent(),
+
+		// Get correct offsets
+		offset       = this.offset(),
+		parentOffset = rroot.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset();
+
+		// Subtract element margins
+		// note: when an element has margin: auto the offsetLeft and marginLeft
+		// are the same in Safari causing offset.left to incorrectly be 0
+		offset.top  -= parseFloat( jQuery.css(elem, "marginTop") ) || 0;
+		offset.left -= parseFloat( jQuery.css(elem, "marginLeft") ) || 0;
+
+		// Add offsetParent borders
+		parentOffset.top  += parseFloat( jQuery.css(offsetParent[0], "borderTopWidth") ) || 0;
+		parentOffset.left += parseFloat( jQuery.css(offsetParent[0], "borderLeftWidth") ) || 0;
+
+		// Subtract the two offsets
+		return {
+			top:  offset.top  - parentOffset.top,
+			left: offset.left - parentOffset.left
+		};
+	},
+
+	offsetParent: function() {
+		return this.map(function() {
+			var offsetParent = this.offsetParent || document.body;
+			while ( offsetParent && (!rroot.test(offsetParent.nodeName) && jQuery.css(offsetParent, "position") === "static") ) {
+				offsetParent = offsetParent.offsetParent;
+			}
+			return offsetParent;
+		});
+	}
+});
+
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( ["Left", "Top"], function( i, name ) {
+	var method = "scroll" + name;
+
+	jQuery.fn[ method ] = function(val) {
+		var elem = this[0], win;
+
+		if ( !elem ) {
+			return null;
+		}
+
+		if ( val !== undefined ) {
+			// Set the scroll offset
+			return this.each(function() {
+				win = getWindow( this );
+
+				if ( win ) {
+					win.scrollTo(
+						!i ? val : jQuery(win).scrollLeft(),
+						i ? val : jQuery(win).scrollTop()
+					);
+
+				} else {
+					this[ method ] = val;
+				}
+			});
+		} else {
+			win = getWindow( elem );
+
+			// Return the scroll offset
+			return win ? ("pageXOffset" in win) ? win[ i ? "pageYOffset" : "pageXOffset" ] :
+				jQuery.support.boxModel && win.document.documentElement[ method ] ||
+					win.document.body[ method ] :
+				elem[ method ];
+		}
+	};
+});
+
+function getWindow( elem ) {
+	return jQuery.isWindow( elem ) ?
+		elem :
+		elem.nodeType === 9 ?
+			elem.defaultView || elem.parentWindow :
+			false;
+}
+
+
+
+
+// Create innerHeight, innerWidth, outerHeight and outerWidth methods
+jQuery.each([ "Height", "Width" ], function( i, name ) {
+
+	var type = name.toLowerCase();
+
+	// innerHeight and innerWidth
+	jQuery.fn["inner" + name] = function() {
+		return this[0] ?
+			parseFloat( jQuery.css( this[0], type, "padding" ) ) :
+			null;
+	};
+
+	// outerHeight and outerWidth
+	jQuery.fn["outer" + name] = function( margin ) {
+		return this[0] ?
+			parseFloat( jQuery.css( this[0], type, margin ? "margin" : "border" ) ) :
+			null;
+	};
+
+	jQuery.fn[ type ] = function( size ) {
+		// Get window width or height
+		var elem = this[0];
+		if ( !elem ) {
+			return size == null ? null : this;
+		}
+
+		if ( jQuery.isFunction( size ) ) {
+			return this.each(function( i ) {
+				var self = jQuery( this );
+				self[ type ]( size.call( this, i, self[ type ]() ) );
+			});
+		}
+
+		if ( jQuery.isWindow( elem ) ) {
+			// Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode
+			// 3rd condition allows Nokia support, as it supports the docElem prop but not CSS1Compat
+			var docElemProp = elem.document.documentElement[ "client" + name ];
+			return elem.document.compatMode === "CSS1Compat" && docElemProp ||
+				elem.document.body[ "client" + name ] || docElemProp;
+
+		// Get document width or height
+		} else if ( elem.nodeType === 9 ) {
+			// Either scroll[Width/Height] or offset[Width/Height], whichever is greater
+			return Math.max(
+				elem.documentElement["client" + name],
+				elem.body["scroll" + name], elem.documentElement["scroll" + name],
+				elem.body["offset" + name], elem.documentElement["offset" + name]
+			);
+
+		// Get or set width or height on the element
+		} else if ( size === undefined ) {
+			var orig = jQuery.css( elem, type ),
+				ret = parseFloat( orig );
+
+			return jQuery.isNaN( ret ) ? orig : ret;
+
+		// Set the width or height on the element (default to pixels if value is unitless)
+		} else {
+			return this.css( type, typeof size === "string" ? size : size + "px" );
+		}
+	};
+
+});
+
+
+window.jQuery = window.$ = jQuery;
+})(window);
diff --git a/ffdemo/static/assets/js/jquery-1.5.1.min.js b/ffdemo/static/assets/js/jquery-1.5.1.min.js
new file mode 100644
index 0000000..14fd647
--- /dev/null
+++ b/ffdemo/static/assets/js/jquery-1.5.1.min.js
@@ -0,0 +1,16 @@
+/*!
+ * jQuery JavaScript Library v1.5.1
+ * http://jquery.com/
+ *
+ * Copyright 2011, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2011, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Wed Feb 23 13:55:29 2011 -0500
+ */
+(function(a,b){function cg(a){return d.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cd(a){if(!bZ[a]){var b=d("<"+a+">").appendTo("body"),c=b.css("display");b.remove();if(c==="none"||c==="")c="block";bZ[a]=c}return bZ[a]}function cc(a,b){var c={};d.each(cb.concat.apply([],cb.slice(0,b)),function(){c[this]=a});return c}function bY(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function bX(){try{return new a.XMLHttpRequest}catch(b){}}function bW(){d(a).unload(function(){for(var a in bU)bU[a](0,1)})}function bQ(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var e=a.dataTypes,f={},g,h,i=e.length,j,k=e[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h==="string"&&(f[h.toLowerCase()]=a.converters[h]);l=k,k=e[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=f[m]||f["* "+k];if(!n){p=b;for(o in f){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=f[j[1]+" "+k];if(p){o=f[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&d.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function bP(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function bO(a,b,c,e){if(d.isArray(b)&&b.length)d.each(b,function(b,f){c||bq.test(a)?e(a,f):bO(a+"["+(typeof f==="object"||d.isArray(f)?b:"")+"]",f,c,e)});else if(c||b==null||typeof b!=="object")e(a,b);else if(d.isArray(b)||d.isEmptyObject(b))e(a,"");else for(var f in b)bO(a+"["+f+"]",b[f],c,e)}function bN(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bH,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l==="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=bN(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=bN(a,c,d,e,"*",g));return l}function bM(a){return function(b,c){typeof b!=="string"&&(c=b,b="*");if(d.isFunction(c)){var e=b.toLowerCase().split(bB),f=0,g=e.length,h,i,j;for(;f<g;f++)h=e[f],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function bo(a,b,c){var e=b==="width"?bi:bj,f=b==="width"?a.offsetWidth:a.offsetHeight;if(c==="border")return f;d.each(e,function(){c||(f-=parseFloat(d.css(a,"padding"+this))||0),c==="margin"?f+=parseFloat(d.css(a,"margin"+this))||0:f-=parseFloat(d.css(a,"border"+this+"Width"))||0});return f}function ba(a,b){b.src?d.ajax({url:b.src,async:!1,dataType:"script"}):d.globalEval(b.text||b.textContent||b.innerHTML||""),b.parentNode&&b.parentNode.removeChild(b)}function _(a){return"getElementsByTagName"in a?a.getElementsByTagName("*"):"querySelectorAll"in a?a.querySelectorAll("*"):[]}function $(a,b){if(b.nodeType===1){var c=b.nodeName.toLowerCase();b.clearAttributes(),b.mergeAttributes(a);if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(d.expando)}}function Z(a,b){if(b.nodeType===1&&d.hasData(a)){var c=d.expando,e=d.data(a),f=d.data(b,e);if(e=e[c]){var g=e.events;f=f[c]=d.extend({},e);if(g){delete f.handle,f.events={};for(var h in g)for(var i=0,j=g[h].length;i<j;i++)d.event.add(b,h+(g[h][i].namespace?".":"")+g[h][i].namespace,g[h][i],g[h][i].data)}}}}function Y(a,b){return d.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function O(a,b,c){if(d.isFunction(b))return d.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return d.grep(a,function(a,d){return a===b===c});if(typeof b==="string"){var e=d.grep(a,function(a){return a.nodeType===1});if(J.test(b))return d.filter(b,e,!c);b=d.filter(b,e)}return d.grep(a,function(a,e){return d.inArray(a,b)>=0===c})}function N(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function F(a,b){return(a&&a!=="*"?a+".":"")+b.replace(r,"`").replace(s,"&")}function E(a){var b,c,e,f,g,h,i,j,k,l,m,n,o,q=[],r=[],s=d._data(this,"events");if(a.liveFired!==this&&s&&s.live&&!a.target.disabled&&(!a.button||a.type!=="click")){a.namespace&&(n=new RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)")),a.liveFired=this;var t=s.live.slice(0);for(i=0;i<t.length;i++)g=t[i],g.origType.replace(p,"")===a.type?r.push(g.selector):t.splice(i--,1);f=d(a.target).closest(r,a.currentTarget);for(j=0,k=f.length;j<k;j++){m=f[j];for(i=0;i<t.length;i++){g=t[i];if(m.selector===g.selector&&(!n||n.test(g.namespace))&&!m.elem.disabled){h=m.elem,e=null;if(g.preType==="mouseenter"||g.preType==="mouseleave")a.type=g.preType,e=d(a.relatedTarget).closest(g.selector)[0];(!e||e!==h)&&q.push({elem:h,handleObj:g,level:m.level})}}}for(j=0,k=q.length;j<k;j++){f=q[j];if(c&&f.level>c)break;a.currentTarget=f.elem,a.data=f.handleObj.data,a.handleObj=f.handleObj,o=f.handleObj.origHandler.apply(f.elem,arguments);if(o===!1||a.isPropagationStopped()){c=f.level,o===!1&&(b=!1);if(a.isImmediatePropagationStopped())break}}return b}}function C(a,c,e){var f=d.extend({},e[0]);f.type=a,f.originalEvent={},f.liveFired=b,d.event.handle.call(c,f),f.isDefaultPrevented()&&e[0].preventDefault()}function w(){return!0}function v(){return!1}function g(a){for(var b in a)if(b!=="toJSON")return!1;return!0}function f(a,c,f){if(f===b&&a.nodeType===1){f=a.getAttribute("data-"+c);if(typeof f==="string"){try{f=f==="true"?!0:f==="false"?!1:f==="null"?null:d.isNaN(f)?e.test(f)?d.parseJSON(f):f:parseFloat(f)}catch(g){}d.data(a,c,f)}else f=b}return f}var c=a.document,d=function(){function I(){if(!d.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(I,1);return}d.ready()}}var d=function(a,b){return new d.fn.init(a,b,g)},e=a.jQuery,f=a.$,g,h=/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/,i=/\S/,j=/^\s+/,k=/\s+$/,l=/\d/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=navigator.userAgent,w,x=!1,y,z="then done fail isResolved isRejected promise".split(" "),A,B=Object.prototype.toString,C=Object.prototype.hasOwnProperty,D=Array.prototype.push,E=Array.prototype.slice,F=String.prototype.trim,G=Array.prototype.indexOf,H={};d.fn=d.prototype={constructor:d,init:function(a,e,f){var g,i,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!e&&c.body){this.context=c,this[0]=c.body,this.selector="body",this.length=1;return this}if(typeof a==="string"){g=h.exec(a);if(!g||!g[1]&&e)return!e||e.jquery?(e||f).find(a):this.constructor(e).find(a);if(g[1]){e=e instanceof d?e[0]:e,k=e?e.ownerDocument||e:c,j=m.exec(a),j?d.isPlainObject(e)?(a=[c.createElement(j[1])],d.fn.attr.call(a,e,!0)):a=[k.createElement(j[1])]:(j=d.buildFragment([g[1]],[k]),a=(j.cacheable?d.clone(j.fragment):j.fragment).childNodes);return d.merge(this,a)}i=c.getElementById(g[2]);if(i&&i.parentNode){if(i.id!==g[2])return f.find(a);this.length=1,this[0]=i}this.context=c,this.selector=a;return this}if(d.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return d.makeArray(a,this)},selector:"",jquery:"1.5.1",length:0,size:function(){return this.length},toArray:function(){return E.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var e=this.constructor();d.isArray(a)?D.apply(e,a):d.merge(e,a),e.prevObject=this,e.context=this.context,b==="find"?e.selector=this.selector+(this.selector?" ":"")+c:b&&(e.selector=this.selector+"."+b+"("+c+")");return e},each:function(a,b){return d.each(this,a,b)},ready:function(a){d.bindReady(),y.done(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(E.apply(this,arguments),"slice",E.call(arguments).join(","))},map:function(a){return this.pushStack(d.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:D,sort:[].sort,splice:[].splice},d.fn.init.prototype=d.fn,d.extend=d.fn.extend=function(){var a,c,e,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i==="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!=="object"&&!d.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){e=i[c],f=a[c];if(i===f)continue;l&&f&&(d.isPlainObject(f)||(g=d.isArray(f)))?(g?(g=!1,h=e&&d.isArray(e)?e:[]):h=e&&d.isPlainObject(e)?e:{},i[c]=d.extend(l,h,f)):f!==b&&(i[c]=f)}return i},d.extend({noConflict:function(b){a.$=f,b&&(a.jQuery=e);return d},isReady:!1,readyWait:1,ready:function(a){a===!0&&d.readyWait--;if(!d.readyWait||a!==!0&&!d.isReady){if(!c.body)return setTimeout(d.ready,1);d.isReady=!0;if(a!==!0&&--d.readyWait>0)return;y.resolveWith(c,[d]),d.fn.trigger&&d(c).trigger("ready").unbind("ready")}},bindReady:function(){if(!x){x=!0;if(c.readyState==="complete")return setTimeout(d.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",A,!1),a.addEventListener("load",d.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",A),a.attachEvent("onload",d.ready);var b=!1;try{b=a.frameElement==null}catch(e){}c.documentElement.doScroll&&b&&I()}}},isFunction:function(a){return d.type(a)==="function"},isArray:Array.isArray||function(a){return d.type(a)==="array"},isWindow:function(a){return a&&typeof a==="object"&&"setInterval"in a},isNaN:function(a){return a==null||!l.test(a)||isNaN(a)},type:function(a){return a==null?String(a):H[B.call(a)]||"object"},isPlainObject:function(a){if(!a||d.type(a)!=="object"||a.nodeType||d.isWindow(a))return!1;if(a.constructor&&!C.call(a,"constructor")&&!C.call(a.constructor.prototype,"isPrototypeOf"))return!1;var c;for(c in a){}return c===b||C.call(a,c)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw a},parseJSON:function(b){if(typeof b!=="string"||!b)return null;b=d.trim(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return a.JSON&&a.JSON.parse?a.JSON.parse(b):(new Function("return "+b))();d.error("Invalid JSON: "+b)},parseXML:function(b,c,e){a.DOMParser?(e=new DOMParser,c=e.parseFromString(b,"text/xml")):(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(b)),e=c.documentElement,(!e||!e.nodeName||e.nodeName==="parsererror")&&d.error("Invalid XML: "+b);return c},noop:function(){},globalEval:function(a){if(a&&i.test(a)){var b=c.head||c.getElementsByTagName("head")[0]||c.documentElement,e=c.createElement("script");d.support.scriptEval()?e.appendChild(c.createTextNode(a)):e.text=a,b.insertBefore(e,b.firstChild),b.removeChild(e)}},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,e){var f,g=0,h=a.length,i=h===b||d.isFunction(a);if(e){if(i){for(f in a)if(c.apply(a[f],e)===!1)break}else for(;g<h;)if(c.apply(a[g++],e)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(var j=a[0];g<h&&c.call(j,g,j)!==!1;j=a[++g]){}return a},trim:F?function(a){return a==null?"":F.call(a)}:function(a){return a==null?"":(a+"").replace(j,"").replace(k,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var e=d.type(a);a.length==null||e==="string"||e==="function"||e==="regexp"||d.isWindow(a)?D.call(c,a):d.merge(c,a)}return c},inArray:function(a,b){if(b.indexOf)return b.indexOf(a);for(var c=0,d=b.length;c<d;c++)if(b[c]===a)return c;return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length==="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,b,c){var d=[],e;for(var f=0,g=a.length;f<g;f++)e=b(a[f],f,c),e!=null&&(d[d.length]=e);return d.concat.apply([],d)},guid:1,proxy:function(a,c,e){arguments.length===2&&(typeof c==="string"?(e=a,a=e[c],c=b):c&&!d.isFunction(c)&&(e=c,c=b)),!c&&a&&(c=function(){return a.apply(e||this,arguments)}),a&&(c.guid=a.guid=a.guid||c.guid||d.guid++);return c},access:function(a,c,e,f,g,h){var i=a.length;if(typeof c==="object"){for(var j in c)d.access(a,j,c[j],f,g,e);return a}if(e!==b){f=!h&&f&&d.isFunction(e);for(var k=0;k<i;k++)g(a[k],c,f?e.call(a[k],k,g(a[k],c)):e,h);return a}return i?g(a[0],c):b},now:function(){return(new Date).getTime()},_Deferred:function(){var a=[],b,c,e,f={done:function(){if(!e){var c=arguments,g,h,i,j,k;b&&(k=b,b=0);for(g=0,h=c.length;g<h;g++)i=c[g],j=d.type(i),j==="array"?f.done.apply(f,i):j==="function"&&a.push(i);k&&f.resolveWith(k[0],k[1])}return this},resolveWith:function(d,f){if(!e&&!b&&!c){c=1;try{while(a[0])a.shift().apply(d,f)}catch(g){throw g}finally{b=[d,f],c=0}}return this},resolve:function(){f.resolveWith(d.isFunction(this.promise)?this.promise():this,arguments);return this},isResolved:function(){return c||b},cancel:function(){e=1,a=[];return this}};return f},Deferred:function(a){var b=d._Deferred(),c=d._Deferred(),e;d.extend(b,{then:function(a,c){b.done(a).fail(c);return this},fail:c.done,rejectWith:c.resolveWith,reject:c.resolve,isRejected:c.isResolved,promise:function(a){if(a==null){if(e)return e;e=a={}}var c=z.length;while(c--)a[z[c]]=b[z[c]];return a}}),b.done(c.cancel).fail(b.cancel),delete b.cancel,a&&a.call(b,b);return b},when:function(a){var b=arguments.length,c=b<=1&&a&&d.isFunction(a.promise)?a:d.Deferred(),e=c.promise();if(b>1){var f=E.call(arguments,0),g=b,h=function(a){return function(b){f[a]=arguments.length>1?E.call(arguments,0):b,--g||c.resolveWith(e,f)}};while(b--)a=f[b],a&&d.isFunction(a.promise)?a.promise().then(h(b),c.reject):--g;g||c.resolveWith(e,f)}else c!==a&&c.resolve(a);return e},uaMatch:function(a){a=a.toLowerCase();var b=r.exec(a)||s.exec(a)||t.exec(a)||a.indexOf("compatible")<0&&u.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}d.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.subclass=this.subclass,a.fn.init=function b(b,c){c&&c instanceof d&&!(c instanceof a)&&(c=a(c));return d.fn.init.call(this,b,c,e)},a.fn.init.prototype=a.fn;var e=a(c);return a},browser:{}}),y=d._Deferred(),d.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){H["[object "+b+"]"]=b.toLowerCase()}),w=d.uaMatch(v),w.browser&&(d.browser[w.browser]=!0,d.browser.version=w.version),d.browser.webkit&&(d.browser.safari=!0),G&&(d.inArray=function(a,b){return G.call(b,a)}),i.test(" ")&&(j=/^[\s\xA0]+/,k=/[\s\xA0]+$/),g=d(c),c.addEventListener?A=function(){c.removeEventListener("DOMContentLoaded",A,!1),d.ready()}:c.attachEvent&&(A=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",A),d.ready())});return d}();(function(){d.support={};var b=c.createElement("div");b.style.display="none",b.innerHTML="   <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";var e=b.getElementsByTagName("*"),f=b.getElementsByTagName("a")[0],g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=b.getElementsByTagName("input")[0];if(e&&e.length&&f){d.support={leadingWhitespace:b.firstChild.nodeType===3,tbody:!b.getElementsByTagName("tbody").length,htmlSerialize:!!b.getElementsByTagName("link").length,style:/red/.test(f.getAttribute("style")),hrefNormalized:f.getAttribute("href")==="/a",opacity:/^0.55$/.test(f.style.opacity),cssFloat:!!f.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,deleteExpando:!0,optDisabled:!1,checkClone:!1,noCloneEvent:!0,noCloneChecked:!0,boxModel:null,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableHiddenOffsets:!0},i.checked=!0,d.support.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,d.support.optDisabled=!h.disabled;var j=null;d.support.scriptEval=function(){if(j===null){var b=c.documentElement,e=c.createElement("script"),f="script"+d.now();try{e.appendChild(c.createTextNode("window."+f+"=1;"))}catch(g){}b.insertBefore(e,b.firstChild),a[f]?(j=!0,delete a[f]):j=!1,b.removeChild(e),b=e=f=null}return j};try{delete b.test}catch(k){d.support.deleteExpando=!1}!b.addEventListener&&b.attachEvent&&b.fireEvent&&(b.attachEvent("onclick",function l(){d.support.noCloneEvent=!1,b.detachEvent("onclick",l)}),b.cloneNode(!0).fireEvent("onclick")),b=c.createElement("div"),b.innerHTML="<input type='radio' name='radiotest' checked='checked'/>";var m=c.createDocumentFragment();m.appendChild(b.firstChild),d.support.checkClone=m.cloneNode(!0).cloneNode(!0).lastChild.checked,d(function(){var a=c.createElement("div"),b=c.getElementsByTagName("body")[0];if(b){a.style.width=a.style.paddingLeft="1px",b.appendChild(a),d.boxModel=d.support.boxModel=a.offsetWidth===2,"zoom"in a.style&&(a.style.display="inline",a.style.zoom=1,d.support.inlineBlockNeedsLayout=a.offsetWidth===2,a.style.display="",a.innerHTML="<div style='width:4px;'></div>",d.support.shrinkWrapBlocks=a.offsetWidth!==2),a.innerHTML="<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>";var e=a.getElementsByTagName("td");d.support.reliableHiddenOffsets=e[0].offsetHeight===0,e[0].style.display="",e[1].style.display="none",d.support.reliableHiddenOffsets=d.support.reliableHiddenOffsets&&e[0].offsetHeight===0,a.innerHTML="",b.removeChild(a).style.display="none",a=e=null}});var n=function(a){var b=c.createElement("div");a="on"+a;if(!b.attachEvent)return!0;var d=a in b;d||(b.setAttribute(a,"return;"),d=typeof b[a]==="function"),b=null;return d};d.support.submitBubbles=n("submit"),d.support.changeBubbles=n("change"),b=e=f=null}})();var e=/^(?:\{.*\}|\[.*\])$/;d.extend({cache:{},uuid:0,expando:"jQuery"+(d.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?d.cache[a[d.expando]]:a[d.expando];return!!a&&!g(a)},data:function(a,c,e,f){if(d.acceptData(a)){var g=d.expando,h=typeof c==="string",i,j=a.nodeType,k=j?d.cache:a,l=j?a[d.expando]:a[d.expando]&&d.expando;if((!l||f&&l&&!k[l][g])&&h&&e===b)return;l||(j?a[d.expando]=l=++d.uuid:l=d.expando),k[l]||(k[l]={},j||(k[l].toJSON=d.noop));if(typeof c==="object"||typeof c==="function")f?k[l][g]=d.extend(k[l][g],c):k[l]=d.extend(k[l],c);i=k[l],f&&(i[g]||(i[g]={}),i=i[g]),e!==b&&(i[c]=e);if(c==="events"&&!i[c])return i[g]&&i[g].events;return h?i[c]:i}},removeData:function(b,c,e){if(d.acceptData(b)){var f=d.expando,h=b.nodeType,i=h?d.cache:b,j=h?b[d.expando]:d.expando;if(!i[j])return;if(c){var k=e?i[j][f]:i[j];if(k){delete k[c];if(!g(k))return}}if(e){delete i[j][f];if(!g(i[j]))return}var l=i[j][f];d.support.deleteExpando||i!=a?delete i[j]:i[j]=null,l?(i[j]={},h||(i[j].toJSON=d.noop),i[j][f]=l):h&&(d.support.deleteExpando?delete b[d.expando]:b.removeAttribute?b.removeAttribute(d.expando):b[d.expando]=null)}},_data:function(a,b,c){return d.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=d.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),d.fn.extend({data:function(a,c){var e=null;if(typeof a==="undefined"){if(this.length){e=d.data(this[0]);if(this[0].nodeType===1){var g=this[0].attributes,h;for(var i=0,j=g.length;i<j;i++)h=g[i].name,h.indexOf("data-")===0&&(h=h.substr(5),f(this[0],h,e[h]))}}return e}if(typeof a==="object")return this.each(function(){d.data(this,a)});var k=a.split(".");k[1]=k[1]?"."+k[1]:"";if(c===b){e=this.triggerHandler("getData"+k[1]+"!",[k[0]]),e===b&&this.length&&(e=d.data(this[0],a),e=f(this[0],a,e));return e===b&&k[1]?this.data(k[0]):e}return this.each(function(){var b=d(this),e=[k[0],c];b.triggerHandler("setData"+k[1]+"!",e),d.data(this,a,c),b.triggerHandler("changeData"+k[1]+"!",e)})},removeData:function(a){return this.each(function(){d.removeData(this,a)})}}),d.extend({queue:function(a,b,c){if(a){b=(b||"fx")+"queue";var e=d._data(a,b);if(!c)return e||[];!e||d.isArray(c)?e=d._data(a,b,d.makeArray(c)):e.push(c);return e}},dequeue:function(a,b){b=b||"fx";var c=d.queue(a,b),e=c.shift();e==="inprogress"&&(e=c.shift()),e&&(b==="fx"&&c.unshift("inprogress"),e.call(a,function(){d.dequeue(a,b)})),c.length||d.removeData(a,b+"queue",!0)}}),d.fn.extend({queue:function(a,c){typeof a!=="string"&&(c=a,a="fx");if(c===b)return d.queue(this[0],a);return this.each(function(b){var e=d.queue(this,a,c);a==="fx"&&e[0]!=="inprogress"&&d.dequeue(this,a)})},dequeue:function(a){return this.each(function(){d.dequeue(this,a)})},delay:function(a,b){a=d.fx?d.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(){var c=this;setTimeout(function(){d.dequeue(c,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])}});var h=/[\n\t\r]/g,i=/\s+/,j=/\r/g,k=/^(?:href|src|style)$/,l=/^(?:button|input)$/i,m=/^(?:button|input|object|select|textarea)$/i,n=/^a(?:rea)?$/i,o=/^(?:radio|checkbox)$/i;d.props={"for":"htmlFor","class":"className",readonly:"readOnly",maxlength:"maxLength",cellspacing:"cellSpacing",rowspan:"rowSpan",colspan:"colSpan",tabindex:"tabIndex",usemap:"useMap",frameborder:"frameBorder"},d.fn.extend({attr:function(a,b){return d.access(this,a,b,!0,d.attr)},removeAttr:function(a,b){return this.each(function(){d.attr(this,a,""),this.nodeType===1&&this.removeAttribute(a)})},addClass:function(a){if(d.isFunction(a))return this.each(function(b){var c=d(this);c.addClass(a.call(this,b,c.attr("class")))});if(a&&typeof a==="string"){var b=(a||"").split(i);for(var c=0,e=this.length;c<e;c++){var f=this[c];if(f.nodeType===1)if(f.className){var g=" "+f.className+" ",h=f.className;for(var j=0,k=b.length;j<k;j++)g.indexOf(" "+b[j]+" ")<0&&(h+=" "+b[j]);f.className=d.trim(h)}else f.className=a}}return this},removeClass:function(a){if(d.isFunction(a))return this.each(function(b){var c=d(this);c.removeClass(a.call(this,b,c.attr("class")))});if(a&&typeof a==="string"||a===b){var c=(a||"").split(i);for(var e=0,f=this.length;e<f;e++){var g=this[e];if(g.nodeType===1&&g.className)if(a){var j=(" "+g.className+" ").replace(h," ");for(var k=0,l=c.length;k<l;k++)j=j.replace(" "+c[k]+" "," ");g.className=d.trim(j)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,e=typeof b==="boolean";if(d.isFunction(a))return this.each(function(c){var e=d(this);e.toggleClass(a.call(this,c,e.attr("class"),b),b)});return this.each(function(){if(c==="string"){var f,g=0,h=d(this),j=b,k=a.split(i);while(f=k[g++])j=e?j:!h.hasClass(f),h[j?"addClass":"removeClass"](f)}else if(c==="undefined"||c==="boolean")this.className&&d._data(this,"__className__",this.className),this.className=this.className||a===!1?"":d._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ";for(var c=0,d=this.length;c<d;c++)if((" "+this[c].className+" ").replace(h," ").indexOf(b)>-1)return!0;return!1},val:function(a){if(!arguments.length){var c=this[0];if(c){if(d.nodeName(c,"option")){var e=c.attributes.value;return!e||e.specified?c.value:c.text}if(d.nodeName(c,"select")){var f=c.selectedIndex,g=[],h=c.options,i=c.type==="select-one";if(f<0)return null;for(var k=i?f:0,l=i?f+1:h.length;k<l;k++){var m=h[k];if(m.selected&&(d.support.optDisabled?!m.disabled:m.getAttribute("disabled")===null)&&(!m.parentNode.disabled||!d.nodeName(m.parentNode,"optgroup"))){a=d(m).val();if(i)return a;g.push(a)}}if(i&&!g.length&&h.length)return d(h[f]).val();return g}if(o.test(c.type)&&!d.support.checkOn)return c.getAttribute("value")===null?"on":c.value;return(c.value||"").replace(j,"")}return b}var n=d.isFunction(a);return this.each(function(b){var c=d(this),e=a;if(this.nodeType===1){n&&(e=a.call(this,b,c.val())),e==null?e="":typeof e==="number"?e+="":d.isArray(e)&&(e=d.map(e,function(a){return a==null?"":a+""}));if(d.isArray(e)&&o.test(this.type))this.checked=d.inArray(c.val(),e)>=0;else if(d.nodeName(this,"select")){var f=d.makeArray(e);d("option",this).each(function(){this.selected=d.inArray(d(this).val(),f)>=0}),f.length||(this.selectedIndex=-1)}else this.value=e}})}}),d.extend({attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,e,f){if(!a||a.nodeType===3||a.nodeType===8||a.nodeType===2)return b;if(f&&c in d.attrFn)return d(a)[c](e);var g=a.nodeType!==1||!d.isXMLDoc(a),h=e!==b;c=g&&d.props[c]||c;if(a.nodeType===1){var i=k.test(c);if(c==="selected"&&!d.support.optSelected){var j=a.parentNode;j&&(j.selectedIndex,j.parentNode&&j.parentNode.selectedIndex)}if((c in a||a[c]!==b)&&g&&!i){h&&(c==="type"&&l.test(a.nodeName)&&a.parentNode&&d.error("type property can't be changed"),e===null?a.nodeType===1&&a.removeAttribute(c):a[c]=e);if(d.nodeName(a,"form")&&a.getAttributeNode(c))return a.getAttributeNode(c).nodeValue;if(c==="tabIndex"){var o=a.getAttributeNode("tabIndex");return o&&o.specified?o.value:m.test(a.nodeName)||n.test(a.nodeName)&&a.href?0:b}return a[c]}if(!d.support.style&&g&&c==="style"){h&&(a.style.cssText=""+e);return a.style.cssText}h&&a.setAttribute(c,""+e);if(!a.attributes[c]&&(a.hasAttribute&&!a.hasAttribute(c)))return b;var p=!d.support.hrefNormalized&&g&&i?a.getAttribute(c,2):a.getAttribute(c);return p===null?b:p}h&&(a[c]=e);return a[c]}});var p=/\.(.*)$/,q=/^(?:textarea|input|select)$/i,r=/\./g,s=/ /g,t=/[^\w\s.|`]/g,u=function(a){return a.replace(t,"\\$&")};d.event={add:function(c,e,f,g){if(c.nodeType!==3&&c.nodeType!==8){try{d.isWindow(c)&&(c!==a&&!c.frameElement)&&(c=a)}catch(h){}if(f===!1)f=v;else if(!f)return;var i,j;f.handler&&(i=f,f=i.handler),f.guid||(f.guid=d.guid++);var k=d._data(c);if(!k)return;var l=k.events,m=k.handle;l||(k.events=l={}),m||(k.handle=m=function(){return typeof d!=="undefined"&&!d.event.triggered?d.event.handle.apply(m.elem,arguments):b}),m.elem=c,e=e.split(" ");var n,o=0,p;while(n=e[o++]){j=i?d.extend({},i):{handler:f,data:g},n.indexOf(".")>-1?(p=n.split("."),n=p.shift(),j.namespace=p.slice(0).sort().join(".")):(p=[],j.namespace=""),j.type=n,j.guid||(j.guid=f.guid);var q=l[n],r=d.event.special[n]||{};if(!q){q=l[n]=[];if(!r.setup||r.setup.call(c,g,p,m)===!1)c.addEventListener?c.addEventListener(n,m,!1):c.attachEvent&&c.attachEvent("on"+n,m)}r.add&&(r.add.call(c,j),j.handler.guid||(j.handler.guid=f.guid)),q.push(j),d.event.global[n]=!0}c=null}},global:{},remove:function(a,c,e,f){if(a.nodeType!==3&&a.nodeType!==8){e===!1&&(e=v);var g,h,i,j,k=0,l,m,n,o,p,q,r,s=d.hasData(a)&&d._data(a),t=s&&s.events;if(!s||!t)return;c&&c.type&&(e=c.handler,c=c.type);if(!c||typeof c==="string"&&c.charAt(0)==="."){c=c||"";for(h in t)d.event.remove(a,h+c);return}c=c.split(" ");while(h=c[k++]){r=h,q=null,l=h.indexOf(".")<0,m=[],l||(m=h.split("."),h=m.shift(),n=new RegExp("(^|\\.)"+d.map(m.slice(0).sort(),u).join("\\.(?:.*\\.)?")+"(\\.|$)")),p=t[h];if(!p)continue;if(!e){for(j=0;j<p.length;j++){q=p[j];if(l||n.test(q.namespace))d.event.remove(a,r,q.handler,j),p.splice(j--,1)}continue}o=d.event.special[h]||{};for(j=f||0;j<p.length;j++){q=p[j];if(e.guid===q.guid){if(l||n.test(q.namespace))f==null&&p.splice(j--,1),o.remove&&o.remove.call(a,q);if(f!=null)break}}if(p.length===0||f!=null&&p.length===1)(!o.teardown||o.teardown.call(a,m)===!1)&&d.removeEvent(a,h,s.handle),g=null,delete t[h]}if(d.isEmptyObject(t)){var w=s.handle;w&&(w.elem=null),delete s.events,delete s.handle,d.isEmptyObject(s)&&d.removeData(a,b,!0)}}},trigger:function(a,c,e){var f=a.type||a,g=arguments[3];if(!g){a=typeof a==="object"?a[d.expando]?a:d.extend(d.Event(f),a):d.Event(f),f.indexOf("!")>=0&&(a.type=f=f.slice(0,-1),a.exclusive=!0),e||(a.stopPropagation(),d.event.global[f]&&d.each(d.cache,function(){var b=d.expando,e=this[b];e&&e.events&&e.events[f]&&d.event.trigger(a,c,e.handle.elem)}));if(!e||e.nodeType===3||e.nodeType===8)return b;a.result=b,a.target=e,c=d.makeArray(c),c.unshift(a)}a.currentTarget=e;var h=d._data(e,"handle");h&&h.apply(e,c);var i=e.parentNode||e.ownerDocument;try{e&&e.nodeName&&d.noData[e.nodeName.toLowerCase()]||e["on"+f]&&e["on"+f].apply(e,c)===!1&&(a.result=!1,a.preventDefault())}catch(j){}if(!a.isPropagationStopped()&&i)d.event.trigger(a,c,i,!0);else if(!a.isDefaultPrevented()){var k,l=a.target,m=f.replace(p,""),n=d.nodeName(l,"a")&&m==="click",o=d.event.special[m]||{};if((!o._default||o._default.call(e,a)===!1)&&!n&&!(l&&l.nodeName&&d.noData[l.nodeName.toLowerCase()])){try{l[m]&&(k=l["on"+m],k&&(l["on"+m]=null),d.event.triggered=!0,l[m]())}catch(q){}k&&(l["on"+m]=k),d.event.triggered=!1}}},handle:function(c){var e,f,g,h,i,j=[],k=d.makeArray(arguments);c=k[0]=d.event.fix(c||a.event),c.currentTarget=this,e=c.type.indexOf(".")<0&&!c.exclusive,e||(g=c.type.split("."),c.type=g.shift(),j=g.slice(0).sort(),h=new RegExp("(^|\\.)"+j.join("\\.(?:.*\\.)?")+"(\\.|$)")),c.namespace=c.namespace||j.join("."),i=d._data(this,"events"),f=(i||{})[c.type];if(i&&f){f=f.slice(0);for(var l=0,m=f.length;l<m;l++){var n=f[l];if(e||h.test(n.namespace)){c.handler=n.handler,c.data=n.data,c.handleObj=n;var o=n.handler.apply(this,k);o!==b&&(c.result=o,o===!1&&(c.preventDefault(),c.stopPropagation()));if(c.isImmediatePropagationStopped())break}}}return c.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),fix:function(a){if(a[d.expando])return a;var e=a;a=d.Event(e);for(var f=this.props.length,g;f;)g=this.props[--f],a[g]=e[g];a.target||(a.target=a.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),!a.relatedTarget&&a.fromElement&&(a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement);if(a.pageX==null&&a.clientX!=null){var h=c.documentElement,i=c.body;a.pageX=a.clientX+(h&&h.scrollLeft||i&&i.scrollLeft||0)-(h&&h.clientLeft||i&&i.clientLeft||0),a.pageY=a.clientY+(h&&h.scrollTop||i&&i.scrollTop||0)-(h&&h.clientTop||i&&i.clientTop||0)}a.which==null&&(a.charCode!=null||a.keyCode!=null)&&(a.which=a.charCode!=null?a.charCode:a.keyCode),!a.metaKey&&a.ctrlKey&&(a.metaKey=a.ctrlKey),!a.which&&a.button!==b&&(a.which=a.button&1?1:a.button&2?3:a.button&4?2:0);return a},guid:1e8,proxy:d.proxy,special:{ready:{setup:d.bindReady,teardown:d.noop},live:{add:function(a){d.event.add(this,F(a.origType,a.selector),d.extend({},a,{handler:E,guid:a.handler.guid}))},remove:function(a){d.event.remove(this,F(a.origType,a.selector),a)}},beforeunload:{setup:function(a,b,c){d.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}}},d.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},d.Event=function(a){if(!this.preventDefault)return new d.Event(a);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?w:v):this.type=a,this.timeStamp=d.now(),this[d.expando]=!0},d.Event.prototype={preventDefault:function(){this.isDefaultPrevented=w;var a=this.originalEvent;a&&(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=w;var a=this.originalEvent;a&&(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=w,this.stopPropagation()},isDefaultPrevented:v,isPropagationStopped:v,isImmediatePropagationStopped:v};var x=function(a){var b=a.relatedTarget;try{if(b!==c&&!b.parentNode)return;while(b&&b!==this)b=b.parentNode;b!==this&&(a.type=a.data,d.event.handle.apply(this,arguments))}catch(e){}},y=function(a){a.type=a.data,d.event.handle.apply(this,arguments)};d.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){d.event.special[a]={setup:function(c){d.event.add(this,b,c&&c.selector?y:x,a)},teardown:function(a){d.event.remove(this,b,a&&a.selector?y:x)}}}),d.support.submitBubbles||(d.event.special.submit={setup:function(a,b){if(this.nodeName&&this.nodeName.toLowerCase()!=="form")d.event.add(this,"click.specialSubmit",function(a){var b=a.target,c=b.type;(c==="submit"||c==="image")&&d(b).closest("form").length&&C("submit",this,arguments)}),d.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,c=b.type;(c==="text"||c==="password")&&d(b).closest("form").length&&a.keyCode===13&&C("submit",this,arguments)});else return!1},teardown:function(a){d.event.remove(this,".specialSubmit")}});if(!d.support.changeBubbles){var z,A=function(a){var b=a.type,c=a.value;b==="radio"||b==="checkbox"?c=a.checked:b==="select-multiple"?c=a.selectedIndex>-1?d.map(a.options,function(a){return a.selected}).join("-"):"":a.nodeName.toLowerCase()==="select"&&(c=a.selectedIndex);return c},B=function B(a){var c=a.target,e,f;if(q.test(c.nodeName)&&!c.readOnly){e=d._data(c,"_change_data"),f=A(c),(a.type!=="focusout"||c.type!=="radio")&&d._data(c,"_change_data",f);if(e===b||f===e)return;if(e!=null||f)a.type="change",a.liveFired=b,d.event.trigger(a,arguments[1],c)}};d.event.special.change={filters:{focusout:B,beforedeactivate:B,click:function(a){var b=a.target,c=b.type;(c==="radio"||c==="checkbox"||b.nodeName.toLowerCase()==="select")&&B.call(this,a)},keydown:function(a){var b=a.target,c=b.type;(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(c==="checkbox"||c==="radio")||c==="select-multiple")&&B.call(this,a)},beforeactivate:function(a){var b=a.target;d._data(b,"_change_data",A(b))}},setup:function(a,b){if(this.type==="file")return!1;for(var c in z)d.event.add(this,c+".specialChange",z[c]);return q.test(this.nodeName)},teardown:function(a){d.event.remove(this,".specialChange");return q.test(this.nodeName)}},z=d.event.special.change.filters,z.focus=z.beforeactivate}c.addEventListener&&d.each({focus:"focusin",blur:"focusout"},function(a,b){function c(a){a=d.event.fix(a),a.type=b;return d.event.handle.call(this,a)}d.event.special[b]={setup:function(){this.addEventListener(a,c,!0)},teardown:function(){this.removeEventListener(a,c,!0)}}}),d.each(["bind","one"],function(a,c){d.fn[c]=function(a,e,f){if(typeof a==="object"){for(var g in a)this[c](g,e,a[g],f);return this}if(d.isFunction(e)||e===!1)f=e,e=b;var h=c==="one"?d.proxy(f,function(a){d(this).unbind(a,h);return f.apply(this,arguments)}):f;if(a==="unload"&&c!=="one")this.one(a,e,f);else for(var i=0,j=this.length;i<j;i++)d.event.add(this[i],a,h,e);return this}}),d.fn.extend({unbind:function(a,b){if(typeof a!=="object"||a.preventDefault)for(var e=0,f=this.length;e<f;e++)d.event.remove(this[e],a,b);else for(var c in a)this.unbind(c,a[c]);return this},delegate:function(a,b,c,d){return this.live(b,c,d,a)},undelegate:function(a,b,c){return arguments.length===0?this.unbind("live"):this.die(b,null,c,a)},trigger:function(a,b){return this.each(function(){d.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0]){var c=d.Event(a);c.preventDefault(),c.stopPropagation(),d.event.trigger(c,b,this[0]);return c.result}},toggle:function(a){var b=arguments,c=1;while(c<b.length)d.proxy(a,b[c++]);return this.click(d.proxy(a,function(e){var f=(d._data(this,"lastToggle"+a.guid)||0)%c;d._data(this,"lastToggle"+a.guid,f+1),e.preventDefault();return b[f].apply(this,arguments)||!1}))},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var D={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};d.each(["live","die"],function(a,c){d.fn[c]=function(a,e,f,g){var h,i=0,j,k,l,m=g||this.selector,n=g?this:d(this.context);if(typeof a==="object"&&!a.preventDefault){for(var o in a)n[c](o,e,a[o],m);return this}d.isFunction(e)&&(f=e,e=b),a=(a||"").split(" ");while((h=a[i++])!=null){j=p.exec(h),k="",j&&(k=j[0],h=h.replace(p,""));if(h==="hover"){a.push("mouseenter"+k,"mouseleave"+k);continue}l=h,h==="focus"||h==="blur"?(a.push(D[h]+k),h=h+k):h=(D[h]||h)+k;if(c==="live")for(var q=0,r=n.length;q<r;q++)d.event.add(n[q],"live."+F(h,m),{data:e,selector:m,handler:f,origType:h,origHandler:f,preType:l});else n.unbind("live."+F(h,m),f)}return this}}),d.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),function(a,b){d.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.bind(b,a,c):this.trigger(b)},d.attrFn&&(d.attrFn[b]=!0)}),function(){function u(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}if(i.nodeType===1){f||(i.sizcache=c,i.sizset=g);if(typeof b!=="string"){if(i===b){j=!0;break}}else if(k.filter(b,[i]).length>0){j=i;break}}i=i[a]}d[g]=j}}}function t(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}i.nodeType===1&&!f&&(i.sizcache=c,i.sizset=g);if(i.nodeName.toLowerCase()===b){j=i;break}i=i[a]}d[g]=j}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,e=0,f=Object.prototype.toString,g=!1,h=!0,i=/\\/g,j=/\W/;[0,0].sort(function(){h=!1;return 0});var k=function(b,d,e,g){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!=="string")return e;var i,j,n,o,q,r,s,t,u=!0,w=k.isXML(d),x=[],y=b;do{a.exec(""),i=a.exec(y);if(i){y=i[3],x.push(i[1]);if(i[2]){o=i[3];break}}}while(i);if(x.length>1&&m.exec(b))if(x.length===2&&l.relative[x[0]])j=v(x[0]+x[1],d);else{j=l.relative[x[0]]?[d]:k(x.shift(),d);while(x.length)b=x.shift(),l.relative[b]&&(b+=x.shift()),j=v(b,j)}else{!g&&x.length>1&&d.nodeType===9&&!w&&l.match.ID.test(x[0])&&!l.match.ID.test(x[x.length-1])&&(q=k.find(x.shift(),d,w),d=q.expr?k.filter(q.expr,q.set)[0]:q.set[0]);if(d){q=g?{expr:x.pop(),set:p(g)}:k.find(x.pop(),x.length===1&&(x[0]==="~"||x[0]==="+")&&d.parentNode?d.parentNode:d,w),j=q.expr?k.filter(q.expr,q.set):q.set,x.length>0?n=p(j):u=!1;while(x.length)r=x.pop(),s=r,l.relative[r]?s=x.pop():r="",s==null&&(s=d),l.relative[r](n,s,w)}else n=x=[]}n||(n=j),n||k.error(r||b);if(f.call(n)==="[object Array]")if(u)if(d&&d.nodeType===1)for(t=0;n[t]!=null;t++)n[t]&&(n[t]===!0||n[t].nodeType===1&&k.contains(d,n[t]))&&e.push(j[t]);else for(t=0;n[t]!=null;t++)n[t]&&n[t].nodeType===1&&e.push(j[t]);else e.push.apply(e,n);else p(n,e);o&&(k(o,h,e,g),k.uniqueSort(e));return e};k.uniqueSort=function(a){if(r){g=h,a.sort(r);if(g)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},k.matches=function(a,b){return k(a,null,null,b)},k.matchesSelector=function(a,b){return k(b,null,null,[a]).length>0},k.find=function(a,b,c){var d;if(!a)return[];for(var e=0,f=l.order.length;e<f;e++){var g,h=l.order[e];if(g=l.leftMatch[h].exec(a)){var j=g[1];g.splice(1,1);if(j.substr(j.length-1)!=="\\"){g[1]=(g[1]||"").replace(i,""),d=l.find[h](g,b,c);if(d!=null){a=a.replace(l.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!=="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},k.filter=function(a,c,d,e){var f,g,h=a,i=[],j=c,m=c&&c[0]&&k.isXML(c[0]);while(a&&c.length){for(var n in l.filter)if((f=l.leftMatch[n].exec(a))!=null&&f[2]){var o,p,q=l.filter[n],r=f[1];g=!1,f.splice(1,1);if(r.substr(r.length-1)==="\\")continue;j===i&&(i=[]);if(l.preFilter[n]){f=l.preFilter[n](f,j,d,i,e,m);if(f){if(f===!0)continue}else g=o=!0}if(f)for(var s=0;(p=j[s])!=null;s++)if(p){o=q(p,f,s,j);var t=e^!!o;d&&o!=null?t?g=!0:j[s]=!1:t&&(i.push(p),g=!0)}if(o!==b){d||(j=i),a=a.replace(l.match[n],"");if(!g)return[];break}}if(a===h)if(g==null)k.error(a);else break;h=a}return j},k.error=function(a){throw"Syntax error, unrecognized expression: "+a};var l=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b==="string",d=c&&!j.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1){}a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&k.filter(b,a,!0)},">":function(a,b){var c,d=typeof b==="string",e=0,f=a.length;if(d&&!j.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&k.filter(b,a,!0)}},"":function(a,b,c){var d,f=e++,g=u;typeof b==="string"&&!j.test(b)&&(b=b.toLowerCase(),d=b,g=t),g("parentNode",b,f,a,d,c)},"~":function(a,b,c){var d,f=e++,g=u;typeof b==="string"&&!j.test(b)&&(b=b.toLowerCase(),d=b,g=t),g("previousSibling",b,f,a,d,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!=="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!=="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!=="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(i,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(i,"")},TAG:function(a,b){return a[1].replace(i,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||k.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&k.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(i,"");!f&&l.attrMap[g]&&(a[1]=l.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(i,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=k(b[3],null,null,c);else{var g=k.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(l.match.POS.test(b[0])||l.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!k(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){return"text"===a.getAttribute("type")},radio:function(a){return"radio"===a.type},checkbox:function(a){return"checkbox"===a.type},file:function(a){return"file"===a.type},password:function(a){return"password"===a.type},submit:function(a){return"submit"===a.type},image:function(a){return"image"===a.type},reset:function(a){return"reset"===a.type},button:function(a){return"button"===a.type||a.nodeName.toLowerCase()==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=l.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||k.getText([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}k.error(e)},CHILD:function(a,b){var c=b[1],d=a;switch(c){case"only":case"first":while(d=d.previousSibling)if(d.nodeType===1)return!1;if(c==="first")return!0;d=a;case"last":while(d=d.nextSibling)if(d.nodeType===1)return!1;return!0;case"nth":var e=b[2],f=b[3];if(e===1&&f===0)return!0;var g=b[0],h=a.parentNode;if(h&&(h.sizcache!==g||!a.nodeIndex)){var i=0;for(d=h.firstChild;d;d=d.nextSibling)d.nodeType===1&&(d.nodeIndex=++i);h.sizcache=g}var j=a.nodeIndex-f;return e===0?j===0:j%e===0&&j/e>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=l.attrHandle[c]?l.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=l.setFilters[e];if(f)return f(a,c,b,d)}}},m=l.match.POS,n=function(a,b){return"\\"+(b-0+1)};for(var o in l.match)l.match[o]=new RegExp(l.match[o].source+/(?![^\[]*\])(?![^\(]*\))/.source),l.leftMatch[o]=new RegExp(/(^(?:.|\r|\n)*?)/.source+l.match[o].source.replace(/\\(\d+)/g,n));var p=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(q){p=function(a,b){var c=0,d=b||[];if(f.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length==="number")for(var e=a.length;c<e;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var r,s;c.documentElement.compareDocumentPosition?r=function(a,b){if(a===b){g=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(r=function(a,b){var c,d,e=[],f=[],h=a.parentNode,i=b.parentNode,j=h;if(a===b){g=!0;return 0}if(h===i)return s(a,b);if(!h)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return s(e[k],f[k]);return k===c?s(a,f[k],-1):s(e[k],b,1)},s=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),k.getText=function(a){var b="",c;for(var d=0;a[d];d++)c=a[d],c.nodeType===3||c.nodeType===4?b+=c.nodeValue:c.nodeType!==8&&(b+=k.getText(c.childNodes));return b},function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(l.find.ID=function(a,c,d){if(typeof c.getElementById!=="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!=="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},l.filter.ID=function(a,b){var c=typeof a.getAttributeNode!=="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(l.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!=="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(l.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=k,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){k=function(b,e,f,g){e=e||c;if(!g&&!k.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return p(e.getElementsByTagName(b),f);if(h[2]&&l.find.CLASS&&e.getElementsByClassName)return p(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return p([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return p([],f);if(i.id===h[3])return p([i],f)}try{return p(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var m=e,n=e.getAttribute("id"),o=n||d,q=e.parentNode,r=/^\s*[+~]/.test(b);n?o=o.replace(/'/g,"\\$&"):e.setAttribute("id",o),r&&q&&(e=e.parentNode);try{if(!r||q)return p(e.querySelectorAll("[id='"+o+"'] "+b),f)}catch(s){}finally{n||m.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)k[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector,d=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(e){d=!0}b&&(k.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!k.isXML(a))try{if(d||!l.match.PSEUDO.test(c)&&!/!=/.test(c))return b.call(a,c)}catch(e){}return k(c,null,null,[a]).length>0})}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;l.order.splice(1,0,"CLASS"),l.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!=="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?k.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?k.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:k.contains=function(){return!1},k.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var v=function(a,b){var c,d=[],e="",f=b.nodeType?[b]:b;while(c=l.match.PSEUDO.exec(a))e+=c[0],a=a.replace(l.match.PSEUDO,"");a=l.relative[a]?a+"*":a;for(var g=0,h=f.length;g<h;g++)k(a,f[g],d);return k.filter(e,d)};d.find=k,d.expr=k.selectors,d.expr[":"]=d.expr.filters,d.unique=k.uniqueSort,d.text=k.getText,d.isXMLDoc=k.isXML,d.contains=k.contains}();var G=/Until$/,H=/^(?:parents|prevUntil|prevAll)/,I=/,/,J=/^.[^:#\[\.,]*$/,K=Array.prototype.slice,L=d.expr.match.POS,M={children:!0,contents:!0,next:!0,prev:!0};d.fn.extend({find:function(a){var b=this.pushStack("","find",a),c=0;for(var e=0,f=this.length;e<f;e++){c=b.length,d.find(a,this[e],b);if(e>0)for(var g=c;g<b.length;g++)for(var h=0;h<c;h++)if(b[h]===b[g]){b.splice(g--,1);break}}return b},has:function(a){var b=d(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(d.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(O(this,a,!1),"not",a)},filter:function(a){return this.pushStack(O(this,a,!0),"filter",a)},is:function(a){return!!a&&d.filter(a,this).length>0},closest:function(a,b){var c=[],e,f,g=this[0];if(d.isArray(a)){var h,i,j={},k=1;if(g&&a.length){for(e=0,f=a.length;e<f;e++)i=a[e],j[i]||(j[i]=d.expr.match.POS.test(i)?d(i,b||this.context):i);while(g&&g.ownerDocument&&g!==b){for(i in j)h=j[i],(h.jquery?h.index(g)>-1:d(g).is(h))&&c.push({selector:i,elem:g,level:k});g=g.parentNode,k++}}return c}var l=L.test(a)?d(a,b||this.context):null;for(e=0,f=this.length;e<f;e++){g=this[e];while(g){if(l?l.index(g)>-1:d.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b)break}}c=c.length>1?d.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a||typeof a==="string")return d.inArray(this[0],a?d(a):this.parent().children());return d.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a==="string"?d(a,b):d.makeArray(a),e=d.merge(this.get(),c);return this.pushStack(N(c[0])||N(e[0])?e:d.unique(e))},andSelf:function(){return this.add(this.prevObject)}}),d.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return d.dir(a,"parentNode")},parentsUntil:function(a,b,c){return d.dir(a,"parentNode",c)},next:function(a){return d.nth(a,2,"nextSibling")},prev:function(a){return d.nth(a,2,"previousSibling")},nextAll:function(a){return d.dir(a,"nextSibling")},prevAll:function(a){return d.dir(a,"previousSibling")},nextUntil:function(a,b,c){return d.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return d.dir(a,"previousSibling",c)},siblings:function(a){return d.sibling(a.parentNode.firstChild,a)},children:function(a){return d.sibling(a.firstChild)},contents:function(a){return d.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:d.makeArray(a.childNodes)}},function(a,b){d.fn[a]=function(c,e){var f=d.map(this,b,c),g=K.call(arguments);G.test(a)||(e=c),e&&typeof e==="string"&&(f=d.filter(e,f)),f=this.length>1&&!M[a]?d.unique(f):f,(this.length>1||I.test(e))&&H.test(a)&&(f=f.reverse());return this.pushStack(f,a,g.join(","))}}),d.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?d.find.matchesSelector(b[0],a)?[b[0]]:[]:d.find.matches(a,b)},dir:function(a,c,e){var f=[],g=a[c];while(g&&g.nodeType!==9&&(e===b||g.nodeType!==1||!d(g).is(e)))g.nodeType===1&&f.push(g),g=g[c];return f},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var P=/ jQuery\d+="(?:\d+|null)"/g,Q=/^\s+/,R=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,S=/<([\w:]+)/,T=/<tbody/i,U=/<|&#?\w+;/,V=/<(?:script|object|embed|option|style)/i,W=/checked\s*(?:[^=]|=\s*.checked.)/i,X={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};X.optgroup=X.option,X.tbody=X.tfoot=X.colgroup=X.caption=X.thead,X.th=X.td,d.support.htmlSerialize||(X._default=[1,"div<div>","</div>"]),d.fn.extend({text:function(a){if(d.isFunction(a))return this.each(function(b){var c=d(this);c.text(a.call(this,b,c.text()))});if(typeof a!=="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return d.text(this)},wrapAll:function(a){if(d.isFunction(a))return this.each(function(b){d(this).wrapAll(a.call(this,b))});if(this[0]){var b=d(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(d.isFunction(a))return this.each(function(b){d(this).wrapInner(a.call(this,b))});return this.each(function(){var b=d(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){d(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){d.nodeName(this,"body")||d(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=d(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,d(arguments[0]).toArray());return a}},remove:function(a,b){for(var c=0,e;(e=this[c])!=null;c++)if(!a||d.filter(a,[e]).length)!b&&e.nodeType===1&&(d.cleanData(e.getElementsByTagName("*")),d.cleanData([e])),e.parentNode&&e.parentNode.removeChild(e);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&d.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return d.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(P,""):null;if(typeof a!=="string"||V.test(a)||!d.support.leadingWhitespace&&Q.test(a)||X[(S.exec(a)||["",""])[1].toLowerCase()])d.isFunction(a)?this.each(function(b){var c=d(this);c.html(a.call(this,b,c.html()))}):this.empty().append(a);else{a=a.replace(R,"<$1></$2>");try{for(var c=0,e=this.length;c<e;c++)this[c].nodeType===1&&(d.cleanData(this[c].getElementsByTagName("*")),this[c].innerHTML=a)}catch(f){this.empty().append(a)}}return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(d.isFunction(a))return this.each(function(b){var c=d(this),e=c.html();c.replaceWith(a.call(this,b,e))});typeof a!=="string"&&(a=d(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;d(this).remove(),b?d(b).before(a):d(c).append(a)})}return this.pushStack(d(d.isFunction(a)?a():a),"replaceWith",a)},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,e){var f,g,h,i,j=a[0],k=[];if(!d.support.checkClone&&arguments.length===3&&typeof j==="string"&&W.test(j))return this.each(function(){d(this).domManip(a,c,e,!0)});if(d.isFunction(j))return this.each(function(f){var g=d(this);a[0]=j.call(this,f,c?g.html():b),g.domManip(a,c,e)});if(this[0]){i=j&&j.parentNode,d.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?f={fragment:i}:f=d.buildFragment(a,this,k),h=f.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&d.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)e.call(c?Y(this[l],g):this[l],f.cacheable||m>1&&l<n?d.clone(h,!0,!0):h)}k.length&&d.each(k,ba)}return this}}),d.buildFragment=function(a,b,e){var f,g,h,i=b&&b[0]?b[0].ownerDocument||b[0]:c;a.length===1&&typeof a[0]==="string"&&a[0].length<512&&i===c&&a[0].charAt(0)==="<"&&!V.test(a[0])&&(d.support.checkClone||!W.test(a[0]))&&(g=!0,h=d.fragments[a[0]],h&&(h!==1&&(f=h))),f||(f=i.createDocumentFragment(),d.clean(a,i,f,e)),g&&(d.fragments[a[0]]=h?f:1);return{fragment:f,cacheable:g}},d.fragments={},d.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){d.fn[a]=function(c){var e=[],f=d(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&f.length===1){f[b](this[0]);return this}for(var h=0,i=f.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();d(f[h])[b](j),e=e.concat(j)}return this.pushStack(e,a,f.selector)}}),d.extend({clone:function(a,b,c){var e=a.cloneNode(!0),f,g,h;if((!d.support.noCloneEvent||!d.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!d.isXMLDoc(a)){$(a,e),f=_(a),g=_(e);for(h=0;f[h];++h)$(f[h],g[h])}if(b){Z(a,e);if(c){f=_(a),g=_(e);for(h=0;f[h];++h)Z(f[h],g[h])}}return e},clean:function(a,b,e,f){b=b||c,typeof b.createElement==="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var g=[];for(var h=0,i;(i=a[h])!=null;h++){typeof i==="number"&&(i+="");if(!i)continue;if(typeof i!=="string"||U.test(i)){if(typeof i==="string"){i=i.replace(R,"<$1></$2>");var j=(S.exec(i)||["",""])[1].toLowerCase(),k=X[j]||X._default,l=k[0],m=b.createElement("div");m.innerHTML=k[1]+i+k[2];while(l--)m=m.lastChild;if(!d.support.tbody){var n=T.test(i),o=j==="table"&&!n?m.firstChild&&m.firstChild.childNodes:k[1]==="<table>"&&!n?m.childNodes:[];for(var p=o.length-1;p>=0;--p)d.nodeName(o[p],"tbody")&&!o[p].childNodes.length&&o[p].parentNode.removeChild(o[p])}!d.support.leadingWhitespace&&Q.test(i)&&m.insertBefore(b.createTextNode(Q.exec(i)[0]),m.firstChild),i=m.childNodes}}else i=b.createTextNode(i);i.nodeType?g.push(i):g=d.merge(g,i)}if(e)for(h=0;g[h];h++)!f||!d.nodeName(g[h],"script")||g[h].type&&g[h].type.toLowerCase()!=="text/javascript"?(g[h].nodeType===1&&g.splice.apply(g,[h+1,0].concat(d.makeArray(g[h].getElementsByTagName("script")))),e.appendChild(g[h])):f.push(g[h].parentNode?g[h].parentNode.removeChild(g[h]):g[h]);return g},cleanData:function(a){var b,c,e=d.cache,f=d.expando,g=d.event.special,h=d.support.deleteExpando;for(var i=0,j;(j=a[i])!=null;i++){if(j.nodeName&&d.noData[j.nodeName.toLowerCase()])continue;c=j[d.expando];if(c){b=e[c]&&e[c][f];if(b&&b.events){for(var k in b.events)g[k]?d.event.remove(j,k):d.removeEvent(j,k,b.handle);b.handle&&(b.handle.elem=null)}h?delete j[d.expando]:j.removeAttribute&&j.removeAttribute(d.expando),delete e[c]}}}});var bb=/alpha\([^)]*\)/i,bc=/opacity=([^)]*)/,bd=/-([a-z])/ig,be=/([A-Z])/g,bf=/^-?\d+(?:px)?$/i,bg=/^-?\d/,bh={position:"absolute",visibility:"hidden",display:"block"},bi=["Left","Right"],bj=["Top","Bottom"],bk,bl,bm,bn=function(a,b){return b.toUpperCase()};d.fn.css=function(a,c){if(arguments.length===2&&c===b)return this;return d.access(this,a,c,!0,function(a,c,e){return e!==b?d.style(a,c,e):d.css(a,c)})},d.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bk(a,"opacity","opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{zIndex:!0,fontWeight:!0,opacity:!0,zoom:!0,lineHeight:!0},cssProps:{"float":d.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,e,f){if(a&&a.nodeType!==3&&a.nodeType!==8&&a.style){var g,h=d.camelCase(c),i=a.style,j=d.cssHooks[h];c=d.cssProps[h]||h;if(e===b){if(j&&"get"in j&&(g=j.get(a,!1,f))!==b)return g;return i[c]}if(typeof e==="number"&&isNaN(e)||e==null)return;typeof e==="number"&&!d.cssNumber[h]&&(e+="px");if(!j||!("set"in j)||(e=j.set(a,e))!==b)try{i[c]=e}catch(k){}}},css:function(a,c,e){var f,g=d.camelCase(c),h=d.cssHooks[g];c=d.cssProps[g]||g;if(h&&"get"in h&&(f=h.get(a,!0,e))!==b)return f;if(bk)return bk(a,c,g)},swap:function(a,b,c){var d={};for(var e in b)d[e]=a.style[e],a.style[e]=b[e];c.call(a);for(e in b)a.style[e]=d[e]},camelCase:function(a){return a.replace(bd,bn)}}),d.curCSS=d.css,d.each(["height","width"],function(a,b){d.cssHooks[b]={get:function(a,c,e){var f;if(c){a.offsetWidth!==0?f=bo(a,b,e):d.swap(a,bh,function(){f=bo(a,b,e)});if(f<=0){f=bk(a,b,b),f==="0px"&&bm&&(f=bm(a,b,b));if(f!=null)return f===""||f==="auto"?"0px":f}if(f<0||f==null){f=a.style[b];return f===""||f==="auto"?"0px":f}return typeof f==="string"?f:f+"px"}},set:function(a,b){if(!bf.test(b))return b;b=parseFloat(b);if(b>=0)return b+"px"}}}),d.support.opacity||(d.cssHooks.opacity={get:function(a,b){return bc.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style;c.zoom=1;var e=d.isNaN(b)?"":"alpha(opacity="+b*100+")",f=c.filter||"";c.filter=bb.test(f)?f.replace(bb,e):c.filter+" "+e}}),c.defaultView&&c.defaultView.getComputedStyle&&(bl=function(a,c,e){var f,g,h;e=e.replace(be,"-$1").toLowerCase();if(!(g=a.ownerDocument.defaultView))return b;if(h=g.getComputedStyle(a,null))f=h.getPropertyValue(e),f===""&&!d.contains(a.ownerDocument.documentElement,a)&&(f=d.style(a,e));return f}),c.documentElement.currentStyle&&(bm=function(a,b){var c,d=a.currentStyle&&a.currentStyle[b],e=a.runtimeStyle&&a.runtimeStyle[b],f=a.style;!bf.test(d)&&bg.test(d)&&(c=f.left,e&&(a.runtimeStyle.left=a.currentStyle.left),f.left=b==="fontSize"?"1em":d||0,d=f.pixelLeft+"px",f.left=c,e&&(a.runtimeStyle.left=e));return d===""?"auto":d}),bk=bl||bm,d.expr&&d.expr.filters&&(d.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!d.support.reliableHiddenOffsets&&(a.style.display||d.css(a,"display"))==="none"},d.expr.filters.visible=function(a){return!d.expr.filters.hidden(a)});var bp=/%20/g,bq=/\[\]$/,br=/\r?\n/g,bs=/#.*$/,bt=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bu=/^(?:color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bv=/(?:^file|^widget|\-extension):$/,bw=/^(?:GET|HEAD)$/,bx=/^\/\//,by=/\?/,bz=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bA=/^(?:select|textarea)/i,bB=/\s+/,bC=/([?&])_=[^&]*/,bD=/(^|\-)([a-z])/g,bE=function(a,b,c){return b+c.toUpperCase()},bF=/^([\w\+\.\-]+:)\/\/([^\/?#:]*)(?::(\d+))?/,bG=d.fn.load,bH={},bI={},bJ,bK;try{bJ=c.location.href}catch(bL){bJ=c.createElement("a"),bJ.href="",bJ=bJ.href}bK=bF.exec(bJ.toLowerCase()),d.fn.extend({load:function(a,c,e){if(typeof a!=="string"&&bG)return bG.apply(this,arguments);if(!this.length)return this;var f=a.indexOf(" ");if(f>=0){var g=a.slice(f,a.length);a=a.slice(0,f)}var h="GET";c&&(d.isFunction(c)?(e=c,c=b):typeof c==="object"&&(c=d.param(c,d.ajaxSettings.traditional),h="POST"));var i=this;d.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?d("<div>").append(c.replace(bz,"")).find(g):c)),e&&i.each(e,[c,b,a])}});return this},serialize:function(){return d.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?d.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bA.test(this.nodeName)||bu.test(this.type))}).map(function(a,b){var c=d(this).val();return c==null?null:d.isArray(c)?d.map(c,function(a,c){return{name:b.name,value:a.replace(br,"\r\n")}}):{name:b.name,value:c.replace(br,"\r\n")}}).get()}}),d.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){d.fn[b]=function(a){return this.bind(b,a)}}),d.each(["get","post"],function(a,c){d[c]=function(a,e,f,g){d.isFunction(e)&&(g=g||f,f=e,e=b);return d.ajax({type:c,url:a,data:e,success:f,dataType:g})}}),d.extend({getScript:function(a,c){return d.get(a,b,c,"script")},getJSON:function(a,b,c){return d.get(a,b,c,"json")},ajaxSetup:function(a,b){b?d.extend(!0,a,d.ajaxSettings,b):(b=a,a=d.extend(!0,d.ajaxSettings,b));for(var c in {context:1,url:1})c in b?a[c]=b[c]:c in d.ajaxSettings&&(a[c]=d.ajaxSettings[c]);return a},ajaxSettings:{url:bJ,isLocal:bv.test(bK[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":"*/*"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":d.parseJSON,"text xml":d.parseXML}},ajaxPrefilter:bM(bH),ajaxTransport:bM(bI),ajax:function(a,c){function v(a,c,l,n){if(r!==2){r=2,p&&clearTimeout(p),o=b,m=n||"",u.readyState=a?4:0;var q,t,v,w=l?bP(e,u,l):b,x,y;if(a>=200&&a<300||a===304){if(e.ifModified){if(x=u.getResponseHeader("Last-Modified"))d.lastModified[k]=x;if(y=u.getResponseHeader("Etag"))d.etag[k]=y}if(a===304)c="notmodified",q=!0;else try{t=bQ(e,w),c="success",q=!0}catch(z){c="parsererror",v=z}}else{v=c;if(!c||a)c="error",a<0&&(a=0)}u.status=a,u.statusText=c,q?h.resolveWith(f,[t,c,u]):h.rejectWith(f,[u,c,v]),u.statusCode(j),j=b,s&&g.trigger("ajax"+(q?"Success":"Error"),[u,e,q?t:v]),i.resolveWith(f,[u,c]),s&&(g.trigger("ajaxComplete",[u,e]),--d.active||d.event.trigger("ajaxStop"))}}typeof a==="object"&&(c=a,a=b),c=c||{};var e=d.ajaxSetup({},c),f=e.context||e,g=f!==e&&(f.nodeType||f instanceof d)?d(f):d.event,h=d.Deferred(),i=d._Deferred(),j=e.statusCode||{},k,l={},m,n,o,p,q,r=0,s,t,u={readyState:0,setRequestHeader:function(a,b){r||(l[a.toLowerCase().replace(bD,bE)]=b);return this},getAllResponseHeaders:function(){return r===2?m:null},getResponseHeader:function(a){var c;if(r===2){if(!n){n={};while(c=bt.exec(m))n[c[1].toLowerCase()]=c[2]}c=n[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){r||(e.mimeType=a);return this},abort:function(a){a=a||"abort",o&&o.abort(a),v(0,a);return this}};h.promise(u),u.success=u.done,u.error=u.fail,u.complete=i.done,u.statusCode=function(a){if(a){var b;if(r<2)for(b in a)j[b]=[j[b],a[b]];else b=a[u.status],u.then(b,b)}return this},e.url=((a||e.url)+"").replace(bs,"").replace(bx,bK[1]+"//"),e.dataTypes=d.trim(e.dataType||"*").toLowerCase().split(bB),e.crossDomain||(q=bF.exec(e.url.toLowerCase()),e.crossDomain=q&&(q[1]!=bK[1]||q[2]!=bK[2]||(q[3]||(q[1]==="http:"?80:443))!=(bK[3]||(bK[1]==="http:"?80:443)))),e.data&&e.processData&&typeof e.data!=="string"&&(e.data=d.param(e.data,e.traditional)),bN(bH,e,c,u);if(r===2)return!1;s=e.global,e.type=e.type.toUpperCase(),e.hasContent=!bw.test(e.type),s&&d.active++===0&&d.event.trigger("ajaxStart");if(!e.hasContent){e.data&&(e.url+=(by.test(e.url)?"&":"?")+e.data),k=e.url;if(e.cache===!1){var w=d.now(),x=e.url.replace(bC,"$1_="+w);e.url=x+(x===e.url?(by.test(e.url)?"&":"?")+"_="+w:"")}}if(e.data&&e.hasContent&&e.contentType!==!1||c.contentType)l["Content-Type"]=e.contentType;e.ifModified&&(k=k||e.url,d.lastModified[k]&&(l["If-Modified-Since"]=d.lastModified[k]),d.etag[k]&&(l["If-None-Match"]=d.etag[k])),l.Accept=e.dataTypes[0]&&e.accepts[e.dataTypes[0]]?e.accepts[e.dataTypes[0]]+(e.dataTypes[0]!=="*"?", */*; q=0.01":""):e.accepts["*"];for(t in e.headers)u.setRequestHeader(t,e.headers[t]);if(e.beforeSend&&(e.beforeSend.call(f,u,e)===!1||r===2)){u.abort();return!1}for(t in {success:1,error:1,complete:1})u[t](e[t]);o=bN(bI,e,c,u);if(o){u.readyState=1,s&&g.trigger("ajaxSend",[u,e]),e.async&&e.timeout>0&&(p=setTimeout(function(){u.abort("timeout")},e.timeout));try{r=1,o.send(l,v)}catch(y){status<2?v(-1,y):d.error(y)}}else v(-1,"No Transport");return u},param:function(a,c){var e=[],f=function(a,b){b=d.isFunction(b)?b():b,e[e.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=d.ajaxSettings.traditional);if(d.isArray(a)||a.jquery&&!d.isPlainObject(a))d.each(a,function(){f(this.name,this.value)});else for(var g in a)bO(g,a[g],c,f);return e.join("&").replace(bp,"+")}}),d.extend({active:0,lastModified:{},etag:{}});var bR=d.now(),bS=/(\=)\?(&|$)|()\?\?()/i;d.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return d.expando+"_"+bR++}}),d.ajaxPrefilter("json jsonp",function(b,c,e){var f=typeof b.data==="string";if(b.dataTypes[0]==="jsonp"||c.jsonpCallback||c.jsonp!=null||b.jsonp!==!1&&(bS.test(b.url)||f&&bS.test(b.data))){var g,h=b.jsonpCallback=d.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2",m=function(){a[h]=i,g&&d.isFunction(i)&&a[h](g[0])};b.jsonp!==!1&&(j=j.replace(bS,l),b.url===j&&(f&&(k=k.replace(bS,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},e.then(m,m),b.converters["script json"]=function(){g||d.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),d.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){d.globalEval(a);return a}}}),d.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),d.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var bT=d.now(),bU,bV;d.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&bX()||bY()}:bX,bV=d.ajaxSettings.xhr(),d.support.ajax=!!bV,d.support.cors=bV&&"withCredentials"in bV,bV=b,d.support.ajax&&d.ajaxTransport(function(a){if(!a.crossDomain||d.support.cors){var c;return{send:function(e,f){var g=a.xhr(),h,i;a.username?g.open(a.type,a.url,a.async,a.username,a.password):g.open(a.type,a.url,a.async);if(a.xhrFields)for(i in a.xhrFields)g[i]=a.xhrFields[i];a.mimeType&&g.overrideMimeType&&g.overrideMimeType(a.mimeType),(!a.crossDomain||a.hasContent)&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(i in e)g.setRequestHeader(i,e[i])}catch(j){}g.send(a.hasContent&&a.data||null),c=function(e,i){var j,k,l,m,n;try{if(c&&(i||g.readyState===4)){c=b,h&&(g.onreadystatechange=d.noop,delete bU[h]);if(i)g.readyState!==4&&g.abort();else{j=g.status,l=g.getAllResponseHeaders(),m={},n=g.responseXML,n&&n.documentElement&&(m.xml=n),m.text=g.responseText;try{k=g.statusText}catch(o){k=""}j||!a.isLocal||a.crossDomain?j===1223&&(j=204):j=m.text?200:404}}}catch(p){i||f(-1,p)}m&&f(j,k,m,l)},a.async&&g.readyState!==4?(bU||(bU={},bW()),h=bT++,g.onreadystatechange=bU[h]=c):c()},abort:function(){c&&c(0,1)}}}});var bZ={},b$=/^(?:toggle|show|hide)$/,b_=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,ca,cb=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];d.fn.extend({show:function(a,b,c){var e,f;if(a||a===0)return this.animate(cc("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)e=this[g],f=e.style.display,!d._data(e,"olddisplay")&&f==="none"&&(f=e.style.display=""),f===""&&d.css(e,"display")==="none"&&d._data(e,"olddisplay",cd(e.nodeName));for(g=0;g<h;g++){e=this[g],f=e.style.display;if(f===""||f==="none")e.style.display=d._data(e,"olddisplay")||""}return this},hide:function(a,b,c){if(a||a===0)return this.animate(cc("hide",3),a,b,c);for(var e=0,f=this.length;e<f;e++){var g=d.css(this[e],"display");g!=="none"&&!d._data(this[e],"olddisplay")&&d._data(this[e],"olddisplay",g)}for(e=0;e<f;e++)this[e].style.display="none";return this},_toggle:d.fn.toggle,toggle:function(a,b,c){var e=typeof a==="boolean";d.isFunction(a)&&d.isFunction(b)?this._toggle.apply(this,arguments):a==null||e?this.each(function(){var b=e?a:d(this).is(":hidden");d(this)[b?"show":"hide"]()}):this.animate(cc("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,e){var f=d.speed(b,c,e);if(d.isEmptyObject(a))return this.each(f.complete);return this[f.queue===!1?"each":"queue"](function(){var b=d.extend({},f),c,e=this.nodeType===1,g=e&&d(this).is(":hidden"),h=this;for(c in a){var i=d.camelCase(c);c!==i&&(a[i]=a[c],delete a[c],c=i);if(a[c]==="hide"&&g||a[c]==="show"&&!g)return b.complete.call(this);if(e&&(c==="height"||c==="width")){b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY];if(d.css(this,"display")==="inline"&&d.css(this,"float")==="none")if(d.support.inlineBlockNeedsLayout){var j=cd(this.nodeName);j==="inline"?this.style.display="inline-block":(this.style.display="inline",this.style.zoom=1)}else this.style.display="inline-block"}d.isArray(a[c])&&((b.specialEasing=b.specialEasing||{})[c]=a[c][1],a[c]=a[c][0])}b.overflow!=null&&(this.style.overflow="hidden"),b.curAnim=d.extend({},a),d.each(a,function(c,e){var f=new d.fx(h,b,c);if(b$.test(e))f[e==="toggle"?g?"show":"hide":e](a);else{var i=b_.exec(e),j=f.cur();if(i){var k=parseFloat(i[2]),l=i[3]||(d.cssNumber[c]?"":"px");l!=="px"&&(d.style(h,c,(k||1)+l),j=(k||1)/f.cur()*j,d.style(h,c,j+l)),i[1]&&(k=(i[1]==="-="?-1:1)*k+j),f.custom(j,k,l)}else f.custom(j,e,"")}});return!0})},stop:function(a,b){var c=d.timers;a&&this.queue([]),this.each(function(){for(var a=c.length-1;a>=0;a--)c[a].elem===this&&(b&&c[a](!0),c.splice(a,1))}),b||this.dequeue();return this}}),d.each({slideDown:cc("show",1),slideUp:cc("hide",1),slideToggle:cc("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){d.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),d.extend({speed:function(a,b,c){var e=a&&typeof a==="object"?d.extend({},a):{complete:c||!c&&b||d.isFunction(a)&&a,duration:a,easing:c&&b||b&&!d.isFunction(b)&&b};e.duration=d.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in d.fx.speeds?d.fx.speeds[e.duration]:d.fx.speeds._default,e.old=e.complete,e.complete=function(){e.queue!==!1&&d(this).dequeue(),d.isFunction(e.old)&&e.old.call(this)};return e},easing:{linear:function(a,b,c,d){return c+d*a},swing:function(a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig||(b.orig={})}}),d.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(d.fx.step[this.prop]||d.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=d.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,b,c){function g(a){return e.step(a)}var e=this,f=d.fx;this.startTime=d.now(),this.start=a,this.end=b,this.unit=c||this.unit||(d.cssNumber[this.prop]?"":"px"),this.now=this.start,this.pos=this.state=0,g.elem=this.elem,g()&&d.timers.push(g)&&!ca&&(ca=setInterval(f.tick,f.interval))},show:function(){this.options.orig[this.prop]=d.style(this.elem,this.prop),this.options.show=!0,this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),d(this.elem).show()},hide:function(){this.options.orig[this.prop]=d.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b=d.now(),c=!0;if(a||b>=this.options.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),this.options.curAnim[this.prop]=!0;for(var e in this.options.curAnim)this.options.curAnim[e]!==!0&&(c=!1);if(c){if(this.options.overflow!=null&&!d.support.shrinkWrapBlocks){var f=this.elem,g=this.options;d.each(["","X","Y"],function(a,b){f.style["overflow"+b]=g.overflow[a]})}this.options.hide&&d(this.elem).hide();if(this.options.hide||this.options.show)for(var h in this.options.curAnim)d.style(this.elem,h,this.options.orig[h]);this.options.complete.call(this.elem)}return!1}var i=b-this.startTime;this.state=i/this.options.duration;var j=this.options.specialEasing&&this.options.specialEasing[this.prop],k=this.options.easing||(d.easing.swing?"swing":"linear");this.pos=d.easing[j||k](this.state,i,0,1,this.options.duration),this.now=this.start+(this.end-this.start)*this.pos,this.update();return!0}},d.extend(d.fx,{tick:function(){var a=d.timers;for(var b=0;b<a.length;b++)a[b]()||a.splice(b--,1);a.length||d.fx.stop()},interval:13,stop:function(){clearInterval(ca),ca=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){d.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit:a.elem[a.prop]=a.now}}}),d.expr&&d.expr.filters&&(d.expr.filters.animated=function(a){return d.grep(d.timers,function(b){return a===b.elem}).length});var ce=/^t(?:able|d|h)$/i,cf=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?d.fn.offset=function(a){var b=this[0],c;if(a)return this.each(function(b){d.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return d.offset.bodyOffset(b);try{c=b.getBoundingClientRect()}catch(e){}var f=b.ownerDocument,g=f.documentElement;if(!c||!d.contains(g,b))return c?{top:c.top,left:c.left}:{top:0,left:0};var h=f.body,i=cg(f),j=g.clientTop||h.clientTop||0,k=g.clientLeft||h.clientLeft||0,l=i.pageYOffset||d.support.boxModel&&g.scrollTop||h.scrollTop,m=i.pageXOffset||d.support.boxModel&&g.scrollLeft||h.scrollLeft,n=c.top+l-j,o=c.left+m-k;return{top:n,left:o}}:d.fn.offset=function(a){var b=this[0];if(a)return this.each(function(b){d.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return d.offset.bodyOffset(b);d.offset.initialize();var c,e=b.offsetParent,f=b,g=b.ownerDocument,h=g.documentElement,i=g.body,j=g.defaultView,k=j?j.getComputedStyle(b,null):b.currentStyle,l=b.offsetTop,m=b.offsetLeft;while((b=b.parentNode)&&b!==i&&b!==h){if(d.offset.supportsFixedPosition&&k.position==="fixed")break;c=j?j.getComputedStyle(b,null):b.currentStyle,l-=b.scrollTop,m-=b.scrollLeft,b===e&&(l+=b.offsetTop,m+=b.offsetLeft,d.offset.doesNotAddBorder&&(!d.offset.doesAddBorderForTableAndCells||!ce.test(b.nodeName))&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),f=e,e=b.offsetParent),d.offset.subtractsBorderForOverflowNotVisible&&c.overflow!=="visible"&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),k=c}if(k.position==="relative"||k.position==="static")l+=i.offsetTop,m+=i.offsetLeft;d.offset.supportsFixedPosition&&k.position==="fixed"&&(l+=Math.max(h.scrollTop,i.scrollTop),m+=Math.max(h.scrollLeft,i.scrollLeft));return{top:l,left:m}},d.offset={initialize:function(){var a=c.body,b=c.createElement("div"),e,f,g,h,i=parseFloat(d.css(a,"marginTop"))||0,j="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";d.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"}),b.innerHTML=j,a.insertBefore(b,a.firstChild),e=b.firstChild,f=e.firstChild,h=e.nextSibling.firstChild.firstChild,this.doesNotAddBorder=f.offsetTop!==5,this.doesAddBorderForTableAndCells=h.offsetTop===5,f.style.position="fixed",f.style.top="20px",this.supportsFixedPosition=f.offsetTop===20||f.offsetTop===15,f.style.position=f.style.top="",e.style.overflow="hidden",e.style.position="relative",this.subtractsBorderForOverflowNotVisible=f.offsetTop===-5,this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==i,a.removeChild(b),a=b=e=f=g=h=null,d.offset.initialize=d.noop},bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;d.offset.initialize(),d.offset.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(d.css(a,"marginTop"))||0,c+=parseFloat(d.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var e=d.css(a,"position");e==="static"&&(a.style.position="relative");var f=d(a),g=f.offset(),h=d.css(a,"top"),i=d.css(a,"left"),j=e==="absolute"&&d.inArray("auto",[h,i])>-1,k={},l={},m,n;j&&(l=f.position()),m=j?l.top:parseInt(h,10)||0,n=j?l.left:parseInt(i,10)||0,d.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):f.css(k)}},d.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),e=cf.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(d.css(a,"marginTop"))||0,c.left-=parseFloat(d.css(a,"marginLeft"))||0,e.top+=parseFloat(d.css(b[0],"borderTopWidth"))||0,e.left+=parseFloat(d.css(b[0],"borderLeftWidth"))||0;return{top:c.top-e.top,left:c.left-e.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&(!cf.test(a.nodeName)&&d.css(a,"position")==="static"))a=a.offsetParent;return a})}}),d.each(["Left","Top"],function(a,c){var e="scroll"+c;d.fn[e]=function(c){var f=this[0],g;if(!f)return null;if(c!==b)return this.each(function(){g=cg(this),g?g.scrollTo(a?d(g).scrollLeft():c,a?c:d(g).scrollTop()):this[e]=c});g=cg(f);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:d.support.boxModel&&g.document.documentElement[e]||g.document.body[e]:f[e]}}),d.each(["Height","Width"],function(a,c){var e=c.toLowerCase();d.fn["inner"+c]=function(){return this[0]?parseFloat(d.css(this[0],e,"padding")):null},d.fn["outer"+c]=function(a){return this[0]?parseFloat(d.css(this[0],e,a?"margin":"border")):null},d.fn[e]=function(a){var f=this[0];if(!f)return a==null?null:this;if(d.isFunction(a))return this.each(function(b){var c=d(this);c[e](a.call(this,b,c[e]()))});if(d.isWindow(f)){var g=f.document.documentElement["client"+c];return f.document.compatMode==="CSS1Compat"&&g||f.document.body["client"+c]||g}if(f.nodeType===9)return Math.max(f.documentElement["client"+c],f.body["scroll"+c],f.documentElement["scroll"+c],f.body["offset"+c],f.documentElement["offset"+c]);if(a===b){var h=d.css(f,e),i=parseFloat(h);return d.isNaN(i)?h:i}return this.css(e,typeof a==="string"?a:a+"px")}}),a.jQuery=a.$=d})(window);
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/markApp.js b/ffdemo/static/assets/js/markApp.js
new file mode 100644
index 0000000..b50422b
--- /dev/null
+++ b/ffdemo/static/assets/js/markApp.js
@@ -0,0 +1,7123 @@
+( function( $ ) {
+		
+	// The markApp namespace is used for storing available module code, instances of markApp, and any context free functions
+	$.markApp = {
+		// holds all available modules
+		modules: {},
+		// we keep track of all instances of markApp in here
+		instances: [],
+		// helper functions go here
+		fn: {}
+	};
+	
+	// Creates a markApp instances with an element, and handles function calls on the instance
+	$.fn.markApp = function( options ) {
+		var $this = $( this );
+		// The context each markApp instance is stored as data on that element
+		var context = $this.data( 'markApp-context' );
+		// On first call, we need to set things up, but on all following calls we can skip right to the API handling
+		if ( !context || typeof context == 'undefined' ) {
+			context = {
+				// useful variables -- jquery objects get prefixed with $
+				app: null,
+				$container: $this,
+				frameCount: 0,
+				width: 0,
+				height: 0,
+				minWidth: 700,
+				minHeight: 500,
+				countries: [],
+				mouseX: null,
+				mouseY: null,
+				mouseDown: false,
+				mouseIn: false,
+				modules: {},
+				usersMark: null,
+				translatedStrings: {},
+				locale: ( window.location.pathname.split("/").length > 1 ) ? window.location.pathname.split("/")[1] : "en", // locale -- set by URL, default to 'en'
+				instance: $.markApp.instances.push( $this ) - 1,   // store this instances index in the global instace array
+				// events
+				evt: {
+					resize: function( e ) {
+						var availableWidth = $( window ).width();
+						var availableHeight = $( window ).height() -  ( $( 'header' ).height() + $( '#callout-boxes' ).height() );
+						if ( availableWidth < context.minWidth ) availableWidth = context.minWidth;
+						if ( availableHeight < context.minHeight ) availableHeight = context.minHeight;
+						context.$container.parent().width( availableWidth );
+						context.$container.parent().height( availableHeight );
+						context.width = availableWidth;
+						context.height = availableHeight;
+						// resize any elements with the autoResize class
+						$( '.autoResize' )
+							.height( availableHeight )
+							.width( availableWidth )
+							.trigger( 'resize.markApp', [availableWidth, availableHeight] );
+					},
+					mousemove: function( e ) {
+						context.mouseX = e.layerX;
+						context.mouseY = e.layerY;
+					},
+					mousedown: function( e ) {
+						if( 'preventDefault' in e ) e.preventDefault();
+						context.mouseDown = true;
+					},
+					mouseup: function( e ) {
+						if( 'preventDefault' in e ) e.preventDefault();
+						context.mouseDown = false;
+					},
+					mouseover: function( e ) {
+						if( 'preventDefault' in e ) e.preventDefault();
+						context.mouseIn = true;
+					},
+					mouseout: function( e ) {
+						if( 'preventDefault' in e ) e.preventDefault();
+						context.mouseX = null;
+						context.mouseY = null;
+						context.mouseIn = false;
+					},
+					ready: function ( e ) {
+						// refresh our translations
+						context.fn.loadTranslations();
+					}
+				},
+				// publicly accessible functions
+				public_fn: {
+					addModule: function( context, data ) {
+						var moduleName,
+							moduleOptions = {};
+						if( typeof data == "string" ) {
+							moduleName = data
+						} else if( typeof data == "object" ) {
+							for ( var moduleData in data ) {
+								moduleName = moduleData
+								moduleOptions = data[moduleData];
+								break;
+							}
+						}
+						if( $.markApp.modules[moduleName] ) {
+							// give this module it's own space for storing stuff if it doesn't already have it
+							context.modules[moduleName] = context.modules[moduleName] || {};
+							// if it has an init function, run it
+							if( 'init' in $.markApp.modules[moduleName].fn )
+								$.markApp.modules[moduleName].fn.init( context, moduleOptions );
+						}
+					},
+					unloadModule: function( context, moduleName ) {
+						if( moduleName == "all" ) {
+							// unload all the currently loaded modules
+							for ( moduleName in context.modules ) {
+								// if it has a deinit function, run it
+								if( 'deinit' in $.markApp.modules[moduleName].fn )
+									$.markApp.modules[moduleName].fn.deinit( context );
+								// remove it from our modules
+								delete context.modules[moduleName];
+							}
+						} else if ( moduleName in context.modules ) {
+							// if it has a deinit function, run it
+							if( 'deinit' in $.markApp.modules[moduleName].fn )
+								$.markApp.modules[moduleName].fn.deinit( context );
+							// remove it from our modules
+							delete context.modules[moduleName];
+						}
+					}
+				},
+				// internal functions
+				fn: {
+					// trigger event handlers on modules
+					trigger: function( eventName, eventObj, args ) {
+						// Add some assurances to our eventObj
+						if( typeof eventObj == "undefined" )
+							eventObj = { 'type': 'custom' };
+						
+						// trigger the global handlers first
+						if ( eventName in context.evt ) {
+							// if it returns false, stop the train
+							if ( context.evt[eventName]( eventObj ) == false ) {
+								return false;
+							}
+						}
+						
+						// run the event handler on each module that's got it
+						for( var module in context.modules ) {
+							if( module in $.markApp.modules && 
+								'evt' in $.markApp.modules[module] &&
+								eventName in $.markApp.modules[module].evt ) {
+									$.markApp.modules[module].evt[eventName]( context, eventObj, args );
+								}
+						}
+					},
+					loop: function( e ) {
+						// reset the delay
+						setTimeout( function() { context.fn.loop( ); }, 42 );
+						// incremenet the counter
+						context.frameCount++;
+						// dispatch the event
+						context.fn.trigger( 'loop', {}, [] );
+					},
+					// useful for delayed loading of the country data
+					withCountryCodes: function ( callback ) {
+						if ( 'US' in context.countries ) {
+							callback( context.countries );
+						} else {
+							$.ajax( {
+								'url': '/media/assets/js/vendor/country_codes.json',
+								'dataType': 'JSON',
+								'success': function ( data ) {
+									context.countries = data;
+									for( var i = 0; i < data.length; i++ ) {
+										context.countries[ data[i].code ] = data[i].name;
+									}
+									callback( context.countries );
+								},
+								'error': function () {
+									// handle error loading countries
+								}
+							} );
+						}
+					},
+					showLoader: function( msg, custom_class ) {
+						var custom_class = typeof custom_class === "string" ? custom_class : '';
+						var msg = typeof msg === "string" ? msg : context.fn.getString( 'default-loading-msg' );
+						// append our loader
+						var $loader = $( '<div />' )
+							.width( context.width )
+							.height( context.height )
+							.hide()
+							.addClass( 'overlay-wrapper autoResize' )
+							.addClass( custom_class )
+							.attr( 'id', 'markapp-loader' )
+							.append( $( '<div />' )
+								.text( msg ) );
+						context.$container
+							.append( $loader );
+						$loader.fadeIn( 'fast' );
+					},
+					hideLoader: function( ) {
+						$( '#markapp-loader' ).fadeOut( 'fast', function() {
+							$( this ).remove();
+						} );
+					},
+					showError: function ( msg ) {
+						var msg = typeof msg === "string" ? msg : context.fn.getString( 'default-error-msg' );
+						var $error = $( '<div />' )
+							.width( context.width )
+							.height( context.height )
+							.hide()
+							.click( function ( e ) {
+								e.preventDefault();
+								context.fn.hideError();
+							} )
+							.addClass( 'overlay-wrapper autoResize' )
+							.attr( 'id', 'markapp-error' )
+							.append( $( '<div />' )
+								.attr( 'id', 'markapp-error-content' )
+								.append( $( '<p />' ).html( msg ) ) );
+						context.$container
+							.append( $error );
+						$error.fadeIn( 'fast' );
+					},
+					hideError: function ( ) {
+						$( '#markapp-error' ).fadeOut( 'fast', function() {
+							$( this ).remove();
+						} );
+					},
+					// parses translated strings out of div.translated-strings
+					// ol's are treated as arrays
+					// everything else as is
+					loadTranslations: function( ) {
+						$( 'div.translated-strings' ).each( function () {
+							$( this ).children().each( function () {
+								var $this = $( this );
+								if ( $this.is( 'ol' ) ) {
+									// if it's an ol, load the strings in each childnode as an array
+									context.translatedStrings[$this.attr( 'id' )] = [];
+									$this.children().each( function () {
+										context.translatedStrings[$this.attr( 'id' )].push( $( this ).html() );
+									} );
+								} else {
+									// otherwise just load the elements contents
+									context.translatedStrings[$this.attr( 'id' )] = $this.html();
+								}
+							} );
+						} );
+					},
+					// looks for a match in translated stings
+					// returns the match if found, else it returns the key
+					getString: function ( key, index ) {
+						if( key in context.translatedStrings ) {
+							if( typeof context.translatedStrings[key] === "object" && typeof index === "number" ) {
+								// if this tranlsation is an array of strings, and we were passed an index val
+								return context.translatedStrings[key][index];
+							} else {
+								// otherwise just return the match
+								return context.translatedStrings[key];
+							}
+						} else {
+							// fallback to returning the passed key if we can't find the translation
+							return key;
+						}
+					},
+					storeData: function( key, value ) {
+						if ( typeof localStorage != 'undefined' ) {
+							// use localStorage if it exists
+							try {
+								if( typeof value === "object" ) {
+									value = JSON.stringify( value );
+								}
+								localStorage.setItem( key, value );
+							} catch (e) {
+							 	 if ( e == QUOTA_EXCEEDED_ERR ) { /* data wasn't successfully saved due to quota exceed */ }
+							}
+						}
+					},
+					getData: function( key ) {
+						if ( typeof localStorage != 'undefined' ) {
+							var item = localStorage.getItem( key );
+							if( item ) {
+								if ( item[0]=="{" ) item = JSON.parse( item );
+								return item;
+							} else {
+								return false;
+							}
+						}
+					}
+				}
+			};
+			// bindings
+			$( window )
+				.delayedBind( 300, 'resize', function( e ) {
+					return context.fn.trigger( 'resize', e );
+				} )
+				.bind( 'keydown keypress keyup', function( e ) {
+					return context.fn.trigger( e.type, e );
+				} )
+				.trigger( 'resize' );
+			context.$container
+				.bind( 'mousemove mousedown mouseup mouseover mouseout ready swap', function( e ) {
+					return context.fn.trigger( e.type, e );
+				} );
+			// start the loop
+			context.fn.loop();
+		}
+		
+		// Convert the arguments to an array to make this easier
+		var args = $.makeArray( arguments );
+		
+		// handle public function calls
+		if ( args.length > 0 ) {
+			var call = args.shift();
+			if ( call in context.public_fn ) {
+				context.public_fn[call]( context, typeof args[0] == 'undefined' ? {} : args[0] );
+			}
+		}
+		
+		return $this.data( 'markApp-context', context );
+	};
+	
+}( jQuery ) );
+( function( $ ) {
+	
+	// support loose augmentation
+	markApp = $.markApp = $.markApp || {};
+	modules = $.markApp.modules = $.markApp.modules || {};
+	
+	modules.linear = {
+		defaults: {
+			reference_mark: null, // optional reference mark -- will init the visualization on this mark if passed
+			country_code: null, // optional country code -- only loads marks with this county code if present 
+			playback: false, // set this to true to immediately play back the initial mark
+			is_flagged: false, // optional flagged flag -- only loads marks that are flagged (for use within moderation)
+			linear_root: 'linear'
+		},
+		config: {
+			marks: {}, // all marks held here
+			flaggings: {}, // loaded from local storage, and used for some local checking that users are flagging things multiple times
+			orderedMarks: [], // array of mark references, arranged by id
+			leftBuffer: [], // mark buffers for the left and right of the marks currently in the scene
+			rightBuffer: [],
+			bufferSize: 20, // amount of marks to keep in a buffer
+			bufferMinSize: 5, // min amount of marks to keep in a buffer before forcing a refill
+			scene: null,
+			// handles camera changes -- could probably be shifted into the camera object
+			cameraChange: {},
+			tweens: {},
+			layerManager: null, // layer manager
+			initialized: false, // boolean flag to indicate if this module is fully setup
+			requestingMarks: false, // prevents more mark request from being sent when set to true
+			moreLeft: true, // Flags for the begining and end of the line. Assume we're not there at the start
+			moreRight: true, 
+			hoverMark: null, // holds the mark currently being hovered over
+			currentMark: null,
+			playbackTimes: {}, // used for storing mark playback times by reference
+			eventChange: false // flag to tell the render loop if the mouse is causing changes that need rendered
+		},
+		evt: {
+			ready: function ( context, e ) {
+				modules.linear.fn.initInterface( context );
+			},
+			resize: function( context, e ) {
+				context.modules.linear.eventChange = true;
+				context.modules.linear.layerManager.resizeAll( context.width, context.height );
+			},
+			keydown: function ( context, e ) {
+				var lC = context.modules.linear;
+				switch( e.keyCode ) {
+					case 38:
+						// arrow up
+						e.preventDefault();
+						lC.cameraChange.aZ = 10;
+						break;
+					case 40:
+						// arrow down
+						e.preventDefault();
+						lC.cameraChange.aZ = -10;
+						break;
+					case 39:
+						// arrow right -- pan the camera to the right
+						e.preventDefault();
+						// next mark
+						lC.cameraChange.aX = 10;
+						// hide mark info
+						modules.linear.fn.hideMarkInformation( context );
+						break;
+					case 37:
+						// arrow left -- pan the camera to the left
+						e.preventDefault();
+						// prev mark
+						lC.cameraChange.aX = -10;
+						// hide mark info
+						modules.linear.fn.hideMarkInformation( context );
+						break;
+				}
+			},
+			keyup: function( context, e ) {
+				var lC = context.modules.linear;
+				switch( e.keyCode ) {
+					case 38:
+					case 40:
+						// arrow up
+						e.preventDefault();
+						lC.cameraChange.aZ = 0;
+						break;
+					case 39:
+					case 37:
+						e.preventDefault();
+						lC.cameraChange.aX = 0;
+						break;
+				}
+			},
+			// prevent our bound keys from firing native events
+			keypress: function( context, e ) {
+				switch( e.keyCode ) {
+					case 38:
+					case 40:
+					case 39:
+					case 37:
+						e.preventDefault();
+						break;
+				}
+			},
+			mousedown: function( context, e ) {
+				var lC = context.modules.linear;
+				if( mark = modules.linear.fn.hitTest( context, context.mouseX, context.mouseY ) ) {
+					// if the mark hasn't changed from what's in our URL, we just need to show the details again
+					if ( mark == lC.currentMark ) {
+						modules.linear.fn.centerCurrentMark( context, function() {
+							modules.linear.fn.showMarkInformation( context );
+						} );
+					// otherwise update the URL, and the module will jump to the referenced mark
+					} else if ( lC.country_code ) {
+						context.app.setLocation( '#/' + lC.linear_root + '/country/' + lC.country_code + '/' + mark.reference );
+					} else {
+						context.app.setLocation( '#/' + lC.linear_root + '/' + mark.reference );
+					}
+				}
+			},
+			mousemove: function( context, e ) {
+				var lC = context.modules.linear;
+				lC.eventChange = true;
+				// hover test
+				if( mark = modules.linear.fn.hoverTest( context, context.mouseX, context.mouseY, lC.hoverMark ) ) {
+					// reset the old hovered mark
+					if( lC.hoverMark ) lC.hoverMark.color = lC.hoverMark.contributor_name ? '0,139,211' : '0,0,0';
+					// store this hover mark
+					lC.hoverMark = mark;
+					if ( lC.currentMark && lC.hoverMark.reference == lC.currentMark.reference && lC.hoverMark.contributor_name && $( '#mark-information' ).is( ':visible' ) ) {
+						$( '#contributor-quote-box' )
+							.fadeIn( 'fast' )
+							.css( { left: context.mouseX - 15, top: context.mouseY - $( '#contributor-quote-box' ).height() - 15 } );
+					} else {
+						$( '#contributor-quote-box:visible' ).fadeOut( 'fast' );
+						lC.hoverMark.color = lC.hoverMark.contributor_name ? '255,111,40' : '0,139,211';
+					}
+				} else if ( lC.hoverMark ) {
+					lC.hoverMark.color = lC.hoverMark.contributor_name ? '0,139,211' : '0,0,0';
+					lC.hoverMark = null;
+					// fade out any contributor quotes we might happen to be showing 
+					$( '#contributor-quote-box:visible' ).fadeOut( 'fast' );
+				}
+				
+			},
+			loop: function ( context ) {
+				var lC = context.modules.linear,
+					dLayer = lC.layerManager.layers['drawingLayer'];
+					
+				// update the position of the camera 
+				var lastCameraPosition = {x: lC.scene.camera.position.x, y: lC.scene.camera.position.y, z: lC.scene.camera.position.z };
+				// two ways this can happen
+				if( 'cameraEase' in lC.tweens ) {
+					// with a tween
+					TWEEN.update();
+				} else {
+					// or with physics
+					lC.cameraChange.vZ += lC.cameraChange.aZ;
+					lC.cameraChange.vX += lC.cameraChange.aX;
+					lC.cameraChange.vX *= .93;
+					lC.cameraChange.vZ *= .93;
+					lC.scene.camera.position.x += lC.cameraChange.vX;
+					lC.scene.camera.position.z += lC.cameraChange.vZ;
+					// bring the Y and Z positions close to the current mark
+					var mark = modules.linear.fn.closestMark( context );
+					if ( mark ) {
+						var dY = lC.scene.camera.position.y - ( mark.position.y + ( mark.bHeight / 2 ) );
+						// if Z is not changing, try to maintain
+						// if( )
+						// var dZ = lC.scene.camera.position.z - 
+						if ( dY != 0 && Math.abs(dY) >= 10) lC.scene.camera.position.y += ( dY > 0 ? -10 : 10 );
+					}
+					// TODO: fix the Z index while navigating the line
+				}
+				
+				// if nothing has changed, return RIGHT NOW
+				if( !lC.eventChange &&
+					lastCameraPosition.x == lC.scene.camera.position.x &&
+					lastCameraPosition.y == lC.scene.camera.position.y &&
+					lastCameraPosition.z == lC.scene.camera.position.z ) {
+					return false;
+				}
+				
+				// modified hover test -- only removes hover states 
+				if( lC.hoverMark && ! modules.linear.fn.hoverTest( context, context.mouseX, context.mouseY, lC.hoverMark ) ) {
+					lC.hoverMark.color = lC.hoverMark.contributor_name ? '0,139,211' : '0,0,0';
+					lC.hoverMark = null;
+					// fade out any contributor quotes we might happen to be showing 
+					$( '#contributor-quote-box:visible' ).fadeOut( 'fast' );
+				}
+				
+				dLayer.clean();
+				// update scene marks && add more as needed
+				modules.linear.fn.updateScene( context, lC.scene.camera.position.x - 10000, lC.scene.camera.position.x + 10000 );
+				// cleanup the scene and tend to empty buffers
+				modules.linear.fn.updateBuffers( context, lC.scene.camera.position.x - 10000, lC.scene.camera.position.x + 10000 );
+				
+				// render the scene 
+				Mark.renderer.renderScene( lC.scene, { 'cursor': {x: context.mouseX, y: context.mouseY}, width: context.width, height: context.height } );
+				// ark.renderer.renderScene( lC.scene, dLayer.context, { x: context.mouseX, y: context.mouseY }, context.width, context.height, lC.playbackTimes );
+				
+				// set the eventChange flag back to false -- a mouse/keyboard or playback event will need to set it back to true again before we'll render because of it
+				lC.eventChange = false
+				
+				// cleanup playback times if necissary
+				for( mark in lC.scene.timers ) {
+					var now = ( new Date() ).getTime();
+					if( lC.scene.timers[mark].end < now ) {
+						delete lC.scene.timers[mark];
+					} 
+					lC.eventChange = true;
+				}
+				
+			}
+		},
+		fn: {
+			init: function( context, options ) {
+				var lC = context.modules.linear;
+				// if this modules has already been initialized, update the options
+				if ( '$linear' in context.modules.linear ) {
+					// before we merge options, check if we need to dump our current data
+					if ( options['country_code'] != lC.country_code ) {
+						modules.linear.fn.dumpAllMarks( context );
+					}
+					// now our options into our context
+					$.extend( lC, lC, options );
+					// since merging won't replace null or undefined values, make sure we clean up after it
+					for( option in modules.linear.defaults ) {
+						if ( options[option] == null ) lC[option] = modules.linear.defaults[option];
+					}
+					// update the interface
+					modules.linear.fn.updateInterface( context );
+					// load our marks
+					modules.linear.fn.initMarks( context );
+				} else {
+					// allow defaults to be overriden
+					$.extend( lC, modules.linear.defaults, options );
+					// but not the cofig
+					$.extend( lC, lC, modules.linear.config );
+
+					// DOM setup
+					lC.$linear = $( '<div />' )
+						.addClass( "linear-container" );
+					context.$container
+						.append( lC.$linear );
+
+					// scene setup
+					lC.scene = new Mark.scene();
+					lC.cameraChange = { aX: 0, aY: 0, aZ: 0, vX: 0, vY: 0, vZ: 0 };
+					// layer setup
+					lC.layerManager = new Mark.layerManager( lC.$linear.get( 0 ) );
+					lC.layerManager.addLayer( 'drawingLayer' );
+					lC.scene.canvasContext = lC.layerManager.layers['drawingLayer'].context;
+					// trigger resize so our new layers are sized to fit
+					context.fn.trigger( 'resize' );
+
+					lC.initialized = true;
+				}
+				// load flaggings
+				lC.flaggings = context.fn.getData( 'markFlaggings' ) || {};
+			},
+			deinit: function( context ) {
+				var lC = context.modules.linear;
+				lC.$linear.fadeOut( 'fast', function () {
+					// remove all our layers
+					lC.layerManager.removeAll();
+					lC.$linear.remove();
+					lC.initialized = false;
+				} );
+			},
+			initInterface: function( context ) {
+				var lC = context.modules.linear;
+				// hide anything that needs data loaded into it
+				$( '#stats' )
+					.hide( );
+				// enable the controls
+				$( '#mark-browsing-zoom-in a, #mark-browsing-zoom-out a, #mark-browsing-next a, #mark-browsing-prev a' )
+					.click( function( e ){ e.preventDefault(); } )
+					.bind( 'mouseup mouseout', function( e ) {
+						e.preventDefault();
+						if ( $( this ).data( 'mouseDown' ) ) {
+							if( $( this ).is( '#mark-browsing-zoom-in a, #mark-browsing-zoom-out a' ) ) {
+								context.modules.linear.cameraChange.aZ = 0;
+							} else if( $( this ).is( '#mark-browsing-next a, #mark-browsing-prev a' ) ) {
+								context.modules.linear.cameraChange.aX = 0;
+							}
+							$( this ).data( 'mouseDown', false );
+						}
+					} )
+					.bind( 'mousedown', function( e ) {
+						e.preventDefault();
+						$( this ).data( 'mouseDown', true );
+						if( $( this ).is( '#mark-browsing-zoom-in a, #mark-browsing-zoom-out a' ) ) {
+							context.modules.linear.cameraChange.aZ = $( this ).is( '#mark-browsing-zoom-in a' ) ? 10 : -10;
+						} else if ( $( this ).is( '#mark-browsing-next a, #mark-browsing-prev a' ) ) {
+							context.modules.linear.cameraChange.aX = $( this ).is( '#mark-browsing-next a' ) ? 10 : -10;
+							// hide the mark information
+							modules.linear.fn.hideMarkInformation( context );
+						}
+					} );
+					// populate our country filter select box
+					context.fn.withCountryCodes( function ( countryCodes ) {
+						var $select = $( '#country-select' );
+						for( var i = 0; i < countryCodes.length; i++ ) {
+							var $option = $( '<option />' )
+								.val( countryCodes[i].code )
+								.text( countryCodes[i].name );
+							$select.append( $option );
+						}
+						$select.change( function ( ) {
+							var val = $( this ).val();
+							if( val.length != 2 && lC.country_code ) {
+								// redirect back to the unfiltered view
+								context.app.setLocation( '#/' + lC.linear_root + '/' );
+							} else if ( val.length == 2 && val != lC.country_code ) {
+								// redirect to linear mode with the new country code
+								context.app.setLocation( '#/' + lC.linear_root + '/country/' + val + '/' );
+							}
+							// return focus to the viz
+							$( this ).blur();
+							context.$container.focus();
+						} );
+						// select the current mark if we have it
+						if( lC.country_code ) $select.val( lC.country_code );
+					} );
+
+				// hide all the mark detial things 
+				$( '#mark-information' ).hide();
+				// setup the mark details 
+				$( '#mark-playback' )
+					.click( function ( e ) {
+						e.preventDefault();
+						modules.linear.fn.replayCurrentMark( context );
+					} );
+				$( '#mark-flag' )
+					.click( function( e ) {
+						e.preventDefault();
+						modules.linear.fn.flagCurrentMark( context );
+					} );
+				//	Click events for moderation mode
+				$( '#delete-mark' )
+					.click( function( e ) {
+						e.preventDefault();
+						modules.linear.fn.deleteCurrentMark( context );
+					} );
+				$( '#approve-mark-checkbox' )
+					.change( function( e ) {
+						e.preventDefault();
+						var shouldApprove = $(this).is(':checked');
+						modules.linear.fn.approveCurrentMark( context, shouldApprove );
+					} );
+				// setup sharing
+				$( '#twitter-share' ).socialShare( { 
+					'share_url': 'http://twitter.com/share', 
+					'share_params': { 'text': context.fn.getString( 'twitter-msg' ) }
+					} );
+				$( '#facebook-share' ).socialShare( {
+					'share_url': 'http://www.facebook.com/sharer.php',
+					'share_params': { 't': context.fn.getString( 'facebook-msg' ) }
+					} );
+				// run the interface update
+				modules.linear.fn.updateInterface( context );
+				// load our marks
+				modules.linear.fn.initMarks( context );
+				
+				
+				$("#sammy #country-select").selectBox({ autoWidth: false });
+				$("#sammy #contributor-select").selectBox({ autoWidth: false });
+				
+				
+			},
+			initMarks: function ( context ) {
+				var lC = context.modules.linear;
+				if ( lC.reference_mark && lC.reference_mark != "" ) {
+					// If we were passed a mark to start with, start there
+					if( lC.reference_mark in lC.marks ) {
+						// if we already have this mark, just jump to it
+						modules.linear.fn.jumpToMark( context, lC.reference_mark, lC.playback );
+					} else {
+						// load the mark and it's surrounding marks
+						modules.linear.fn.loadMarks( context, {
+							'reference': lC.reference_mark,
+							'include_forward': 20,
+							'include_back': 20,
+							'include_mark': 1,
+							'success': function ( data ) {
+								if( data.success ) {
+									// push the marks into the leftBuffer
+									modules.linear.fn.setupMarks( context, data.marks );
+									// and jump to our mark
+									modules.linear.fn.jumpToMark( context, lC.reference_mark, lC.playback );
+								} else {
+									// show the error message, with a link back to the main visualization link
+									context.fn.showError( lC.errorMsg );
+								}
+								lC.requestingMarks = false;
+							}
+						} );
+					}
+					
+				} else {
+					// otherwise start at the first mark
+					modules.linear.fn.loadMarks( context,  {
+						'offset': 0,
+						'max': 20,
+						'success': function ( data ) {
+							if( data.success ) {
+								modules.linear.fn.setupMarks( context, data.marks );
+								// after we load the marks, back the camera away and zoom to the first one
+								if( firstMark = lC.marks[data.marks[0].reference] ) {
+									lC.scene.camera.position.x = -4000;
+									lC.scene.camera.position.z = -3000;
+									var tween = 'cameraEase' in lC.tweens ? lC.tweens['cameraEase'] : new TWEEN.Tween( lC.scene.camera.position );
+									tween
+										.to( { 
+											x: ( firstMark.bWidth / 2 ), 
+											y: ( firstMark.bHeight / 2 ),
+											z: -1000 }, 2000 )
+										.onComplete( function( ) {
+											delete lC.tweens['cameraEase'];
+											if ( typeof callback === "function" ) callback( this );
+										} )
+										.easing( TWEEN.Easing.Quartic.EaseInOut )
+										.start();
+									lC.tweens['cameraEase'] = tween;
+								}
+							} else {
+								// show the error message, with a link back to the main visualization link
+								context.fn.showError( lC.errorMsg );
+							}
+							lC.requestingMarks = false;
+						}
+					} );
+				}
+			},
+			// DOM updates that should run after every new request should go here
+			updateInterface: function ( context ) {
+				var lC = context.modules.linear;
+				// show the appropriate middle link
+				var userMark = context.fn.getData( 'userMark' );
+				if( userMark && ( lC.country_code ? ( userMark.country_code == lC.country_code ) : true ) ) {
+					$( '#your-mark-link' )
+						.attr( 'href', '#/' + lC.linear_root + '/' + context.fn.getData( 'userMark' ).reference )
+						.show();
+				} else {
+					$( '#your-mark-link' )
+						.hide();
+				}
+				// setup the stats
+				var options = {};
+				if( lC.country_code ) {
+					options['country_code'] =  lC.country_code;
+					$( "#contributor-select" ).next().hide();
+					$( '#contributor-select-label' ).hide();
+				} else {
+					$( "#contributor-select" ).next().show();
+					$( '#contributor-select-label' ).show();
+				}
+				// if the country has changed, grab updated data
+				if( ! $( '#mark-browsing-options' ).is( '.country-' + ( lC.country_code ? lC.country_code : 'all' ) ) ) {
+					$.ajax( {
+						'url': '/requests/init_viz_data',
+						'data': options,
+						dataType: 'JSON', 
+						success: function( data ) {
+							// set the class on the details to indicate country 
+							$( '#mark-browsing-options' )
+								.removeAttr( 'class' )
+								.addClass( 'country-' + ( lC.country_code ? lC.country_code : 'all' ) );
+							// setup and show the stats
+							$( '#stats-number-of-marks' )
+								.text( data.total_marks );
+							$( '#stats-number-of-countries' )
+								.text( data.total_countries );
+							var now = new Date();
+							var then = new Date( data.first_mark_at );
+							var days = Math.ceil( ( now.getTime() - then.getTime() ) / ( 1000 * 60 * 60 * 24 ) ); 
+							$( '#stats-number-of-days' )
+								.text( days );
+							$( '#stats' )
+								.fadeIn( 'fast' );
+							if( lC.country_code ) {
+								$( '#first-mark-link' )
+									.attr( 'href', '#/' + lC.linear_root + '/country/' + lC.country_code + '/' + data.country_first_mark );
+								$( '#last-mark-link' )
+									.attr( 'href', '#/' + lC.linear_root + '/country/' + lC.country_code + '/' + data.country_last_mark );
+							} else {
+								$( '#first-mark-link' )
+									.attr( 'href', '#/' + lC.linear_root + '/' + data.first_mark );
+								$( '#last-mark-link' )
+									.attr( 'href', '#/' + lC.linear_root + '/' + data.last_mark );
+							}
+							// setup collapsibles
+							$( '#mark-browsing' ).collapsibleMod( );
+							$( '#stats' ).collapsibleMod( { 'collapsedHeight': 10 } );
+							
+							// if the contributor box is empty, fill it
+							if( $( '#contributor-select option' ).size() == 1 ) {
+								var $select = $( '#contributor-select' );
+								if ( data.contributor_marks ) {
+									for( var i = 0; i < data.contributor_marks.length; i++ ) {
+										var $option = $( '<option />' )
+											.val( data.contributor_marks[i].reference )
+											.text( data.contributor_marks[i].contributor );
+										$select.append( $option );
+									}
+								}
+								$select.change( function ( ) {
+									var val = $( this ).val();
+									if( val.length != "label" ) {
+										// jump to this contributors mark
+										context.app.setLocation( '#/' + lC.linear_root + '/' + val );
+									}
+									// return focus to the viz
+									$( this ).blur();
+									context.$container.focus();
+								} );
+								if( lC.country_code ) {
+									options['country_code'] =  lC.country_code;
+									$( "#contributor-select" ).next().hide();
+									$( '#contributor-select-label' ).hide();
+								} else {
+									$( "#contributor-select" ).next().show();
+									$( '#contributor-select-label' ).show();
+								}
+							} 
+						}
+					} );
+				}
+			},
+			dumpAllMarks: function ( context ) {
+				var lC = context.modules.linear;
+				for( mark in lC.marks )
+					delete lC.marks[mark];
+				lC.scene.objects = [];
+				lC.leftBuffer = [];
+				lC.rightBuffer = [];
+				lC.moreRight = true;
+				lC.moreLeft = true;
+				// whenever we do this, we need to set the camera back to 0,0,-1000
+				lC.scene.camera.position.x = 0;
+				lC.scene.camera.position.y = 0;
+				lC.scene.camera.position.z = -1000;
+			},
+			loadMarks: function( context, options ) {
+				var lC = context.modules.linear;
+				var callback = options.success;
+				delete options.success;
+				// pass the country code if we have one
+				if ( lC.country_code ) options.country_code = lC.country_code;
+				var url_to_load = options.reference ? '/requests/marks_by_reference' : '/requests/all_marks';
+				if (lC.is_flagged)
+				{
+					url_to_load = '/requests/marks_by_flagged';
+				}
+				// if we're loading based on a reference we dont have, we need to dump everything as we can't ensure we wont drop marks in between
+				if( options.reference && !( options.reference in lC.marks ) ) {
+					// if we're looking for a specific mark see if we already have that one
+					modules.linear.fn.dumpAllMarks( context );
+					context.fn.showLoader( context.fn.getString( 'loading-marks-msg' ), 'overlay-light' );
+				} else if ( ! options.reference ) {
+					context.fn.showLoader( context.fn.getString( 'loading-marks-msg' ), 'overlay-light' );
+				}
+				$.ajax( {
+					url: url_to_load,
+					data: options,
+					dataType: 'JSON'
+				} )
+				.success( callback )
+				.success( function ( data ) {
+					// hide the loader
+					context.fn.hideLoader();
+				} );
+			},
+			setupMarks: function( context, marks ) {
+				var lC = context.modules.linear;
+				// if this is empty, return
+				if( marks.length == 0 ) return;
+				// get rid of marks we've already got
+				for( var i = 0; i < marks.length; i++ ) {
+					if( marks[i].reference in lC.marks ) {
+						marks.shift( i, 1 );
+					}
+				}
+
+				// sort our current marks so we can tell what buffer to load these into
+				var sortedMarks = [];
+				for ( var mark in lC.marks )
+					sortedMarks.push( [mark, lC.marks[mark].id] );
+				sortedMarks.sort( function( a, b ) { return a[1] - b[1] } );
+				
+				// default to the right buffer
+				var buffer = sortedMarks.length == 0 || sortedMarks[0][1] < marks[0].id ? lC.rightBuffer: lC.leftBuffer;
+				// var buffer = sortedMarks.length > 0 && sortedMarks[0][1] > marks[0].id ? lC.rightBuffer : lC.leftBuffer;
+				var reverse = buffer == lC.leftBuffer ? true : false;
+				if( reverse ) marks.reverse();
+				// try to establish a previous mark by which we can position the new marks
+				var pMark = buffer.length > 0 ? 
+					lC.marks[buffer[ reverse ? 0 : buffer.length - 1 ]] :
+					lC.scene.objects[ reverse ? 0 : lC.scene.objects.length - 1];
+				for ( var i = 0; i < marks.length; i++ ) {
+					// if we already have this one, on to the next one
+					if( marks[i].reference in lC.marks ) continue;
+					var points_obj = JSON.parse( marks[i].points_obj_simplified );
+					// do some validation to make sure this mark wont break the viz
+					if( !( 'strokes' in points_obj ) || 
+						points_obj.strokes.length == 0 ||
+						points_obj.strokes[0].length < 2 ) continue;
+					var mark = new Mark.gmlMark( points_obj.strokes, marks[i].reference, marks[i].country_code, marks[i].date_drawn, points_obj.rtl, marks[i].id, marks[i].is_approved );
+					if( marks[i].contributor ) {
+						mark.contributor_name = marks[i].contributor;
+						mark.extra_info = points_obj.extra_info;
+						mark.color = '0,139,211';
+					}
+					// stash this mark
+					lC.marks[mark.reference] = mark;
+					// position this mark relative to the last one
+					if ( pMark ) mark.positionRelativeTo( pMark, reverse );
+
+					if( reverse ) {
+						buffer.unshift( mark.reference );
+					} else {
+						buffer.push( mark.reference );
+					}
+					pMark = mark;
+				}
+				// if ( !lC.currentMark ) lC.currentMark = mark;
+			},
+			// attempts to refill a buffer that's running low
+			refillBuffer: function( context, buffer ) {
+				var lC = context.modules.linear;
+				if( lC.requestingMarks ) return;
+				lC.requestingMarks = true;
+				var isLeft = buffer == lC.leftBuffer;
+				var lastMark = null;
+				lastMark = buffer.length > 0 ? 
+					lC.marks[buffer[ isLeft ? 0 : buffer.length - 1 ]] :
+					lC.scene.objects[ isLeft ? 0 : lC.scene.objects.length - 1];
+				modules.linear.fn.loadMarks( context, {
+					'reference': lastMark.reference,
+					'include_forward': isLeft ? 0 : 20,
+					'include_back': isLeft ? 20 : 0,
+					'include_mark': 0,
+					'success': function ( data ) {
+						if( data.success ) {
+							// push the marks into the leftBuffer
+							modules.linear.fn.setupMarks( context, data.marks );
+							// if we got back less than we asked for, assume we're at the end
+							if ( data.marks.length == 0 ) {
+								lC[ isLeft ? 'moreLeft' : 'moreRight'] = false;
+							}
+						} else {
+							// if we got an error, assume we're at the end and don't allow more to be loaded
+							lC[ isLeft ? 'moreLeft' : 'moreRight'] = false;
+						}
+						lC.requestingMarks = false;
+					}
+				} );
+			},
+			// moves marks from the display to the buffers
+			// also will grab more marks if a buffer length sinks below a threshold
+			updateBuffers: function( context, xMin, xMax ) {
+				var lC = context.modules.linear;
+				if( lC.scene.objects.length == 0 ) return;
+				// look for marks that need moved into the left buffer
+				var mark = lC.scene.objects[0];
+				while( mark && mark.position.x + mark.bWidth < xMin ) {
+					lC.leftBuffer.push( lC.scene.objects.shift().reference );
+					mark = lC.scene.objects[0];
+				}
+				// look for marks that need moved into the right buffer
+				mark = lC.scene.objects[lC.scene.objects.length - 1];
+				while( mark && mark.position.x > xMax ) {
+					lC.rightBuffer.unshift( lC.scene.objects.pop().reference );
+					mark = lC.scene.objects[lC.scene.objects - 1];
+				}
+				// if either of our buffers are running low, load more marks
+				if ( lC.leftBuffer.length < 5 && lC.scene.objects.length > 0 && lC.moreLeft && !lC.requestingMarks ) {
+					modules.linear.fn.refillBuffer( context, lC.leftBuffer );
+				} else if ( lC.rightBuffer.length < 5 && lC.scene.objects.length > 0 && lC.moreRight && !lC.requestingMarks ) {
+					modules.linear.fn.refillBuffer( context, lC.rightBuffer );
+				}
+			},
+			// moves marks from the buffers to the display
+			updateScene: function( context, xMin, xMax) {
+				var lC = context.modules.linear;
+				if( lC.rightBuffer.length > 0 ) {
+					// look for marks that need added from the right buffer
+					var mark = lC.marks[lC.rightBuffer[0]];
+					while( mark && mark.position && mark.position.x < xMax ) {
+						lC.scene.objects.push( lC.marks[lC.rightBuffer.shift()] );
+						mark = lC.rightBuffer[0];
+					}
+				}
+				if( lC.leftBuffer.length > 0 ) {
+					// look for marks that need added from the left buffer
+					var mark = lC.marks[lC.leftBuffer[lC.leftBuffer.length - 1]];
+					while( mark && mark.position && mark.position.x + mark.bWidth > xMin ) {
+						lC.scene.objects.unshift( lC.marks[lC.leftBuffer.pop()] );
+						mark = lC.leftBuffer[lC.leftBuffer.length - 1];
+					}
+				}
+			},
+			jumpToMark: function( context, reference, playback ) {
+				var lC = context.modules.linear;
+				// find the mark
+				var oldMark = lC.currentMark;
+				lC.currentMark = lC.marks[reference];
+				// delay playback
+				if ( playback ) {
+					var wayLater = ( new Date() ).getTime() *2;
+					lC.scene.timers[reference] = { 'start': wayLater, 'end': wayLater + lC.currentMark.maxTime, 'speed': 1 };
+				}
+				modules.linear.fn.centerCurrentMark( context, function () {
+					// if we're playing it back, play it back
+					if( playback ) modules.linear.fn.replayCurrentMark( context );
+					// fade up those beautiful details if they're not already shown
+					modules.linear.fn.showMarkInformation( context );
+				} );
+			},
+			// unused but maybe helpful at some point?
+			// updatedOrderedMarks: function( context ) {
+			// 	var lC = context.modules.linear;
+			// 	var sortedMarks = [];
+			// 	for ( var mark in lC.marks )
+			// 		sortedMarks.push( [mark, lC.marks[mark].id] );
+			// 	sortedMarks.sort( function( a, b ) { return a[1] - b[1] } );
+			// 	// clear it out first
+			// 	lC.orderedMarks = [];
+			// 	for( var i = 0; i < sortedMarks.length; i++ ) {
+			// 		lC.orderedMarks.push( sortedMarks[i][0] );
+			// 	}
+			// },
+			// nextMark: function( context ) {
+			// 	var lC = context.modules.linear;
+			// 	var next = lC.orderedMarks[lC.orderedMarks.indexOf( lC.currentMark.reference ) + 1];
+			// 	if ( next ) {
+			// 		modules.linear.fn.jumpToMark( context, next );
+			// 	}
+			// }, 
+			// prevMark: function( context ) {
+			// 	var lC = context.modules.linear;
+			// 	var prev = lC.orderedMarks[lC.orderedMarks.indexOf( lC.currentMark.reference ) - 1];
+			// 	if ( prev ) {
+			// 		modules.linear.fn.jumpToMark( context, prev );
+			// 	}
+			// },
+			closestMark: function ( context ) {
+				var lC = context.modules.linear;
+				var retM = lC.scene.objects[0];
+				for( var i = 1; i < lC.scene.objects.length; i++ ) {
+					var nextM = lC.scene.objects[i];
+					var d = Math.abs( lC.scene.camera.position.x - ( nextM.position.x + ( nextM.bWidth / 2 ) ) );
+					var lastD = Math.abs( lC.scene.camera.position.x - ( retM.position.x + ( retM.bWidth / 2 ) ) );
+					if( d < lastD ) retM = nextM;
+				}
+				return retM;
+			},
+			// wrapper for the hit test method that offers preference to the optional curHoveredMark arg
+			hoverTest: function( context, x, y, curHoveredMark ) {
+				var lC = context.modules.linear;
+				// check if we're still over the hover mark
+				if( curHoveredMark && 
+					curHoveredMark.renderedBounds &&
+					x >= curHoveredMark.renderedBounds.minX && 
+					x <= curHoveredMark.renderedBounds.maxX && 
+					y >= curHoveredMark.renderedBounds.minY && 
+					y <= curHoveredMark.renderedBounds.maxY)
+						return curHoveredMark; 
+						
+				// if that didn't work we need to deffer to hit test
+				return modules.linear.fn.hitTest( context, x, y );
+			},
+			hitTest: function( context, x, y ) {
+				var lC = context.modules.linear;
+				// loop through displayed marks, see if any match these coords
+				for( var i = 0; i < lC.scene.objects.length; i++ ) {
+					if( lC.scene.objects[i].renderedBounds &&
+						x >= lC.scene.objects[i].renderedBounds.minX && 
+						x <= lC.scene.objects[i].renderedBounds.maxX && 
+						y >= lC.scene.objects[i].renderedBounds.minY && 
+						y <= lC.scene.objects[i].renderedBounds.maxY ) {
+						return lC.scene.objects[i];
+					}
+				}
+				return false;
+			},
+			showMarkInformation: function( context ) {
+				var lC = context.modules.linear;
+				if( !lC.currentMark ) return false;
+				var mark = lC.currentMark;
+				// update the information
+				$( '#mark-id' ).text( mark.id );
+				var d = new Date( mark.time );
+				// get our (hopefully) translated month abbreviation
+				var dateString = [];
+				dateString.push( context.fn.getString( 'month-abbreviations', d.getMonth() ) + " " + d.getDate() );
+				// dateString.push( $( '#month-abreviations li:eq(' + d.getMonth() + ')' ).text() + " " + d.getDate() );
+				dateString.push( d.getHours() + ":" + ( String(d.getMinutes()).length == 1 ? "0" + d.getMinutes() : d.getMinutes() ) );
+				if( mark.country_code ) {
+					context.fn.withCountryCodes( function ( countries ) { 
+						$( '#mark-country' ).text( " / " + countries[mark.country_code] );
+					} );
+				} else {
+					$( '#mark-country' ).text( "" );
+				}
+				
+				// set the contributor name, if we've got it
+				if( mark.contributor_name ) {
+					$( '#mark-contributor-name' ).text( "- " + mark.contributor_name );
+					$( '#mark-flag' ).hide();
+					$( '#contributor-quote' )
+						.text( mark.extra_info )
+						.html( "&#8220;" + $( '#contributor-quote' ).text() + "&#8221;" );
+					$( '#contributor-name' )
+						.text( "- " + mark.contributor_name );
+				} else {
+					$( '#mark-contributor-name, #contributor-quote, #contributor-name' ).text( "" );
+					$( '#mark-flag' ).show();
+				}
+				
+				$( '#mark-timestamp' ).text( dateString.join( " / " )  );
+				$( '#url-share input' ).val( window.location.href ); 
+				// update the sharing links
+				if (lC.linear_root != "moderate")
+				{
+					$( '#twitter-share' )
+						.data( 'socialShare-context' ).share_params['url'] = window.location.href;
+					$( '#facebook-share' )
+						.data( 'socialShare-context' ).share_params['u'] = window.location.href;
+				}
+				//	Update approved state if we're moderating // URK - hate this condition // Watch out // TODO
+				if (lC.linear_root == "moderate")
+				{
+					$("#approve-mark-checkbox").attr('checked', mark.is_approved);
+				}
+				// give the flag the appropriate class
+				if( lC.currentMark.reference in lC.flaggings ) {
+					$( '#mark-flag').addClass( 'disabled' );
+				} else {
+					$( '#mark-flag').removeClass( 'disabled' );
+				}
+				// animate it in if it's hidden
+				$( '#mark-information' ).fadeIn( 'fast' );
+			},
+			hideMarkInformation: function( context ) {
+				$( '#mark-information' ).fadeOut( 'fast' );
+			},
+			replayCurrentMark: function ( context ) {
+				var lC = context.modules.linear;
+				var now = ( new Date() ).getTime();
+				lC.eventChange = true;
+				lC.scene.timers[lC.currentMark.reference] = { 'start': now, 'end': now + lC.currentMark.maxTime, 'speed': 1 };
+			},
+			flagCurrentMark: function ( context ) {
+				var lC = context.modules.linear;
+				// if this user has already flagged this mark, return
+				if( lC.currentMark.reference in lC.flaggings ) return;
+				$.ajax( {
+					url: '/requests/flag_mark',
+					data: {
+						'reference': lC.currentMark.reference
+					},
+					type: 'POST',
+					dataType: 'JSON',
+					success: function( data ) {
+						// change the flag icon's class
+						$( '#mark-flag').addClass( 'disabled' );
+						// store the data that this user flagged this mark
+						lC.flaggings[lC.currentMark.reference] = true;
+						context.fn.storeData( 'markFlaggings', lC.flaggings );
+					},
+					error: function ( data ) {
+						context.fn.showError( lC.errorMsg );
+					}
+				} );
+				
+			},
+			deleteCurrentMark: function ( context ) {
+				var lC = context.modules.linear;
+				$.ajax( {
+					url: '/requests/delete_mark',
+					data: {
+						'reference': lC.currentMark.reference
+					},
+					type: 'POST',
+					dataType: 'JSON',
+					success: function( data ) {
+						
+						var deletedMarkReference = lC.currentMark.reference,
+							deletedMarkIndex = null;
+						//	Delete current mark from marks data
+						delete lC.marks[lC.currentMark.reference];
+						lC.currentMark = null;
+						
+						// remove the mark from the scene and reposition the rest
+						for ( var i=0; i < lC.scene.objects.length; i++ ) {
+							// start at the left and run through until you find the deleted mark
+							if( !deletedMarkIndex && lC.scene.objects[i].reference != deletedMarkReference ) continue;
+							// remove it
+							if( !deletedMarkIndex ) {
+								deletedMarkIndex = i;
+								lC.scene.objects.splice( i, 1 );
+								// set current mark to the next one
+								lC.currentMark = lC.scene.objects[i];
+							}
+							// reposition everything after it
+							if ( i == 0 ) {
+								lC.scene.objects[i].positionToStart( );
+							} else {
+								lC.scene.objects[i].positionRelativeTo( lC.scene.objects[i-1] );
+							}
+						}
+						// update the URL
+						context.app.setLocation( '#/' + lC.linear_root + '/' + lC.currentMark.reference );
+						
+						lC.eventChange = true;
+
+					},
+					error: function ( data ) {
+						// TODO translate this msg
+						context.fn.showError( lC.errorMs );
+					}
+				} );
+			},
+			approveCurrentMark: function ( context, shouldApprove ) {
+				var lC = context.modules.linear;
+				$.ajax( {
+					url: '/requests/approve_mark',
+					data: {
+						'reference': lC.currentMark.reference,
+						'should_approve': shouldApprove
+					},
+					type: 'POST',
+					dataType: 'JSON',
+					success: function( data ) {
+						//	Update approved status locally
+						lC.currentMark.is_approved = shouldApprove;
+					},
+					error: function ( data ) {
+						context.fn.showError( lC.errorMsg );
+					}
+				} );
+			},
+			centerCurrentMark: function( context, callback ) {
+				var lC = context.modules.linear;
+				if( !lC.currentMark ) return false;
+				modules.linear.fn.showMarkInformation( context );
+				// stop movement
+				lC.cameraChange.aX = 0;
+				lC.cameraChange.vX = 0;
+				lC.cameraChange.aZ = 0;
+				lC.cameraChange.vZ = 0;
+				// tween the camera to the mark
+				var speed = Math.abs( lC.currentMark.position.x - lC.scene.camera.position.x ) / 2;
+				speed = Math.max( 1000, speed );
+				
+				// var speed = Math.min( 8000, Math.max( 1000, speed) );
+				var tween = 'cameraEase' in lC.tweens ? lC.tweens['cameraEase'] : new TWEEN.Tween( lC.scene.camera.position );
+				tween
+					.to( { 
+						x: lC.currentMark.position.x + ( lC.currentMark.bWidth / 2 ), 
+						y: lC.currentMark.position.y + ( lC.currentMark.bHeight / 2 ),
+						z: lC.currentMark.position.z - 1000 }, speed )
+					.onComplete( function( ) {
+						delete lC.tweens['cameraEase'];
+						if ( typeof callback === "function" ) callback( this );
+					} )
+					.easing( speed > 1200 ? TWEEN.Easing.Quadratic.EaseInOut : TWEEN.Easing.Quartic.EaseInOut )
+					.start();
+				lC.tweens['cameraEase'] = tween;
+			}
+		}
+	};
+	
+	
+}( jQuery ) );
+( function( $ ) {
+	
+	var markApp = $.markApp = $.markApp || {};
+	var modules = $.markApp.modules = $.markApp.modules || {}; 
+
+	modules.capture = {
+		defaults: {
+			state: 'intro', // possible values -> intro, drawing, submitting
+			invite_code: null,
+			locale: null,
+			contributor_type: null
+		},
+		config: {
+			captureLimit: 300,
+			layerManager: null,
+			capturedPoints: 0,
+			strokes: [],
+			framecount: 0,
+			cleanedStrokes: [],
+			lastX: null,
+			lastY: null,
+			captureTime: null,
+			rtl: null,
+			initialized: false,
+			currentStroke: null,
+			mark: null,
+			timeBetweenStrokes: 400, // the amount of time to pause between strokes
+			events: []  // unexecuted events we bind to times to 
+		},
+		// Event handlers
+		evt: {
+			resize: function ( context, e ) {
+				var lC = context.modules.capture;
+				lC.layerManager.resizeAll( context.width, context.height );
+				// redraw all marks
+				if( lC.mark && lC.mark.strokes.length > 0 ) {
+					for( var i = 0; i < lC.mark.strokes.length; i++ ) {
+						modules.capture.fn.drawStroke( context, lC.mark.strokes[i] );
+					}
+				}
+			},
+			mousemove: function( context, e ) {
+				if ( context.mouseDown && context.modules.capture.state == "drawing" )
+					modules.capture.fn.capturePoint( context );
+			},
+			mousedown: function( context, e ) {
+				switch ( context.modules.capture.state ) {
+					case "drawing":
+						// close the country select if it's open 
+						if( $( '#location-dialog' ).is( ':visible' ) ) {
+							$( '#location-dialog' )
+								.fadeOut( 'fast' );
+						}
+						// start a new mark if we need to
+						if( !context.modules.capture.mark ) modules.capture.fn.startMark( context );
+						// start a new stroke unless we already have a stroke open for some reason
+						if( !context.modules.capture.currentStroke ) modules.capture.fn.startStroke( context );
+						break;
+					case "intro":
+						// start a new mark if we need to
+						if( !context.modules.capture.mark ) modules.capture.fn.startMark( context );
+						// start a new stroke unless we already have a stroke open for some reason
+						if( !context.modules.capture.currentStroke ) modules.capture.fn.startStroke( context );
+						modules.capture.fn.endIntro( context );
+						
+						break;
+				}
+			},
+			mouseup: function( context, e ) {
+				if( context.modules.capture.state == "drawing" ) {
+					modules.capture.fn.endStroke( context );
+				}
+			},
+			ready: function ( context, e ) {
+				var lC = context.modules.capture;				
+				// hide errything
+				$( '#markmaker' )
+					.hide()
+					.children()
+					.hide();
+				// template dom is ready
+				$( '#markmaker-reset a' )
+					.addClass( 'disabled' )
+					.bind( 'mousedown', function( e ) {
+						e.preventDefault();
+						modules.capture.fn.reset( context );
+					} );
+				$( '#markmaker-submit a' )
+					.addClass( 'disabled' )
+					.bind( 'mousedown', function( e ) {
+						e.preventDefault();
+						modules.capture.fn.submit( context );
+					} );
+				// load the country codes into the dialog
+				context.fn.withCountryCodes( function ( countryCodes ) {
+					var $select = $( '#markmaker-country' );
+					for( var i = 0; i < countryCodes.length; i++ ) {
+						var $option = $( '<option />' )
+							.val( countryCodes[i].code )
+							.text( countryCodes[i].name );
+						$select.append( $option );
+					}
+				} );
+				$( '#markmaker-location a' )
+					.bind( 'mousedown', {context: context}, modules.capture.fn.locationDialogToggle );
+				$( '#markmaker-information' )
+					.bind( 'mouseover', {context: context}, modules.capture.fn.informationDialogToggle )
+					.bind( 'mouseout', {context: context}, modules.capture.fn.informationDialogToggle );
+				if ( lC.state == "drawing" ) {
+					modules.capture.fn.initDrawing( context );
+				}
+				
+				
+				$("#sammy #markmaker-country").selectBox({ autoWidth: false });
+				
+				
+			},
+			loop: function ( context, e ) {
+				var lC = context.modules.capture;
+				if ( !lC.initialized ) return;
+				// increment the frame counter
+				lC.frameCount++;
+				// Draw the cursor
+				modules.capture.fn.commonLoop( context );
+				// state specific code
+				switch( context.modules.capture.state ) {
+					case "drawing":
+						modules.capture.fn.drawLoop( context );
+						break;
+				}
+			}
+		},
+		fn: {
+			init: function ( context, options ) {
+				var lC = context.modules.capture;
+								
+				// if we've already set the interface up, just reset it
+				if ( '$capture' in lC ) {
+					// FIXME -- this reinit portion could use some love
+					if( 'state' in options ) {
+						modules.capture.fn.reset( context );
+						if ( options['state'] == 'drawing' ) {
+							if( context.mouseDown )
+								context.fn.trigger( 'mousedown' );
+						}
+						lC.state = options['state'];
+						modules.capture.fn.initDrawing( context );
+					}
+				} else {
+					// allow defaults to be overriden
+					$.extend( lC, modules.capture.defaults );
+					$.extend( lC, options );
+					// but not the cofig
+					$.extend( lC, modules.capture.config );
+					// DOM setup
+					lC.$capture = $( '<div />' )
+						.addClass( "capture-container" );
+					context.$container
+						.css( { 'zIndex': 100, 'cursor': 'none' } )
+						.append( lC.$capture );
+
+					lC.layerManager = new Mark.layerManager( lC.$capture.get( 0 ) );
+
+					// add two layers for the interface to use
+					lC.layerManager.addLayer( 'drawnLayer' );
+					lC.layerManager.addLayer( 'liveDrawingLayer' );
+
+					// trigger resize so our new layers are sized to fit
+					context.fn.trigger( 'resize' );
+					
+					lC.initialized = true;
+				}
+			},
+			deinit: function( context ) {
+				var lC = context.modules.capture;
+				// fade out our container
+				lC.$capture.fadeOut( 'fast', function () {
+					// remove all our layers
+					lC.layerManager.removeAll();
+					lC.$capture.remove();
+					lC.initialized = false;
+				} );
+			},
+			initIntro: function ( context ) {
+				
+			},
+			initDrawing: function ( context ) {
+				var lC = context.modules.capture;
+				// hide any intro stuff that might be being displayed
+				if( $( '#browse-marks' ).is( ':visible' ) ) {
+					$( '#browse-marks, #click-anywhere, #intro-main-copy' )
+						.fadeOut( 'fast' );
+					$( '#markmaker-legal-line' ).fadeIn( 'slow' );
+				} 
+				$( '#markmaker' ).css( 'background-position', '0 ' + ( context.height - 140 ) + 'px' );
+				// update our resize handler 
+				$( '#markmaker' )
+					.unbind( 'resize.markApp' )
+					.bind( 'resize.markApp', function ( e, w, h ) {
+						$( '#markmaker' ).css( 'background-position', '0 ' + ( context.height - 140 ) + 'px' );
+						
+						// if there are dialogs open, reposition them
+						if( $( '#location-dialog:visible').size() > 0  ) {
+							$( '#location-dialog:visible' )
+								.css( {
+									'bottom': $( '#markmaker-location' ).height() + 25,
+									'left':  $( '#markmaker-location' ).offset().left + 32
+								} );
+						}
+					} );
+				if( !$( '#markmaker' ).is( ':visible' ) ) {
+					$( '#markmaker' )
+						.width( 0 )
+						.show()
+						.animate( { 'width': context.width }, 'slow', function () {
+							$( '#markmaker-controls' ).fadeIn( 'slow', function() {
+								$( '#markmaker-information' ).fadeIn( 'slow' );
+							} );
+							$( '#markmaker-legal-line' ).fadeIn( 'slow' );
+						} );
+				} else {
+					$( '#markmaker-controls' ).fadeIn( 'slow', function() {
+						$( '#markmaker-information' ).fadeIn( 'slow' );
+					} );
+				}
+				
+				// special cases
+				if ( lC.invite_code && lC.contributor_type == "t" ) {
+					lC.captureLimit = 1000;
+					lC.$capture.addClass( 'translator' );
+					$( '#translator-fields' )
+						.find( '#translator-locale' )
+							.text( "'" + context.locale + "'" )
+							.end()
+						.collapsibleMod( )
+						.fadeIn( 'slow' );
+				} else if ( lC.invite_code && lC.contributor_type == "c" ) {
+					lC.$capture.addClass( 'contributor' );
+					$( '#contributor-fields' )
+						.collapsibleMod( )
+						.fadeIn( 'slow' );
+				}
+			},
+			// fades out the intro content and switches into drawing mode
+			endIntro: function ( context ) {
+				var lC = context.modules.capture;
+				// switch to drawing mode
+				context.app.setLocation( '#/mark/new' );
+			},
+			locationDialogToggle: function ( e, context ) {
+				e.preventDefault();
+				if( $( '#location-dialog' ).is( ':visible' ) ) {
+					$( '#location-dialog' )
+						.fadeOut( 'fast' );
+				} else {
+					$( '#location-dialog' )
+						.fadeIn( 'fast' )
+						.css( {
+							'bottom': $( '#markmaker-location' ).height() + 25,
+							'left':  $( '#markmaker-location' ).offset().left + 32
+						} );
+				}
+			},
+			informationDialogToggle: function ( e, context ) {
+				e.preventDefault();
+				if( e.type == "mouseout") {
+					$( '#information-dialog' )
+						.fadeOut( 'fast' );
+				} else {
+					$( '#information-dialog' )
+						.fadeIn( 'fast' )
+						.css( {
+							'bottom': $( '#markmaker-information' ).height() + 36,
+							'left':  $( '#markmaker-information' ).offset().left - $( '#information-dialog' ).width() + 30
+						} );
+				}
+			},
+			startMark: function ( context ) {
+				var lC = context.modules.capture;
+				// setup the mark
+				lC.captureTime = ( new Date() ).getTime();
+				lC.rtl = context.mouseX > $( window ).width() / 2;
+				lC.mark = new Mark.gmlMark( [], '', '', lC.captureTime, lC.rtl );
+				// remove the disabled styling from the submit and reset buttons
+				$( '#markmaker-submit a, #markmaker-reset a' ).removeClass( 'disabled' );
+			},
+			endMark: function ( context ) {
+				var lC = context.modules.capture;
+				// close out the mark and prep for submission
+				lC.mark.setupVars();
+			},
+			startStroke: function ( context ) {
+				// start a new, empty stroke
+				var lC = context.modules.capture;
+				lC.currentStroke = [];
+				// set the time relative to the last stroke, plus an offset
+				if( lC.strokes.length > 0 )
+					lC.captureTime = ( new Date() ).getTime() - 
+						( lC.strokes[lC.strokes.length - 1][lC.strokes[lC.strokes.length - 1].length - 1].time + lC.timeBetweenStrokes );
+			},
+			endStroke: function ( context ) {
+				var lC = context.modules.capture;
+				// ignore strokes with less than three points
+				if ( lC.currentStroke.length > 2 ) {
+					// close out this stroke
+					lC.strokes.push( lC.currentStroke );
+					// run the simplification algorithim
+					var simpStroke = Mark.simplification.simplifyPath( lC.currentStroke, 1 );
+					// run the weighting algorithm 
+					simpStroke = Mark.simplification.weightPath( simpStroke, [5,10,20,40] );
+					lC.mark.strokes.push( simpStroke );
+					lC.cleanedStrokes.push( simpStroke );
+					// draw this stroke the to drawn layer
+					modules.capture.fn.drawStroke( context, simpStroke );
+					// recalculate the captured point count
+					lC.capturedPoints -= lC.currentStroke.length - simpStroke.length;
+				}
+				// set the currentStroke to null 
+				lC.currentStroke = null;
+			},
+			capturePoint: function ( context ) {
+				var lC = context.modules.capture;
+				if( lC.capturedPoints > lC.captureLimit ) {
+					context.fn.trigger( 'mouseup' );
+					modules.capture.fn.closeShop( context );
+					return;
+				}
+				var time = ( new Date() ).getTime();
+				// create a new point and add it to the current stroke
+				var point = new Mark.gmlPoint( context.mouseX, context.mouseY, time - lC.captureTime, 0 );
+				if( lC.currentStroke.length > 0 ) {
+					var lastPoint = lC.currentStroke[lC.currentStroke.length - 1];
+					point.speed = lastPoint.speedToPoint( point );
+					point.setAngleFromPoint( lastPoint );
+					point.smoothAgainst( lastPoint, 1/100 );
+				} else {
+					// if this isn't the first stroke, draw a connecting line
+					if( lC.strokes.length >= 1 ) {
+						modules.capture.fn.drawGuide( lC.layerManager.layers['drawnLayer'].context, lC.lastX, lC.lastY, point.x, point.y );
+					}
+				}
+				lC.currentStroke.push( point );
+				lC.lastX = point.x;
+				lC.lastY = point.y;
+			
+				// increment our total points counter
+				lC.capturedPoints++;
+			},
+			reset: function ( context ) {
+				var lC = context.modules.capture;
+				lC.layerManager.layers['liveDrawingLayer'].clean();
+				lC.layerManager.layers['drawnLayer'].clean();
+				lC.capturedPoints = 0;
+				lC.rtl = null;
+				lC.mouseDown = false
+				lC.lastX = null;
+				lC.lastY = null;
+				lC.strokes = [];
+				lC.currentStroke = null;
+				lC.mark = null;
+				lC.captureTime = null;
+				lC.state = "drawing";
+				$( '#markmaker-submit a, #markmaker-reset a' ).addClass( 'disabled' );
+				$( '#markapp' ).css( { 'cursor': 'none' } );
+				$( '#markmaker-instructions' ).fadeIn();
+			},
+			closeShop: function( context ) {
+				var lC = context.modules.capture;
+				lC.state = 'preview';
+				// close the mark
+				modules.capture.fn.endMark( context );
+				// clear the drawing layer
+				lC.layerManager.layers['liveDrawingLayer'].clean();
+				// if the user is out of points, draw the line to the opposite side of the screen
+				var g = lC.layerManager.layers['liveDrawingLayer'].context,
+					x = lC.lastX,
+					y = lC.lastY;
+				g.strokeStyle = 'rgba(0,0,0,0.2)';
+				g.lineWidth = 1;
+				g.beginPath();
+				g.dashedLineTo( x, y, lC.rtl ? 0 : lC.layerManager.layers['liveDrawingLayer'].canvas.width, y, [7, 5] );
+				g.closePath();
+				g.stroke();
+				// set our cursor back to normal
+				$( '#markapp' ).css( { 'cursor': 'default' } );
+			},
+			submit: function( context ) {
+				var lC = context.modules.capture;
+				if( lC.state == "submitting" ) return;
+				if( lC.state != "preview" ) modules.capture.fn.closeShop( context );
+				// process our points, and send them off
+				lC.state = "submitting";
+				$( '#markmaker-submit a' ).addClass( 'disabled' );
+				var data = {};
+				data.rtl = lC.rtl;
+				data.strokes = lC.strokes;
+				//data.locale = cfg.locale; // TODO - impliment location awareness
+				var points_obj = JSON.stringify( data );
+				var points_obj_simplified = JSON.stringify( lC.mark );
+				var country_code = $( '#markmaker-country' ).val() == "label" ? "" : $( '#markmaker-country' ).val();
+				// show loader
+				context.fn.showLoader( context.fn.getString( 'submitting-mark' ) );
+				var params = {
+					'points_obj': points_obj,
+					'points_obj_simplified': points_obj_simplified,
+					'country_code': country_code
+				};
+				if ( lC.invite_code && lC.contributor_type == "t" ) {
+					params.contributor_locale = context.locale;
+					params.invite = lC.invite_code;
+				} else if (lC.invite_code && lC.contributor_type == "c" ) {
+					params.contributor = $( '#contributor-name' ).val();
+					// add the quote as the marks extra_info
+					lC.mark.extra_info = $( '#contributor-quote' ).val();
+					// re-stringify our points obj
+					params.points_obj_simplified = JSON.stringify( lC.mark );
+					params.invite = lC.invite_code;
+				}
+				$.ajax( {
+					url: '/requests/save_mark',
+					data: params,
+					type: 'POST',
+					dataType: 'JSON',
+					success: function( data ) {
+						// if we submitted a locale, the mark wont be in the line, so just start at the beginning
+						if ( params.contributor_locale ) {
+							context.app.setLocation( '#/linear/' );
+							context.fn.hideLoader();
+						} else {
+							// store the users mark for later access
+							context.fn.storeData( 'userMark', { 'reference': data.mark_reference, 'country_code': country_code } );
+							// now tell the app to redirect to our FRESH mark
+							context.app.setLocation( '#/linear/'+ data.mark_reference + '?playback=true' );
+							// hide loader
+							context.fn.hideLoader();
+						}
+
+					},
+					error: function( data ) {
+						context.fn.showError( context.fn.getString( 'submit-error' ) );
+					}
+				} );
+				return false;
+			},
+			drawStroke: function ( context, stroke ) { 
+				var lC = context.modules.capture;
+				Mark.thickBrush( lC.layerManager.layers['drawnLayer'].context, [stroke] );
+				lC.layerManager.layers['drawnLayer'].context.fillStyle = "rgba(255,255,255,0.3)";
+				lC.layerManager.layers['drawnLayer'].context.strokeStyle = "rgba(255,255,255,0.3)";
+				Mark.circleBrush( lC.layerManager.layers['drawnLayer'].context, [stroke] );
+			},
+			drawGuide: function( g, x1, y1, x2, y2 ) {
+				g.strokeStyle = 'rgba(0,0,0,0.2)';
+				g.lineWidth = 1;
+				g.beginPath();
+				g.dashedLineTo( x1, y1, x2, y2, [7, 5] );
+				g.closePath();
+				g.stroke();
+			},
+			drawCursor: function ( g, x, y, per ) {
+				g.strokeStyle = '#ff5400';
+				g.fillStyle = '#000000';
+				// draw stroke
+				g.beginPath();
+				g.moveTo( x, y );
+				g.lineTo( x + 1, y - 8 );
+				g.lineTo( x + 20, y - 27 );
+				g.lineTo( x + 23, y - 23 );
+				g.lineTo( x, y );
+				g.closePath();
+				g.stroke();
+				// draw filling
+				per *= 18.5;
+				per += 4.5;
+				g.beginPath();
+				g.moveTo( x, y );
+				g.lineTo( x + 1, y - 8 );
+				g.lineTo( x + ( per - 3 ), y - ( per + 4 ) );
+				g.lineTo( x + per, y - per );
+				g.lineTo( x, y );
+				g.closePath();
+				g.fill();
+			},
+			commonLoop: function( context ) {
+				var lC = context.modules.capture;
+				
+				// clear the drawing layer
+				lC.layerManager.layers['liveDrawingLayer'].clean();
+				
+				// draw the cursor if the cursor is in the frame
+				if( context.mouseIn && ( lC.state == "drawing" || lC.state == "intro" ) ) {
+					modules.capture.fn.drawCursor( lC.layerManager.layers['liveDrawingLayer'].context, context.mouseX, context.mouseY, ( lC.captureLimit - lC.capturedPoints ) / lC.captureLimit  );
+				}
+			},
+			introLoop: function( context ) {
+				
+			},
+			drawLoop: function( context ) {
+				var lC = context.modules.capture;
+				// Clean the drawing layer
+				if( lC.currentStroke && lC.currentStroke.length > 0 ) {
+					// draw out what we've got in the stroke buffer
+					Mark.thickBrush( lC.layerManager.layers['liveDrawingLayer'].context, [lC.currentStroke] );
+					lC.layerManager.layers['liveDrawingLayer'].context.fillStyle = "rgba(255,255,255,0.3)";
+					lC.layerManager.layers['liveDrawingLayer'].context.strokeStyle = "rgba(255,255,255,0.3)";
+					Mark.circleBrush( lC.layerManager.layers['liveDrawingLayer'].context, [lC.currentStroke] );
+				}
+				if( ! context.mouseIn ) return;
+				if( ! context.mouseDown ) {
+					// draw the guide
+					var x, y;
+					if( lC.strokes.length == 0 ) {
+						x = context.mouseX > $( window ).width() / 2 ? lC.layerManager.layers['liveDrawingLayer'].canvas.width : 0,
+						y = context.mouseY;
+					} else {
+						x = lC.lastX;
+						y = lC.lastY;
+					}
+					modules.capture.fn.drawGuide( lC.layerManager.layers['liveDrawingLayer'].context, x, y, context.mouseX, context.mouseY );
+				}
+				
+			}
+		}
+	};
+	
+}( jQuery ) );
+( function( $ ) {
+	
+	// support loose augmentation
+	markApp = $.markApp = $.markApp || {};
+	modules = $.markApp.modules = $.markApp.modules || {};
+	
+	// Code for introducing the site. 
+	// runs quickly, then unloads
+	// store all data in a flat json file that django recompiles after a new intro mark is added 
+	modules.intro = {
+		defaults: {
+			// optional reference mark -- will init the visualization on this mark if passed
+			reference_mark: null
+		},
+		config: {
+			// all marks held here
+			marks: {},
+			animationMarks: ['vVR', 'myWb'],
+			playbackTimes: {},
+			vizScene: null, // for rendering the viz preview
+			textScene: null, // for rendering tahe extra text 
+			// layer manager
+			layerManager: null,
+			// boolean flag to indicate if this module is fully setup
+			initialized: false,
+			eventChange: false,
+			curLocaleMark: null,
+			animationComplete: false,
+			tweens: {}
+		},
+		evt: {
+			resize: function( context, e ) {
+				context.modules.intro.layerManager.resizeAll( context.width, context.height );
+				context.modules.intro.eventChange = true;
+				
+				if ( context.modules.intro.xAnimationComplete ) {
+					// redraw the X
+					modules.intro.fn.drawX( context );
+					// reposition and redraw the translateMark
+					
+				}
+				
+			},
+			loop: function ( context, e ) {
+				var lC = context.modules.intro;
+
+				// update the position of the camera and draw the viz preview
+				TWEEN.update();
+				lC.layerManager.layers['viz'].clean();
+				Mark.renderer.renderScene( lC.vizScene, { width: context.width, height: context.height } );
+				
+				if( lC.curLocaleMark || lC.xMark ) {
+					lC.layerManager.layers['mainMark'].clean();
+					// render the locale mark
+					if( lC.curLocaleMark ) {
+							var scale = 500 / lC.curLocaleMark.bWidth;
+							Mark.renderer.renderMark( 
+								lC.layerManager.layers['mainMark'].context, 
+								lC.curLocaleMark, 
+								{ offset: {x: (context.width / 2) - 115, y: context.height - 240 }, 
+									scale: {x: scale, y: scale, thickness: scale},
+									color: '255,84,0',
+									timer: lC.textScene.timers[lC.curLocaleMark.reference] } );
+					}
+					if ( lC.xMark ) {
+						// RENDER THE X
+						var xScale = ( ( ( context.width / 2 ) - 200 ) / lC.xMark.bWidth );
+						var yScale = ( ( context.height + 200 ) / lC.xMark.bHeight );
+						Mark.renderer.renderMark( 
+							lC.layerManager.layers['mainMark'].context, 
+							lC.xMark, 
+							{ offset: {x: 10, y: -100 }, 
+								scale: {x: xScale, y: yScale, thickness: 5},
+								color: '0,0,0',
+								timer: lC.textScene.timers[lC.xMark.reference] } );
+					}
+				}
+			},
+			ready: function( context, e ) {
+				$( '#markmaker' )
+					.hide()
+					.children()
+					.hide();
+				/* 
+				 * Here's the order in which we want to run this intro
+				 * 1. quick viz preview with make your mark in varying languages (2 sec)
+				 * 2. dotted line animated across the screen as the viz preview fades out ( 1 sec)
+				 * 3. big X draws in (2 sec)
+				 * 4. dom elements animate up (1 sec)
+				 * 5. Make your Mark draws in (4 sec)
+				 * 
+				 * If any part of this fails, we revert to a simple intro where our intro screens if faded in.
+				 *
+				 */
+				$.when( modules.intro.fn.initInterface( context ), modules.intro.fn.loadMarks( context ) )
+						.then( function() { modules.intro.fn.runVizPreview( context ); } )
+						.then( function() { modules.intro.fn.startDomAnimation( context ); } )
+						.fail( function() { modules.intro.fn.simpleIntro( context ); } );
+			}
+		},
+		fn: {
+			init: function( context, options ) {
+				var lC = context.modules.intro;
+				if ( lC.initialized ) {
+					// this module isn't really intended to be reloaded
+					// now our options into our context
+					$.extend( lC, lC, options );
+					// since merging won't replace null or undefined values, make sure we clean up after it
+					for( option in modules.intro.defaults ) {
+						if ( options[option] == null ) lC[option] = modules.intro.defaults[option];
+					}
+				} else {
+					// allow defaults to be overriden
+					$.extend( lC, modules.intro.defaults, options );
+					// but not the cofig
+					$.extend( lC, lC, modules.intro.config );
+
+					// DOM setup
+					lC.$intro = $( '<div />' )
+						.addClass( "intro-container" );
+					context.$container
+						.append( lC.$intro );
+
+					// scene setup
+					lC.vizScene = new Mark.scene();
+					lC.textScene = new Mark.scene();
+					
+					// layer setup
+					lC.layerManager = new Mark.layerManager( lC.$intro.get( 0 ) );
+					// we draw the viz preview to this
+					lC.layerManager.addLayer( 'viz' );
+					lC.vizScene.canvasContext = lC.layerManager.layers['viz'].context;
+					// and then the 'Make Your Mark' on this
+					lC.layerManager.addLayer( 'mainMark' );
+					lC.textScene.canvasContext = lC.layerManager.layers['mainMark'].context;
+					// and for the X
+					lC.layerManager.addLayer( 'X' );
+					// trigger resize so our new layers are sized to fit
+					context.fn.trigger( 'resize' );
+					
+					lC.initialized = true;
+					
+				}
+			},
+			deinit: function( context ) {
+				var lC = context.modules.intro;
+				lC.$intro.fadeOut( 'fast', function () {
+					// remove all our layers
+					lC.layerManager.removeAll();
+					lC.$intro.remove();
+					lC.initialized = false;
+				} );
+			},
+			initInterface: function ( context ) {
+				$( '#markmaker' )
+					.unbind( 'resize.markApp' )
+					.bind( 'resize.markApp', function ( e, w, h ) {
+						// reposition the elements
+						var rAnchor = ( w / 2 ) + 485;
+						var bOffset = ( h - 140 ); // position of the background graphic
+						var wasHidden = false;
+						$( '#markmaker' ).css( 'background-position', '0 ' + bOffset + 'px' );
+						// if these aren't shown yet, do this quick trick
+						if( !$( '#markmaker' ).is( ':visible' ) ) {
+							wasHidden = true;
+							$( '#markmaker, #browse-marks, #click-anywhere, #intro-main-copy' )
+								.css( { 'display': 'block' } );
+						}
+						$( '#browse-marks' )
+							.css( { 'top': bOffset - 50, 'left': rAnchor - 85 } );
+						$( '#click-anywhere' )
+							.css( { 'top': bOffset + 12, 'left': rAnchor - $( '#intro-main-copy' ).width() } );
+						$( '#intro-main-copy' )
+							.css( { 'top': bOffset - $( '#intro-main-copy' ).height() - 100, 'left': rAnchor - $( '#intro-main-copy' ).width() } );
+						if( wasHidden ) {
+							$( '#markmaker, #browse-marks, #click-anywhere, #intro-main-copy' )
+								.css( { 'display': 'none' } );
+						}
+					} )
+					.trigger( 'resize.markApp', [context.width, context.height] )
+					.width( 0 )
+					.height( context.height );
+					
+				
+			},
+			loadMarks: function( context ) {
+				return $.ajax( {
+						url: '/requests/get_translated_marks',
+						dataType: 'JSON'
+					} )
+					.success( function ( data ) {
+						modules.intro.fn.setupMarks( context, data.marks );
+					} );
+			},
+			setupMarks: function( context, marks ) {
+				var lC = context.modules.intro;
+				// FXIME - if this is empty, throw an error
+				if( typeof marks === "undefined" || marks.length == 0 ) return;
+				// set our layer's visiblity to 0
+				$( lC.layerManager.layers['viz'].canvas ).css( 'opacity', 0 );
+				// sort the marks randomly
+				marks.sort( function( a, b ) { return ( Math.round( Math.random() ) - 0.5 ); } );
+				// // duplicate marks until we've got 25
+				// 			while ( marks.length < 25 ) {
+				// 				marks = marks.concat( marks );
+				// 			}
+				var pMark = null;
+				// add them to the scene
+				for ( var i = 0; i < marks.length; i++ ) {
+					try { 
+						var points_obj = JSON.parse( marks[i].points_obj_simplified );
+						var mark = new Mark.gmlMark( points_obj.strokes, marks[i].reference, marks[i].country_code, marks[i].date_drawn, points_obj.rtl, marks[i].id, marks[i].is_approved );
+						if ( !lC.currentMark ) lC.currentMark = mark;
+						// if we dont have a permanant ref to this mark yet, create it
+						if( !( marks[i].reference in lC.marks ) ) {
+							lC.marks[mark.reference] = mark;
+						}
+						// position this mark relative to the last one
+						if ( pMark ) mark.positionRelativeTo( pMark, false );
+						if ( marks[i].contributor_locale == context.locale || !lC.curLocaleMark ) {
+							var distantFuture = ( new Date() ).getTime() * 3;
+							lC.curLocaleMark = new Mark.gmlMark( points_obj.strokes, marks[i].reference, marks[i].country_code, marks[i].date_drawn, points_obj.rtl, marks[i].id, marks[i].is_approved );
+							lC.textScene.timers[lC.curLocaleMark.reference] = { 'start': distantFuture, 'end': distantFuture + lC.curLocaleMark.maxTime, 'speed': 2 };
+							
+						}
+							
+						lC.vizScene.objects.push( mark );
+						pMark = mark;
+					} catch ( e ) {
+						// console.warn( "Mark failed import", marks[i].reference );
+					}
+					
+				}
+			},
+			runVizPreview: function ( context ) {
+				var lC = context.modules.intro;
+				// can't do this on less than three marks
+				if( lC.vizScene.objects.length < 3 ) return;
+				// move the camera way back
+				lC.vizScene.camera.position.x = -2000;
+				lC.vizScene.camera.position.z = -3000;
+				var targetMark = lC.vizScene.objects[lC.vizScene.objects.length - 2];
+				// tween the camera on down the line
+				var tween = new TWEEN.Tween( lC.vizScene.camera.position );
+				tween
+					.to( { 
+						x: targetMark.position.x + (targetMark.bWidth / 2),
+						y: targetMark.position.y + (targetMark.bHeight / 2),
+						z: targetMark.position.z - 2000 }, 6000 )
+					.onComplete( function( ) {
+						delete lC.tweens['cameraEase'];
+					} )
+					.easing( TWEEN.Easing.Quartic.EaseInOut )
+					.start();
+				lC.tweens['cameraEase'] = tween;
+				$( lC.layerManager.layers['viz'].canvas )
+					.animate( { opacity: '1' }, 'slow' )
+					.delay( 2000 )
+					.animate( { opacity: '0.1'}, 'slow' );
+				// delay the dom animation
+				$( '#markmaker' )
+					.delay( 3000 );
+			},
+			startDomAnimation: function ( context ) {
+				var lC = context.modules.intro;
+				$( '#markmaker' )
+				.width( 0 )
+				.show()
+				.animate( { 'width': context.width }, 'slow', function () {
+					modules.intro.fn.startMarkAnimations( context );
+					$( '#intro-main-copy' ).fadeIn( 'slow' );
+					$( '#click-anywhere' ).delay( 200 ).fadeIn( 'slow' );
+					$( '#browse-marks' ).delay( 100 ).fadeIn( 'slow' );
+				} );
+			},
+			startMarkAnimations: function ( context ) {
+				var lC = context.modules.intro;
+				modules.intro.fn.drawX( context );
+				// start drawing the translated mark
+				if( lC.curLocaleMark ) {
+					var now = ( new Date() ).getTime() + 2000;
+					lC.textScene.timers[lC.curLocaleMark.reference] = { 'start': now, 'end': now + lC.curLocaleMark.maxTime, 'speed': 2 };
+				}
+			},
+			drawX: function ( context ) {
+				var lC = context.modules.intro;
+				// draw the X, with hardcoded data? good idea? maybe?
+				var xMarkData = {"strokes":[[{"x":177,"y":0,"z":0,"time":51,"speed":0,"angle":0,"significance":5},{"x":129,"y":60,"z":0,"time":255,"speed":0.45069390943299864,"angle":0.5880026035475675,"significance":1},{"x":123,"y":65,"z":0,"time":271,"speed":0.4931203163041915,"angle":0.7853981633974483,"significance":1},{"x":103,"y":89,"z":0,"time":339,"speed":0.45069390943299864,"angle":0.5880026035475675,"significance":1},{"x":56,"y":139,"z":0,"time":503,"speed":0.45073896963561083,"angle":0.7853981633974483,"significance":1},{"x":38,"y":162,"z":0,"time":584,"speed":0.3572203090978693,"angle":0.46364760900080615,"significance":1},{"x":9,"y":192,"z":0,"time":691,"speed":0.3535533905932738,"angle":0.7853981633974483,"significance":1},{"x":0,"y":206,"z":0,"time":727,"speed":0.45069390943299864,"angle":0.5880026035475675,"significance":5}],[{"x":11,"y":23,"z":0,"time":1178,"speed":0,"angle":0,"significance":5},{"x":30,"y":49,"z":0,"time":1246,"speed":0.32424352695503,"angle":5.639684198386302,"significance":1},{"x":55,"y":77,"z":0,"time":1321,"speed":0.48790367901871773,"angle":5.497787143782138,"significance":1},{"x":72,"y":100,"z":0,"time":1367,"speed":0.5216642390945547,"angle":5.695182703632019,"significance":1},{"x":85,"y":113,"z":0,"time":1408,"speed":0.5355917833779965,"angle":5.497787143782138,"significance":2},{"x":154,"y":175,"z":0,"time":1662,"speed":0.3311927108182759,"angle":5.497787143782138,"significance":1},{"x":186,"y":196,"z":0,"time":1802,"speed":0.2849548128987055,"angle":5.497787143782138,"significance":5}]],"country_code":"","time":1300925747439,"rtl":false,"maxTime":1802,"reference":"","hoverState":false,"renderedBounds":null,"id":null,"contributor_name":null,"extra_info":null,"color":"0,0,0","hoverColor":"0,139,211","x":454,"y":199,"position":{"x":0,"y":0,"z":0},"rotationAngle":{"x":0,"y":0,"z":0},"sX":0,"sY":0,"bWidth":186,"bHeight":206};
+				
+				lC.xMark = new Mark.gmlMark( xMarkData.strokes, "xMark" );
+				
+				lC.textScene.objects.push( lC.xMark ); 
+				var now = ( new Date() ).getTime();
+				lC.textScene.timers[lC.xMark.reference] = { 'start': now, 'end': now + lC.xMark.maxTime, 'speed': 1 };
+			},
+			// fallback function that doesn't bother with anything but the DOM elements
+			simpleIntro: function ( context ) {
+				var lC = context.modules.intro;
+				$( '#markmaker' )
+				.width( 0 )
+				.show()
+				.animate( { 'width': context.width }, 'slow', function () {
+					$( '#intro-main-copy' ).fadeIn( 'slow' );
+					$( '#click-anywhere' ).delay( 200 ).fadeIn( 'slow' );
+					$( '#browse-marks' ).delay( 100 ).fadeIn( 'slow' );
+				} );
+			}
+		}
+	};
+}( jQuery ) );
+(function( $ ) {
+/**
+ * Function that escapes spaces in event names. This is needed because
+ * "_delayedBind-foo bar-1000" refers to two events
+ */
+function encodeEvent( event ) {
+	return event.replace( /-/g, '--' ).replace( / /g, '-' );
+}
+
+$.fn.extend( {
+	/**
+	 * Bind a callback to an event in a delayed fashion.
+	 * In detail, this means that the callback will be called a certain
+	 * time after the event fires, but the timer is reset every time
+	 * the event fires.
+	 * @param timeout Number of milliseconds to wait
+	 * @param event Name of the event (string)
+	 * @param data Data to pass to the event handler (optional)
+	 * @param callback Function to call
+	 */
+	delayedBind: function( timeout, event, data, callback ) {
+		var encEvent = encodeEvent( event );
+		return this.each( function() {
+			var that = this;
+			// Bind the top half
+			// Do this only once for every (event, timeout) pair
+			if (  !( $(this).data( '_delayedBindBound-' + encEvent + '-' + timeout ) ) ) {
+				$(this).data( '_delayedBindBound-' + encEvent + '-' + timeout, true );
+				$(this).bind( event, function() {
+					var timerID = $(this).data( '_delayedBindTimerID-' + encEvent + '-' + timeout );
+					// Cancel the running timer
+					if ( typeof timerID != 'undefined' )
+						clearTimeout( timerID );
+					timerID = setTimeout( function() {
+						$(that).trigger( '_delayedBind-' + encEvent + '-' + timeout );
+					}, timeout );
+					$(this).data( '_delayedBindTimerID-' + encEvent + '-' + timeout, timerID );
+				} );
+			}
+			
+			// Bottom half
+			$(this).bind( '_delayedBind-' + encEvent + '-' + timeout, data, callback );
+		} );
+	},
+	
+	/**
+	 * Cancel the timers for delayed events on the selected elements.
+	 */
+	delayedBindCancel: function( timeout, event ) {
+		var encEvent = encodeEvent( event );
+		return this.each( function() {
+			var timerID = $(this).data( '_delayedBindTimerID-' + encEvent + '-' + timeout );
+			if ( typeof timerID != 'undefined' )
+				clearTimeout( timerID );
+		} );
+	},
+	
+	/**
+	 * Unbind an event bound with delayedBind()
+	 */
+	delayedBindUnbind: function( timeout, event, callback ) {
+		var encEvent = encodeEvent( event );
+		return this.each( function() {
+			$(this).unbind( '_delayedBind-' + encEvent + '-' + timeout, callback );
+		} );
+	}
+} );
+} )( jQuery );
+
+/*
+ * makes divs with an h3 and a ul collapse. Not very useful for other things.
+ * 
+*/
+(function($) {
+	
+	$.collapsibleMod = {
+		cfg: {
+			'collapsedClass': 'collapsibleMod-collapsed',
+			'expandedClass': 'collapsibleMod-expanded',
+			'$header': null,
+			'expandedHeight': 0,
+			'collapsedHeight': 0,
+			'$content': null,
+			'collapsed': false,
+			'stateKey': '',
+			'saveState': true // when set to true, and the container ele has an id, we'll attempt to save the state between requests
+		},
+		fn: {
+			'init': function ( container, options ) {
+				var $this = $( container );
+				var context = $.extend({}, $.collapsibleMod.cfg, options );
+				
+				context.$container = $this;
+				context.$header = $this.find( 'h3:first' );
+				context.$content = $this.children().not( 'h3:first' );
+				
+				// save our height to expand to
+				context.expandedHeight = context.$content.height();
+				
+				context.$header.bind( 'click', function( e ) {
+					e.preventDefault();
+					$.collapsibleMod.fn.toggle( context );
+				} );
+				
+				// setup state saving
+				if( context.saveState && context.$container.attr( 'id' ) != "" && typeof localStorage != 'undefined' ) {
+					context.stateKey = 'collapsibleMod-state-' + context.$container.attr( 'id' );
+					$.collapsibleMod.fn.restoreState( context );
+				} else {
+					context.saveState = false;
+				}
+				
+				if ( context.collapsed ) {
+					$.collapsibleMod.fn.collapse( context );
+				} else {
+					context.$container
+						.addClass( context.expandedClass );
+				}
+				
+				$this.data( 'collapsibleMod-context', context );
+			},
+			'collapse': function ( context ) {
+				context.$container
+					.addClass( context.collapsedClass )
+					.removeClass( context.expandedClass );
+				context.$content
+					.animate( { 'height': context.collapsedHeight }, 'fast', function() {
+						if ( context.collapsedHeight == 0 )
+							context.$content.hide();
+					} );
+				context.collapsed = true;
+				$.collapsibleMod.fn.saveState( context );
+			},
+			'expand': function ( context ) {
+				context.$container
+					.removeClass( context.collapsedClass )
+					.addClass( context.expandedClass );
+					context.$content
+						.show()
+						.animate( { 'height': context.expandedHeight }, 'fast' );
+				context.collapsed = false;
+				$.collapsibleMod.fn.saveState( context );
+			},
+			'saveState': function( context ) {
+				if( context.saveState ) {
+					try {
+						localStorage.removeItem( context.stateKey );
+						localStorage.setItem( context.stateKey, context.collapsed );
+					} catch (e) {
+					 	 if ( e == QUOTA_EXCEEDED_ERR ) { /* data wasn't successfully saved due to quota exceed */ }
+					}
+				}
+			},
+			'restoreState': function( context ) {
+				if ( context.saveState && localStorage.getItem( context.stateKey ) ) {
+					context.collapsed = ( localStorage.getItem( context.stateKey ) === 'true' ) ;
+				}
+			},
+			'toggle': function ( context ) {
+				context.collapsed ? $.collapsibleMod.fn.expand( context ) : $.collapsibleMod.fn.collapse( context );
+			}
+		}
+	};
+	
+	$.fn.collapsibleMod = function ( options ) {
+		return $( this ).each( function () {
+			$.collapsibleMod.fn.init( this, options );
+		} );
+	};
+	
+})(jQuery);
+
+/*
+ * A generic plugin to assist with those pesky social media buttons.
+ * 
+ * Actually, you know what? This is more basic than that. It just opens up a new window with the dimensions you specify
+ * and the URL you specify, with the GET params you specify.
+ * 
+ * That just happens to be the basic functionality you need to impliment a twitter or facebook share button. 
+ * 
+ * EXAMPLE:
+ * $( '#twitter-share' ).socialShare( { 
+ *   'share_url': 'http://twitter.com/share', 
+ *   'share_params': { 'text': 'Wow. I love this website. Check. It. Out', 'url': 'http://thegreatestwebsiteever.com/' }
+ *   } );
+ *
+ * USEFUL FACEBOOK INFO: 
+ * - url: http://www.facebook.com/sharer.php
+ * - required params: 
+ *		- u: the url you want to share
+ *		- t: the title of the link you want to share
+ *
+ * USEFUL TWITTER INFO: 
+ * - url: http://twitter.com/share
+ * - params:
+ *		- url: the url you want to share
+ *		- text: the message you want to tweet with this url
+ *		- via: your twitter account, w/o the @, if you want attributed
+ *		- related: a related account. Can also format it with a title like 'adammiller: People who dislike social media buttons'
+ * 
+*/
+( function( $ ) {
+	
+	$.socialShare = {
+		cfg: {
+			'$link': null,
+			'share_url': 'http://twitter.com/share',
+			'share_title': 'Share on Twitter',
+			'share_params': {},
+			'popupWidth': 550,
+			'popupHeight': 450
+		},
+		fn: {
+			'init': function ( container, options ) {
+				var $this = $( container );
+				var context = $.extend( {}, $.socialShare.cfg, options );
+				
+				context.$link = $this;
+				
+				context.$link.bind( 'click', function( e ) {
+					e.preventDefault();
+					$.socialShare.fn.share( context );
+				} );
+				
+				$this.data( 'socialShare-context', context );
+			},
+			'shareURL': function ( context ){
+				var params = [];
+				for( param in context.share_params ) {
+					params.push( param + '=' + encodeURIComponent( context.share_params[param] ) );
+				}
+				return context.share_url + '?' + params.join( "&" );
+			},
+			'share': function ( context ) {
+				// open the pop up
+				window.open(
+					$.socialShare.fn.shareURL( context ),
+					context.share_title,
+					'height=' + context.popupHeight + ',width=' + context.popupWidth
+				);
+			}
+		}
+	};
+	
+	$.fn.socialShare = function( options ) {
+		return $( this ).each( function () {
+			$.socialShare.fn.init( this, options );
+		} );
+	};
+	
+} )( jQuery );
+
+/*
+	
+	jQuery selectBox (version 0.1.6)
+	
+		A cosmetic, styleable replacement for SELECT elements
+		
+		Homepage:   http://abeautifulsite.net/blog/2011/01/jquery-selectbox-plugin/
+		Demo page:  http://labs.abeautifulsite.net/projects/js/jquery/selectBox/
+		
+		Copyright 2011 A Beautiful Site, LLC.
+	
+	
+	License:
+		
+		Licensed under both the MIT license and the GNU GPL (same as jQuery)
+	
+	
+	Usage:
+		
+		Link to the JS file:
+			
+			<script src="jquery.ui-selectbox.min.js" type="text/javascript"></script>
+		
+		Add the CSS file (or append contents of your own):
+		
+			<link href="jquery.ui-selectbox.css" rel="stylesheet" type="text/css" />
+		
+		To create:
+			
+			$("SELECT").selectBox()
+			
+		To create with options:
+			
+			$("SELECT").selectBox({
+				autoWidth: [true|false]
+			});
+		
+		To destroy:
+		
+			$("SELECT").selectBox('destroy');
+			
+		To update the options on the fly:
+			
+			$("SELECT").selectBox('setOptions', {
+				
+				// Options are created like this
+				'value' : 'displayText',
+				'value' : 'displayText',
+				
+				// Optgroups are created like this
+				'optgroupLabel' : {
+					'value' : 'displayText',
+					'value' : 'displayText'
+				}
+				
+			});
+		
+		To change the value:
+		
+			$("SELECT").selectBox('value', 'optionValue');
+		
+		Note: you can use any valid selector in lieu of "SELECT".
+	
+	
+	Events:
+		
+		The focus, blur, and change events fire on the *orignal* SELECT element.
+	
+	
+	Freebies:
+		
+		- Includes keyboard support (tab in/out, arrows, page up/down, home/end, enter/esc)
+		
+		- Supports jQuery UI .ui-corner-x classes (http://jqueryui.com/docs/Theming/API#Corner_Radius_helpers)
+		
+		- Uses CSS3 techniques (fully customizable via CSS)
+	
+	
+	Change log:
+	
+		v0.1 (2011-01-24)   - Initial release
+		v0.1.1 (2011-02-09)   - Added setOptions method for changing options on the fly
+						    - UI control now inherits all classes of the original control
+		v0.1.2 (2011-02-23) - UI control now inherits the style and title attribute of the original control
+		v0.1.3 (2011-02-24) - Added autoWidth option to simulate default browser behavior; fixed bug
+		                      that caused the UI control to display as inline instead of inline-block 
+		                      after destroy/create; fixed version numbers (old 0.2 = 0.1.1, old 0.3 = 0.1.2)
+		v0.1.4 (2011-02-25) - Added 'value' method; added return $(this) to setOptions method
+		v0.1.5 (2011-03-11) - Fixed bug where special HTML characters did not get escaped properly in the UI control
+		v0.1.6 (2011-03-21) - Fixed bug where initial settings were forgotten when setOptions was called
+		
+	Known issues:
+		
+		- The change event fires every time an option is changed using the keyboard. This differs
+		  from the way change events occur on normal select elements (on blur).
+		
+		- Disabled controls will technically accept focus (but no event will be trigger) when tabbed 
+		  over. This differs from the default browser behavior where the control would normally be 
+		  skipped.
+		
+		- If using the keyboard while the mouse is hovering over the dropdown, the hover events
+		  sometimes conflict making it seem like the keyboard selection is buggy (move the mouse 
+		  out and the behavior goes away)
+		  
+		- The plugin cannot poll for changes to the original control (i.e. disabling it dynamically). 
+		  Since the dropdown gets re-generated each time it is shown, this isn't an issue with 
+		  optgroups and options. Calling scripts should be aware of this.
+		  
+		- Safari doesn't currently allow focus via tabbing (Chrome does; possible WebKit bug?)
+		  
+		- Does not support multiple="multiple"
+		 
+		- Not tested in IE6
+	
+		
+	Wish list:
+		
+		- Enforce that dropdowns always appear in the viewport
+		
+		- Predictive selection (auto-selecting of elements while typing)
+		  
+		  Issue: keypress doesn't fire on non-input elements (only in Firefox, 
+		  but this is against the standard), so we have to use the keydown event.
+		  There isn't a reliable way to map extended (i.e. non-ASCII) characters 
+		  without using the keypress event.
+		  
+		  Aside from that, it should be easy enough to set a timer that waits 
+		  about two seconds after each keystroke before clearing the filter. 
+		  Then we just select the first option that matches the filter. This
+		  feature should be available with or without the dropdown showing.
+	
+*/
+if(jQuery) (function($) {
+	
+	$.extend($.fn, {
+		
+		selectBox: function(o, data) {
+			
+			
+			var _show = function(event) {
+				
+				var select = event.data.select;
+				var control = event.data.control;
+				
+				// Don't show disabled controls
+				if( $(control).hasClass('ui-selectBox-disabled') ) return false;
+				
+				// Hide if the control is selected when the dropdown is already open
+				if( $(control).hasClass('ui-selectBox-focus') && $("#ui-selectBox-dropdown").size() === 1 ) {
+					_hide(event, true);
+					return false;
+				}
+				
+				// Remove focus and dropdown from any/all other selectBoxes
+				$('.ui-selectBox').not(control).trigger('blur');
+				
+				_focus(event);
+				
+				event.stopPropagation();
+				
+				// Generate the dropdown
+				$("#ui-selectBox-dropdown").remove();
+				var dropdown = $('<div id="ui-selectBox-dropdown" class="ui-corner-bottom" />');
+				var options = $('<ul />');
+				
+				if( $(select).children('optgroup').size() === 0 ) {
+				
+					$(select).children('option').each( function() {
+						var text = $(this).text() !== '' ? $(this).text() : '\u00A0';
+						var extraClasses = '';
+						if( $(this).attr('disabled') ) extraClasses += ' ui-selectBox-disabled';
+						$(options).append('<li class="ui-selectBox-option' + extraClasses + '">' + _htmlspecialchars(text) + '</li>');
+					});
+				
+				} else {
+					
+					$(dropdown).addClass('ui-selectBox-hasOptgroups');
+					
+					$(select).children('optgroup').each( function() {
+						$(options).append('<li class="ui-selectBox-optgroup">' + _htmlspecialchars($(this).attr('label')) + '</li>');
+						$(this).children('option').each( function() {
+							var text = $(this).text() !== '' ? $(this).text() : '\u00A0';
+							var extraClasses = '';
+							if( $(this).attr('disabled') ) extraClasses += ' ui-selectBox-disabled';
+							$(options).append('<li class="ui-selectBox-option' + extraClasses + '">' + _htmlspecialchars(text) + '</li>');
+						});
+					});
+					
+				}
+				
+				// Add the options
+				$(dropdown).append(options);
+				
+				// Select the appropriate option
+				var selectedIndex = $(select)[0].selectedIndex;
+				$(dropdown).find('LI.ui-selectBox-option').eq(selectedIndex).addClass('ui-selectBox-initial ui-selectBox-current');
+				
+				// Add option events
+				$(dropdown).find('LI.ui-selectBox-option').hover( function() {
+					$(dropdown).find('.ui-selectBox-current').removeClass('ui-selectBox-current');
+					$(this).addClass('ui-selectBox-current');
+				}, function() {
+					$(this).removeClass('ui-selectBox-current');
+				}).click( { select: select, control: control }, function(event) {
+					_select(event);
+				}).mouseup( { select: select, control: control }, function(event) {
+					$(event.target).trigger('click');
+				});				
+				
+				// Position and display
+				$('BODY').append(dropdown);
+				var cPos = $(control).offset();
+				var cHeight = $(control).outerHeight();
+				var cWidth = $(control).outerWidth();
+				
+				var borderAdjustment = parseInt($(dropdown).css('borderLeftWidth')) + parseInt($(dropdown).css('borderRightWidth'));
+				
+				$(dropdown).css({
+					position: 'absolute',
+					zIndex: '999999',
+					top: cPos.top + cHeight,
+					left: cPos.left,
+					width: cWidth - borderAdjustment
+				}).show();
+				
+				$(control).removeClass('ui-corner-all').addClass('ui-corner-top');
+				
+				_disableSelection(dropdown);
+				_dropdownScrollFix(true);
+				
+			};
+			
+			
+			var _hide = function(event, preventBlur) {
+				
+				var select = event.data.select;
+				var control = event.data.control;
+				
+				$("#ui-selectBox-dropdown").remove();
+				$(control).removeClass('ui-corner-top').addClass('ui-corner-all');
+				
+				if( !preventBlur ) {
+					_blur(event);
+				} else {
+					$(control).focus();
+				}
+				
+			};
+			
+			
+			var _select = function(event, option) {
+				
+				var select = event.data.select;
+				var control = event.data.control;				
+				
+				option = option ? option : event.target;
+				
+				if( $(option).hasClass('ui-selectBox-disabled') ) return false;
+				
+				var oldSelectedIndex = $(select)[0].selectedIndex;
+				$('#ui-selectBox-dropdown .ui-selectBox-optgroup').remove();
+				var newSelectedIndex = $('#ui-selectBox-dropdown').find('LI.ui-selectBox-current').index();				
+				
+				if( oldSelectedIndex !== newSelectedIndex ) {
+					$(select)[0].selectedIndex = newSelectedIndex;
+					$(control).find('.ui-selectBox-label').text( $(option).text() );
+					$(select).trigger('change');
+				}
+				
+				_hide(event, true);
+				
+			};
+			
+			
+			var _focus = function(event) {
+				
+				var select = event.data.select;
+				var control = event.data.control;				
+				
+				if( $(control).hasClass('ui-selectBox-disabled') ) return true;
+				if( $(control).hasClass('ui-selectBox-focus') ) return false;
+				
+				// Remove dropdown and other focuses
+				$(".ui-selectBox.ui-selectBox-focus").removeClass("ui-selectBox-focus");
+				$("#ui-selectBox-dropdown").remove();
+				
+				$(control).addClass('ui-selectBox-focus');
+				$(document).bind('mousedown', { select: select, control: control }, _blur);
+				$(document).bind('keydown', { select: select, control: control }, _key);
+				$(select).trigger('focus');
+				$(control).focus();
+				
+			};
+			
+			
+			var _blur = function(event) {
+				
+				var select = event.data.select;
+				var control = event.data.control;
+				
+				// Prevent blur if the click was on the dropdown
+				if( event.target.id === 'ui-selectBox-dropdown' || 
+					$(event.target).parents('#ui-selectBox-dropdown').size() === 1 ) {
+					$(control).trigger('focus');
+					return false;
+				}
+				
+				if( $(control).hasClass('ui-selectBox-focus') ) {
+					$(control).removeClass('ui-selectBox-focus');
+					$(document).unbind('mousedown', _blur);
+					$(document).unbind('keydown', _key);
+					$(select).trigger('blur');
+					_hide(event);
+				}
+				
+			};
+			
+			
+			var _key = function(event) {
+				
+				var select = event.data.select;
+				var control = event.data.control;
+				var dropdown = $("#ui-selectBox-dropdown");
+				
+				if( $(control).hasClass('ui-selectBox-disabled') ) return false;
+				
+				switch( event.keyCode ) {
+					
+					case 9: // tab
+						_blur(event);
+						break;
+					
+					case 13: // enter
+						
+						if( $(dropdown).size() === 0 ) return false;
+						
+						var siblings = $(dropdown).find('.ui-selectBox-option');
+						var currentIndex = -1;
+						$.each(siblings, function(index, option) {
+							if( $(option).hasClass('ui-selectBox-current') ) {
+								currentIndex = index;
+								return;
+							}
+						});
+						
+						if( currentIndex >= 0 ) {
+							_select(event, $(siblings).eq(currentIndex));
+						}
+						
+						return false;
+						
+						break;
+						
+					case 27: // esc
+						_hide(event, true);
+						break;
+						
+					case 38: // up
+					case 37: // left
+					case 33: // page up
+						
+						var interval = event.keyCode === 33 ? 20 : 1;
+						
+						if( $(dropdown).size() === 0 ) {
+							
+							if( event.altKey ) {
+								_show(event);
+								return false;
+							}
+							
+							// Previous selection
+							var totalIndexes = $(select).find('OPTION').size(),
+								oldSelectedIndex = $(select)[0].selectedIndex,
+								newSelectedIndex = $(select)[0].selectedIndex - interval;
+							
+							// Look for non-disabled option
+							while( $(select).find('OPTION').eq(newSelectedIndex).attr('disabled') === true && newSelectedIndex >= 0 ) {
+								newSelectedIndex--;
+							}
+							
+							// Look for first enabled option
+							if( newSelectedIndex < 0 ) {
+								newSelectedIndex = $(select).find('OPTION:not([disabled]):first').index();
+							}
+							
+							$(select)[0].selectedIndex = newSelectedIndex;
+							if( $(select)[0].selectedIndex === -1 ) {
+								newSelectedIndex = 0;
+								$(select)[0].selectedIndex = newSelectedIndex;
+							}
+							var label = $(select).find('OPTION:selected').text();
+							if( label === '' ) label = '\u00A0'; // &nbsp;
+							$(control).find('.ui-selectBox-label').text(label);
+							
+							if( newSelectedIndex !== oldSelectedIndex ) $(select).trigger('change');
+							
+							return false;
+							
+						}
+						
+						// Determine currently selected index (ignoring optgroup LIs)
+						var siblings = $(dropdown).find('.ui-selectBox-option');
+						var currentIndex = -1;
+						$.each(siblings, function(index, option) {
+							if( $(option).hasClass('ui-selectBox-current') ) {
+								currentIndex = index;
+								return;
+							}
+						});
+						
+						currentIndex = currentIndex - interval;
+						if( currentIndex < 0 ) currentIndex = 0;
+						
+						$(siblings).removeClass('ui-selectBox-current');
+						$(siblings).eq(currentIndex).addClass('ui-selectBox-current');						
+						
+						_dropdownScrollFix();
+						
+						return false;
+						
+						break;
+						
+					case 40: // down
+					case 39: // right
+					case 34: // page down
+						
+						var interval = event.keyCode === 34 ? 20 : 1;
+						
+						if( $(dropdown).size() === 0 ) {
+							
+							if( event.altKey ) {
+								_show(event);
+								return false;
+							}
+							
+							var totalIndexes = $(select).find('OPTION').size(),
+								oldSelectedIndex = $(select)[0].selectedIndex,
+								newSelectedIndex = $(select)[0].selectedIndex + interval;
+							
+							// Look for non-disabled option
+							while( $(select).find('OPTION').eq(newSelectedIndex).attr('disabled') === true  && newSelectedIndex <= $(select).find('OPTION').size() ) {
+								newSelectedIndex++;
+							}
+							
+							// Look for last enabled option
+							if( newSelectedIndex > totalIndexes - 1 ) {
+								newSelectedIndex = $(select).find('OPTION:not([disabled]):last').index();
+							}
+							
+							$(select)[0].selectedIndex = newSelectedIndex;
+							if( $(select)[0].selectedIndex === -1 ) {
+								newSelectedIndex = $(select).find('OPTION').size() - 1;
+								$(select)[0].selectedIndex = newSelectedIndex;
+							}
+							var label = $(select).find('OPTION:selected').text();
+							if( label === '' ) label = '\u00A0'; // &nbsp;
+							$(control).find('.ui-selectBox-label').text(label);
+							
+							if( newSelectedIndex != oldSelectedIndex ) $(select).trigger('change');
+							
+							return false;
+							
+						}
+						
+						// Determine currently selected index (ignoring optgroup LIs)
+						var siblings = $(dropdown).find('.ui-selectBox-option');
+						var currentIndex = -1;
+						$.each(siblings, function(index, option) {
+							if( $(option).hasClass('ui-selectBox-current') ) {
+								currentIndex = index;
+								return;
+							}
+						});
+						
+						currentIndex = currentIndex + interval;
+						if( currentIndex > $(siblings).size() - 1 ) currentIndex = $(siblings).size() - 1;
+						
+						$(siblings).removeClass('ui-selectBox-current');
+						$(siblings).eq(currentIndex).addClass('ui-selectBox-current');
+						
+						_dropdownScrollFix();
+						
+						return false;
+						
+						break;
+						
+					case 36: // home
+					case 35: // end
+						
+						if( $(dropdown).size() === 0 ) {
+							
+							if( event.altKey ) {
+								_show(event);
+								return false;
+							}
+							
+							var oldSelectedIndex = $(select)[0].selectedIndex,
+								newSelectedIndex;
+							
+							if( event.keyCode === 36 ) {
+								// First
+								newSelectedIndex = 0;
+							} else {
+								// Last
+								newSelectedIndex = $(select).find('OPTION').size() - 1;
+							}
+							
+							// Handle disabled options
+							if( $(select).find('OPTION').eq(newSelectedIndex).attr('disabled') === true ) {
+								if( event.keyCode === 36 ) {
+									newSelectedIndex = $(select).find('OPTION:not([disabled]):first').index();	
+								} else {
+									newSelectedIndex = $(select).find('OPTION:not([disabled]):last').index();
+								}
+							}
+							
+							$(select)[0].selectedIndex = newSelectedIndex;
+							var label = $(select).find('OPTION:selected').text();
+							if( label === '' ) label = '\u00A0'; // &nbsp;
+							$(control).find('.ui-selectBox-label').text(label);
+							
+							if( newSelectedIndex != oldSelectedIndex ) $(select).trigger('change');
+							
+							return false;
+						}					
+						
+						$(dropdown).find('.ui-selectBox-current').removeClass('ui-selectBox-current');
+						if( event.keyCode === 36 ) {
+							// First
+							$(dropdown).find('.ui-selectBox-option:first').addClass('ui-selectBox-current');
+						} else {
+							// Last
+							$(dropdown).find('.ui-selectBox-option:last').addClass('ui-selectBox-current');
+						}
+						
+						_dropdownScrollFix();
+						
+						return false;
+						
+						break;
+						
+				}
+				
+			};
+			
+			
+			var _dropdownScrollFix = function(centerSelection) {
+				
+				var dropdown = $("#ui-selectBox-dropdown");
+				if( $(dropdown).size() === 0 ) return false;
+				
+				var target = $(dropdown).find('.ui-selectBox-current');
+				if( $(target).size() === 0 ) return false;
+				
+				var targetTop = parseInt($(target).offset().top - $(dropdown).position().top);
+				var targetBottom = parseInt(targetTop + $(target).outerHeight());
+				
+				if( centerSelection ) {
+					
+					$(dropdown).scrollTop(
+						$(target).offset().top - $(dropdown).offset().top + $(dropdown).scrollTop() - ($(dropdown).height() / 2)
+					);
+					
+				} else {
+				
+					if( targetTop < 0 ) {
+						$(dropdown).scrollTop(
+							$(target).offset().top - $(dropdown).offset().top + $(dropdown).scrollTop()
+						);
+					}
+					
+					if( targetBottom > $(dropdown).height() ) {
+						$(dropdown).scrollTop(
+							($(target).offset().top + $(target).outerHeight() ) - $(dropdown).offset().top + $(dropdown).scrollTop() - $(dropdown).height()
+						);
+					}
+				
+				}
+				
+			};
+			
+			
+			var _disableSelection = function(selector) {
+				
+				$(selector)
+					.css('MozUserSelect', 'none')
+					.bind('selectstart', function() {
+						return false;
+					})
+					.bind('mousedown', function() {
+						return false;
+					});
+				
+				return true;
+				
+			};
+			
+			
+			var _htmlspecialchars = function(string) {
+				return( string.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;') );
+			};
+			
+			
+			switch( o ) {
+				
+				
+				case 'destroy':
+					
+					$(this).each( function() {
+						
+						var select = $(this);
+						var control = $(this).next('.ui-selectBox');
+						
+						if( $(select)[0].tagName.toLowerCase() === 'select' ) {
+							$(control).remove();
+							$(select).removeData('selectBox-options').show();
+						}
+						
+					});
+					
+					return $(this);
+					
+					break;
+				
+				
+				case 'disable':
+					
+					$(this).each( function() {
+						
+						var select = $(this);
+						var control = $(this).next('.ui-selectBox');
+						
+						$(select).attr('disabled', true);
+						$(control).addClass('ui-selectBox-disabled');
+						
+					});
+					
+					return $(this);
+					
+					break;
+				
+				
+				case 'enable':
+					
+					$(this).each( function() {
+						
+						var select = $(this);
+						var control = $(this).next('.ui-selectBox');
+						
+						$(select).attr('disabled', false);
+						$(control).removeClass('ui-selectBox-disabled');
+						
+					});
+					
+					return $(this);
+					
+					break;				
+				
+				
+				case 'setOptions':
+					
+					if( !data ) return $(this);
+					
+					$(this).each( function() {
+						
+						var select = $(this);
+						var control = $(this).next('.ui-selectBox');
+						
+						switch( typeof(data) ) {
+							
+							case 'string':
+								
+								$(select).html(data);
+								
+								break;
+								
+							case 'object':
+								
+								$(select).html('');
+								
+								for( var i in data ) {
+									
+									if( data[i] === null ) continue;
+									
+									if( typeof(data[i]) === 'object' ) {
+										// OPTGROUP
+										var optgroup = $('<optgroup label="' + i + '" />');
+										for( var j in data[i] ) {
+											$(optgroup).append('<option value="' + j + '">' + data[i][j] + '</option>');
+										}
+										$(select).append(optgroup);
+									} else {
+										// OPTION
+										var option = $('<option value="' + i + '">' + data[i] + '</option>');
+										$(select).append(option);
+									}
+									
+								}
+								
+								break;
+							
+						}
+						
+						// Refresh the options
+						var options = $(select).data('selectBox-options');
+						$(select).selectBox('destroy');
+						$(select).selectBox(options);
+						
+					});
+					
+					return $(this);
+					
+					break;
+				
+				
+				case 'value':
+					
+					// Remove dropdown
+					$("#ui-selectBox-dropdown").remove();
+					
+					$(this).each( function() {
+						
+						var select = $(this);
+						var control = $(this).next('.ui-selectBox');
+						
+						// Update value
+						$(select).val(data);
+						
+						// Fix corners and update label
+						var label = $(select).find(':selected').text();
+						if( label === '' ) label = '\u00A0'; // &nbsp;
+						$(control).removeClass('ui-corner-top').addClass('ui-corner-all').find('.ui-selectBox-label').text(label);
+						
+					});
+					
+					return $(this);
+					
+					break;
+				
+				
+				default:
+					
+					// Create the control
+					$(this).each( function() {
+						
+						// Default options
+						if( !o ) o = {};
+						var options = $.extend({
+							autoWidth: true
+						}, o);
+						
+						var select = $(this);
+						
+						if( $(this).next('.ui-selectBox').size() === 0 ) {
+							
+							// Generate new control
+							var control = $('<a href="#" class="ui-selectBox ui-corner-all" tabindex="' + parseInt($(select).attr('tabindex')) + '" />');
+							
+							// Inherit class names, style, and title attributes
+							$(control).addClass($(select).attr('class')).attr({
+								style: ($(select).attr('style') + '').replace(/inline/, 'inline-block'),
+								title: $(select).attr('title')
+							});
+							
+							// Store options for later use
+							$(select).data('selectBox-options', options);
+							
+							// Auto-width based on longest option
+							if( options.autoWidth ) {
+								
+								// Determine character count of longest option
+								var longestOption = '';
+								$(select).find('OPTION').each( function() {
+									if( $(this).text().length > longestOption.length ) longestOption = $(this).text();
+								});
+								
+								// Create a fake option, measure it, set the width, and remove the fake option
+								var div = $('<div class="ui-selectBox-dropdown" style="position: absolute; top: -9999em; left: -9999em; width: auto; display: inline-block;" />');
+								var li = $('<li class="ui-selectBox-option">' + _htmlspecialchars(longestOption) + '</li>');
+								$(div).append(li);
+								$('BODY').append(div);
+								$(control).width(li.outerWidth());
+								$(div).remove();
+								
+							}
+							
+							if( $(select)[0].tagName.toLowerCase() !== 'select' || $(select).attr('multiple') === true ) return;
+							if( $(select).attr('disabled') === true ) $(control).addClass('ui-selectBox-disabled');
+							
+							var label = $(select).find('OPTION:selected').text();
+							if( label === '' ) label = '\u00A0'; // &nbsp;
+							
+							// Add label and arrow
+							$(control).append('<span class="ui-selectBox-label">' + _htmlspecialchars(label) + '</span>');
+							$(control).append('<span class="ui-selectBox-arrow"></span>');
+							$(select).hide().after(control);
+							
+							_disableSelection(control);
+							
+							$(control)
+								.bind('click', function() { return false; })
+								.bind('mousedown', { select: select, control: control }, _show)
+								.bind('focus', { select: select, control: control }, _focus)
+								.bind('blur', { select: select, control: control }, _blur);
+							
+						}
+						
+					});
+					
+					return $(this);
+					
+					break;
+				
+			}
+
+				
+		}
+		
+			
+	});
+	
+})(jQuery);
+/*
+    http://www.JSON.org/json2.js
+    2008-11-19
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or '&nbsp;'),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the object holding the key.
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+*/
+
+/*jslint evil: true */
+
+/*global JSON */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+if (!this.JSON) {
+    JSON = {};
+}
+(function () {
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function (key) {
+
+            return this.getUTCFullYear()   + '-' +
+                 f(this.getUTCMonth() + 1) + '-' +
+                 f(this.getUTCDate())      + 'T' +
+                 f(this.getUTCHours())     + ':' +
+                 f(this.getUTCMinutes())   + ':' +
+                 f(this.getUTCSeconds())   + 'Z';
+        };
+
+        String.prototype.toJSON =
+        Number.prototype.toJSON =
+        Boolean.prototype.toJSON = function (key) {
+            return this.valueOf();
+        };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ?
+            '"' + string.replace(escapable, function (a) {
+                var c = meta[a];
+                return typeof c === 'string' ? c :
+                    '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+            }) + '"' :
+            '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0 ? '[]' :
+                    gap ? '[\n' + gap +
+                            partial.join(',\n' + gap) + '\n' +
+                                mind + ']' :
+                          '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    k = rep[i];
+                    if (typeof k === 'string') {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0 ? '{}' :
+                gap ? '{\n' + gap + partial.join(',\n' + gap) + '\n' +
+                        mind + '}' : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                     typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/.
+test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@').
+replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').
+replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function' ?
+                    walk({'': j}, '') : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+})();
+
+CanvasRenderingContext2D.prototype.dashedLineTo = function( fromX, fromY, toX, toY, pattern ) {
+	// Our growth rate for our line can be one of the following:
+	//	 (+,+), (+,-), (-,+), (-,-)
+	// Because of this, our algorithm needs to understand if the x-coord and
+	// y-coord should be getting smaller or larger and properly cap the values
+	// based on (x,y).
+	var lt = function ( a, b ) { return a <= b; };
+	var gt = function ( a, b ) { return a >= b; };
+	var capmin = function ( a, b ) { return Math.min( a, b ); };
+	var capmax = function ( a, b ) { return Math.max( a, b ); };
+
+	// if ( typeof(pattern) != "Array" ) pattern = [pattern];
+	var checkX = { thereYet: gt, cap: capmin };
+	var checkY = { thereYet: gt, cap: capmin };
+
+	if ( fromY - toY > 0 ) {
+		checkY.thereYet = lt;
+		checkY.cap = capmax;
+	}
+	if ( fromX - toX > 0 ) {
+		checkX.thereYet = lt;
+		checkX.cap = capmax;
+	}
+
+	this.moveTo( fromX, fromY );
+	var offsetX = fromX;
+	var offsetY = fromY;
+	var idx = 0, dash = true;
+	while ( !( checkX.thereYet( offsetX, toX ) && checkY.thereYet( offsetY, toY ) ) ) {
+		var ang = Math.atan2( toY - fromY, toX - fromX );
+		var len = pattern[idx];
+
+		offsetX = checkX.cap( toX, offsetX + (Math.cos( ang ) * len ) );
+		offsetY = checkY.cap( toY, offsetY + (Math.sin( ang ) * len ) );
+
+		if ( dash ) this.lineTo( offsetX, offsetY );
+		else this.moveTo( offsetX, offsetY );
+
+		idx = ( idx + 1 ) % pattern.length;
+		dash = !dash;
+	}
+};
+CanvasRenderingContext2D.prototype.dottedArc = function( x, y, radius, startAngle, endAngle, anticlockwise ) {
+	var g = Math.PI / radius / 2, sa = startAngle, ea = startAngle + g;
+	while( ea < endAngle ) {
+		this.beginPath();
+		this.arc( x, y, radius, sa, ea, anticlockwise );
+		this.stroke();
+		sa = ea + g;
+		ea = sa + g;
+	}
+};
+
+var Mark = ( function ( mark ) { 
+	
+	mark.layer = function( manager, name ) {
+	
+		this.canvas = null; 
+		this.context = null;
+		this.dirtyRectangles = [];
+		this.layerName = name;
+		this.manager = manager;
+	
+		this.clean = function() {
+			if( this.dirtyRectangles.length == 0 ) {
+				// if theres no dirtyRectangles, clear the whole thing (probably not the best default)
+				this.context.clearRect( 0, 0, this.canvas.width, this.canvas.height );
+			} else {
+				// loop through dirty rectangles, and run clearRect on each
+				for( var i = 0; i< this.dirtyRectangles.length; i++ ) {
+					var rect = this.dirtyRectangles[i];
+					this.context.clearRect( i.x, i.y, i.w, i.h );
+				}
+			}
+		};
+	
+		this.setSize = function( w, h ) {
+			if( this.canvas.width != w ) this.canvas.width = w;
+			if( this.canvas.height != h ) this.canvas.height = h;
+		};
+	
+		this.init = function () {
+			this.canvas = document.createElement( 'canvas' );
+			this.context = this.canvas.getContext( '2d' );
+			this.setSize( this.manager.container.scrollWidth, this.manager.container.scrollHeight );
+			this.manager.layerWrapper.appendChild( this.canvas );
+		};
+	
+		this.remove = function ()  {
+			this.manager.layerWrapper.removeChild( this.canvas );
+		};
+	
+		this.init();
+	};
+	
+	return mark;
+	
+}( Mark || {} ) );
+var Mark = ( function ( mark ) { 
+	mark.layerManager = function( container ) {
+	
+		this.container = container; 
+		this.layerWrapper = null;
+		this.layers = {};
+	
+		this.init = function () { 
+			// attach a new div for our layers to reside in 
+			this.layerWrapper = document.createElement( 'div' );
+			this.layerWrapper.className = 'mark-layerManager';
+			this.container.appendChild( this.layerWrapper );
+		};
+	
+		// add a layer to our container
+		this.addLayer = function( name ) {
+			var layer = new mark.layer( this, name );
+			this.layers[name] = layer;
+			return layer;
+		};
+		
+		// remove all layers from our container 
+		this.removeAll = function () {
+			for( var layer in this.layers ) {
+				this.layers[layer].remove();
+				delete this.layers[layer];
+			}
+		};
+		
+		// resize all layers to the passed width and height
+		this.resizeAll = function( w, h ) {
+			for( var layer in this.layers ) {
+				this.layers[layer].setSize( w, h );
+			}
+		};
+		
+		this.init();
+	
+	};
+	return mark;
+	
+}( Mark || {} ) );
+var Mark = ( function ( mark ) { 
+	mark.gmlPoint = function( x, y, time, speed, z ) {
+		this.x = x; 
+		this.y = y;
+		this.z = typeof z == "integer" ? z : 0;
+		this.time = time;
+		this.speed = speed; 
+		this.angle = 0; 
+		this.significance = 1; // 1-5 value for how significant this point is -- useful for easign the complexity of lines that are far from the camera
+		 
+		// returns the distance between this and another point
+		this.distanceToPoint = function( point ) {
+			return Math.sqrt( Math.pow( (point.x - this.x ), 2 ) + Math.pow( (point.y - this.y ), 2 ) );
+		};
+		
+		// returns a speed between this point and a point in the future
+		this.speedToPoint = function( point ) {
+			var dp = this.distanceToPoint( point );
+			var dt = point.time - this.time;
+			return dp / dt;
+		};
+		
+		// ensures this point's speed is not changing substantially faster than it should
+		// allowance is a per unit distance change
+		this.smoothAgainst = function( point, allowance ) {
+			var d = this.distanceToPoint( point );
+			var a = allowance * d;
+			if ( Math.abs( this.speed - point.speed ) > a ) {
+				this.speed = this.speed > point.speed ? point.speed + a : point.speed - a;
+			} 
+		};
+		
+		// considers a prior point and sets this point's angle accordingly
+		// ensures that the angle is a radian value between 0 and 2 * PI
+		this.setAngleFromPoint = function ( point ) {
+			this.angle = Math.atan2( point.y - this.y, point.x - this.x ) + ( Math.PI / 2 );
+			this.angle = this.angle % ( 2 * Math.PI );
+			if( this.angle < 0 ) this.angle = ( 2 * Math.PI ) + this.angle; 
+		};
+		
+		// returns a basic copy of this point
+		this.clone = function ()  {
+			return { x: this.x, y: this.y, z: this.z, time: this.time, significance: this.significance, angle: this.angle, speed: this.speed };
+		};
+		
+		// returns a copy of this point translated by x, y
+		this.getTranslatedPoint = function ( x, y ) {
+			var point = this.clone();
+			point.x += x;
+			point.y += y;
+			return point;
+		};
+		
+	};
+	return mark; 
+}( Mark || {} ) );
+
+var Mark = ( function ( mark ) { 
+	mark.simplification = {
+		// helper function
+		Line: function( p1, p2 ) {
+			this.p1 = p1;
+			this.p2 = p2;
+			this.distanceToPoint = function( point ) {
+				// slope
+				var m = ( this.p2.y - this.p1.y ) / ( this.p2.x - this.p1.x );
+				// y offset
+				var b = this.p1.y - ( m * this.p1.x );
+				var d = [];
+				// distance to the linear equation
+				d.push( Math.abs( point.y - ( m * point.x ) - b ) / Math.sqrt( Math.pow( m, 2 ) + 1 ) )
+				// distance to p1
+				d.push( Math.sqrt( Math.pow( ( point.x - this.p1.x ), 2 ) + Math.pow( ( point.y - this.p1.y ), 2 ) ) )
+				// distance to p2
+				d.push( Math.sqrt( Math.pow( ( point.x - this.p2.x ), 2 ) + Math.pow( ( point.y - this.p2.y ), 2 ) ) );
+				// return the smallest distance
+				return d.sort( function( a, b ) {
+					return ( a - b ) //causes an array to be sorted numerically and ascending
+				} )[0];
+			}
+		},
+		// main simplification algorithm
+		douglasPeucker: function( points, tolerance ) {
+			var returnPoints = [];
+			if ( points.length <= 2 ) {
+				return [points[0]];
+			}
+			// make line from start to end 
+			var line = new mark.simplification.Line( points[0], points[points.length - 1] );
+			// find the largest distance from intermediate poitns to this line
+			var maxDistance = 0;
+			var maxDistanceIndex = 0;
+			for( var i = 1; i <= points.length - 2; i++ ) {
+				var distance = line.distanceToPoint( points[ i ] );
+				if( distance > maxDistance ) {
+					maxDistance = distance;
+					maxDistanceIndex = i;
+				}
+			}
+			// check if the max distance is greater than our tollerance allows 
+			if ( maxDistance >= tolerance ) {
+				var p = points[maxDistanceIndex];
+				line.distanceToPoint( p, true );
+				// include this point in the output 
+				returnPoints = returnPoints.concat( mark.simplification.douglasPeucker( points.slice( 0, maxDistanceIndex + 1 ), tolerance ) );
+				// returnPoints.push( points[maxDistanceIndex] );
+				returnPoints = returnPoints.concat( mark.simplification.douglasPeucker( points.slice( maxDistanceIndex, points.length ), tolerance ) );
+			} else {
+				// ditching this point
+				var p = points[maxDistanceIndex];
+				line.distanceToPoint( p, true );
+				returnPoints = [points[0]];
+			}
+			return returnPoints;
+		},
+		// returns a simplified version of a stroke based on the passed tolerance
+		simplifyPath: function( points, tolerance ) {
+			var arr = mark.simplification.douglasPeucker( points, tolerance );
+			// always have to push the very last point on so it doesn't get left off
+			arr.push( points[points.length - 1 ] );
+			return arr;
+		},
+		// weights a stroke based on the passed tolerances 
+		weightPath: function( points, tolerances ) {
+			var maxSignificance = tolerances.length + 1;
+			var tmpPoints = points;
+			while( tolerance = tolerances.shift() ) {
+				// limit the points array by the current tolerance
+				tmpPoints = mark.simplification.douglasPeucker( tmpPoints, tolerance );
+				// increment the significance of all points that pass the simplfification
+				for( var i = 0; i < tmpPoints.length; i++ ) {
+					tmpPoints[i].significance++;
+				}
+			}
+			// maker sure the beginning and end of all strokes get the hightest significance
+			points[0].significance = maxSignificance;
+			points[points.length - 1].significance = maxSignificance;
+			return points;
+		}
+	};
+	
+	return mark;
+}( Mark || {} ) );
+var Mark = ( function ( mark ) { 
+	
+	mark.dof = 10000;
+
+	mark.thickMarkBrush = function( g, strokes, translateOptions, colorBase, w, h ) {
+		var colorBase = colorBase ? colorBase : '0,0,0';
+		// setup our starting bound
+		var p = Mark.renderer.translatePoint( strokes[0][0], translateOptions );
+		var bounds = { minX: p.x, maxX: p.x, minY: p.y, maxY: p.y };
+		// if this mark isn't even close to being on screen, just return
+		if ( ( w && h ) && ( p.x > w*2 || p.x < -w || p.y > h*2 || p.y < -h || p.z > mark.dof || p.z < 0 ) ) return;
+		// iterate
+		for( var i = 0; i < strokes.length; i++ ) {
+			if( typeof( strokes[i] ) == "undefined" || strokes[i].length <= 1 ) continue;
+			var prevP = null;
+			for( var j=0; j < strokes[i].length; j++ ) {
+				var p = Mark.renderer.translatePoint( strokes[i][j], translateOptions );
+				// if this point is out of the depth of field, on to the next one
+				if( p.z && ( p.z > mark.dof ) ) continue;
+				// if this point isn't significant enough, on to the next one
+				if( p.significance && p.significance * ( mark.dof / 5 )  < p.z - 500  ) continue;
+				// if this is the first point in a stroke
+				if( !prevP ) {
+					// if this isn't the first stroke in this mark, and this mark is a reasonable distance from the camera, connect them
+					if( i != 0 && p.z < 1500 ) {
+						var lastStrokePoint = Mark.renderer.translatePoint( strokes[i-1][strokes[i-1].length - 1], translateOptions );
+						if( lastStrokePoint.z && lastStrokePoint.z < mark.dof ) {
+							g.strokeStyle = 'rgba(0,0,0,0.3)';
+							g.lineWidth = 1;
+							g.beginPath();
+							g.dashedLineTo( lastStrokePoint.x, lastStrokePoint.y, p.x, p.y, [6,4] );
+							g.closePath();
+							g.stroke();
+						}
+					}
+					prevP = p;
+					prevPX = 0;
+					prevPY = 0;
+					continue;
+				}
+				g.lineWidth = 1;
+				// set line width
+				if ( j == strokes[i].length - 1 ) {
+					// if this is the last point, make the widht 0 so we dont have a blunt end
+					var px = 0;
+					var py = 0;
+				} else {
+					var distance = 9 - Math.max( 0, Math.pow(p.speed + 1, 3) );
+					if( translateOptions.mode == "flatScale" && translateOptions.scale.thickness ) {
+						distance *= translateOptions.scale.thickness;
+					} else {
+						if( p.z ) distance *= (2/p.z) * ( h / 2 );
+					}
+					if ( distance < 0.1 ) distance = 0.1;
+					distance += 1;
+					var px = Math.cos( p.angle ) * distance;
+					var py =  Math.sin( p.angle ) * distance;
+				}
+				g.strokeStyle = 'rgba(' + colorBase + ',' + ( ( mark.dof - p.z ) / mark.dof )+')';
+				g.fillStyle = 'rgba(' + colorBase + ',' + ( ( mark.dof - p.z ) / mark.dof  )+')';
+				
+					
+				try {
+					g.beginPath();
+					g.lineWidth = 0.5 * ( ( mark.dof - p.z ) / mark.dof );
+					g.moveTo( prevP.x - prevPX - 0.5, prevP.y - prevPY - 0.5 );
+					g.lineTo( prevP.x + prevPX - 0.5, prevP.y + prevPY - 0.5 );
+					g.lineTo( p.x + px - 0.5, p.y + py - 0.5 );
+					g.lineTo( p.x - px - 0.5, p.y - py - 0.5 );
+					g.lineTo( prevP.x - prevPX - 0.5, prevP.y - prevPY - 0.5 );
+					g.fill();
+					g.stroke();
+				} catch( e ) {
+					// console.error( p, prevX, prevY, prevT, px, py, dx, dy, dt );
+				}
+				// expand bounds
+				bounds.minX = p.x < bounds.minX ? p.x : bounds.minX;
+				bounds.minY = p.y < bounds.minY ? p.y : bounds.minY;
+				bounds.maxX = p.x > bounds.maxX ? p.x : bounds.maxX;
+				bounds.maxY = p.y > bounds.maxY ? p.y : bounds.maxY;
+				// stash variables for later
+				prevP = p
+				prevPX = px;
+				prevPY = py;
+			}
+		}
+		// return our bounds for storage
+		return bounds;
+	};
+	mark.connectionBrush = function( g, p1, p2, offset1, offset2, w, h ) {
+		var tO = { offset: offset1, w: w, h: h, mode: 'pinhole' };
+		p1 = Mark.renderer.translatePoint( p1, tO );
+		tO.offset = offset2;
+		p2 = Mark.renderer.translatePoint( p2, tO );
+		// if these points are both off the screen, don't render the line
+		if ( ( p1.x > w || p1.x < 0 || p1.y > h || p1.y < 0 ) && ( p2.x > w || p2.x < 0 || p2.y > h || p2.y < 0 )  ) return;
+		// if these points are out of the dof, don't render the line
+		if ( p1.z && p2.z && ( p1.z > mark.dof || p1.z < 0 ) && ( p2.z > mark.dof || p2.z < 0 ) ) return;
+		g.strokeStyle = 'rgba(0,0,0,' + ( ( mark.dof - p1.z ) / (mark.dof*2) )+')';
+		var distance = 3 * (2/p1.z) * ( h / 2 );
+		if ( distance < 1 ) distance = 1;
+		g.lineWidth = distance;
+		g.beginPath();
+		g.moveTo( p1.x, p1.y );
+		g.lineTo( p2.x, p2.y );
+		g.closePath();
+		g.stroke();
+	},
+	mark.thickBrush = function( g, strokes, offsetX, offsetY, depth ) {
+		var offsetX = offsetX ? offsetX : 0;
+		var offsetY = offsetY ? offsetY : 0;
+		var depth = depth ? depth : 1;
+		
+		for( var i = 0; i < strokes.length; i++ ) {
+			if( typeof( strokes[i] ) == "undefined" || strokes[i].length <= 1 ) continue;
+			// if this is the first point in a stroke
+			if( i > 0 ) {
+				// connect to the last stroke
+				g.strokeStyle = 'rgba(0,0,0,0.1)';
+				g.lineWidth = 1;
+				g.beginPath();
+				var lastX = strokes[i-1][strokes[i-1].length - 1].x,
+					lastY = strokes[i-1][strokes[i-1].length - 1].y,
+					firstX = strokes[i][0].x,
+					firstY = strokes[i][0].y;
+				g.dashedLineTo( lastX + offsetX, lastY + offsetY, firstX + offsetX, firstY + offsetY, [6,4] );
+				g.closePath();
+				g.stroke();
+			}
+			g.lineWidth = 1;
+			g.strokeStyle = '#000000';
+			g.fillStyle = '#000000';
+			var prevPX = 0,
+				prevPY = 0,
+				prevT = strokes[i][0].time,
+				prevX = strokes[i][0].x,
+				prevY = strokes[i][0].y ;
+			for( var j=1; j < strokes[i].length; j++ ) {
+				var p = strokes[i][j];
+				// if this point is insignificant, on to the next one
+				if( p.significance < depth ) continue;
+				// if this is the last stroke
+				if ( j == strokes[i].length - 1 ) {
+					var px = 0;
+					var py = 0;
+				} else {
+					var distance = 9 - Math.pow(p.speed + 1, 3);
+					if ( distance < 0.5 ) distance = 0.5;
+					distance += 1;
+					var px = Math.cos( p.angle ) * distance;
+					var py =  Math.sin( p.angle ) * distance;
+				}
+				try {
+					g.beginPath();
+					g.moveTo( prevX - prevPX - 0.5 + offsetX, prevY - prevPY - 0.5 + offsetY );
+					g.lineTo( prevX + prevPX - 0.5 + offsetX, prevY + prevPY - 0.5 + offsetY );
+					g.lineTo( p.x + px - 0.5 + offsetX, p.y + py - 0.5 + offsetY );
+					g.lineTo( p.x - px - 0.5 + offsetX, p.y - py - 0.5 + offsetY );
+					g.lineTo( prevX - prevPX - 0.5 + offsetX, prevY - prevPY - 0.5 + offsetY );
+					g.fill();
+					g.stroke();
+				} catch( e ) {
+					// console.error( p, prevX, prevY, prevT, px, py, dx, dy, dt );
+				}
+				prevPX = px;
+				prevPY = py;
+				prevX = p.x;
+				prevY = p.y;
+				prevT = p.time;
+				prevAng = p.angle;
+			}
+		}
+	};
+	
+	mark.circleMarkBrush = function( g, strokes, offsetParent ) {
+		var d = 3;
+		for( var i = 0; i < strokes.length; i++ ) {
+			if( strokes[i].length == 0 ) continue;
+			for( var j=0; j < strokes[i].length; j++ ) {
+				var p = Mark.renderer.translatePoint( strokes[i][j], offsetParent );
+				if( p.z && p.z > mark.dof ) continue;
+				d = 3 * ( ( mark.dof - p.z ) / mark.dof );
+				g.fillStyle = "rgba(255,255,255,0.4)";
+				g.strokeStyle = "rgba(255,255,255,0.4)";
+				g.beginPath();
+				g.arc(p.x, p.y, d, 0, Math.PI*2, true);
+				g.closePath();
+				g.fill();
+				g.stroke();
+				g.lineTo( p.x, p.y );
+			}
+		}
+	};
+	
+	mark.circleBrush = function( g, strokes, offsetX, offsetY, depth ) {
+		var offsetX = offsetX ? offsetX : 0;
+		var offsetY = offsetY ? offsetY : 0;
+		var depth = depth ? depth : 1;
+		for( var i = 0; i < strokes.length; i++ ) {
+			if( strokes[i].length == 0 ) continue;
+			var p1 = strokes[i][0];
+			g.beginPath();
+			for( var j=0; j < strokes[i].length; j++ ) {
+				var p = strokes[i][j];
+				// if this point is insignificant, on to the next one
+				if( p.significance < depth ) continue;
+				g.beginPath();
+				g.arc(p.x + offsetX, p.y + offsetY, 3, 0, Math.PI*2, true);
+				g.closePath();
+				g.fill();
+				g.stroke();
+				g.lineTo( p.x + offsetX, p.y + offsetY );
+			}
+		}
+	};
+	
+	return mark; 
+}( Mark || {} ) );
+
+var Mark = ( function ( mark ) { 
+	mark.gmlMark = function( strokes, reference, country_code, time, rtl, id, is_approved ) {
+		this.strokes = strokes;
+		this.country_code = country_code; 
+		this.time = time;
+		this.rtl = rtl;
+		this.maxTime = 0;
+		this.reference = reference;
+		this.hoverState = false;
+		this.renderedBounds = null;
+		this.id = id ? id : null;
+		this.is_approved = is_approved;
+		this.contributor_name = null;
+		this.extra_info = null;
+		
+		// colors for this mark
+		this.color = '0,0,0';
+		
+		// current position of this mark
+		this.x = 0;
+		this.y = 0; 
+		
+		// we represent the mark as a plane sitting in 3d space -- all point positions can then be calculatd relative to this
+		// top left corner of the bounding box
+		this.position = {x: 0, y: 0, z: 0};
+		// angle of the plane in 3d space -- values are between -1 and 1, and really we only want to allow rotation around the Y axis
+		this.rotationAngle = {x: 0, y: 0, z: 0};
+		
+		// offset of the start point from the origin of the bounding box
+		this.sX = 0;
+		this.sY = 0;
+		
+		// bounding box dimensions
+		this.bWidth = 0;
+		this.bHeight = 0;
+		
+		this.init = function () {
+			if( this.strokes.length > 0 ) {
+				this.setupVars();
+			}
+		};
+		
+		this.setupVars = function () {
+			this.maxTime = this.lastPoint().time;
+			this.getBoundingBox();
+		};
+		
+		// looks for and returns the start of a stroke that is the furthes to the left
+		this.leftmostStrokeStart = function () {
+			var firstPoint = this.strokes[0][0];
+			for ( var i = 1; i < this.strokes.length; i++ ) {
+				var p = this.strokes[i][0];
+				if ( p.x < firstPoint.x ) lastPoint = p;
+			}
+			return firstPoint;
+		}
+		// looks for and returns the end of a stroke that is furthest to the right
+		this.rightmostStrokeEnd = function () {
+			// start with the last point of the first stroke
+			var lastPoint = this.strokes[0][this.strokes[0].length - 1];
+			for ( var i = 1; i < this.strokes.length; i++ ) {
+				var p = this.strokes[i][this.strokes[i].length - 1];
+				if ( p.x > lastPoint.x ) lastPoint = p;
+			}
+			return lastPoint;
+		};
+		
+		// returns the very first point drawn in this stroke
+		this.firstPoint = function () {
+			return this.strokes[0][0];
+		};
+		
+		// returns the very last point drawn in this stroke
+		this.lastPoint = function () {
+			return this.strokes[this.strokes.length - 1][this.strokes[this.strokes.length - 1].length - 1];
+		};
+		
+		this.translatePoint = function ( point ) {
+			var tP = point.clone();
+			tP.x = this.x + point.x;
+			tP.y = this.y + point.y;
+			return tP;
+		};
+		
+		this.getBoundingBox = function () {
+			var p1 = this.strokes[0][0];
+			var maxX = p1.x, minX = p1.x, maxY = p1.y, minY= p1.y;
+			for( var i = 0; i < this.strokes.length; i ++ ) {
+				for( var j = 0; j < this.strokes[i].length; j++ ) {
+					var p = this.strokes[i][j];
+					maxX = p.x > maxX ? p.x : maxX;
+					maxY = p.y > maxY ? p.y : maxY;
+					minX = p.x < minX ? p.x : minX;
+					minY = p.y < minY ? p.y : minY;
+				}
+			}
+			this.bWidth = maxX - minX;
+			this.bHeight = maxY - minY;
+			this.x = minX;
+			this.y = minY;
+			if ( minX != 0 || minY != 0 )
+				this.fitPointsToBounds( minX, minY );
+		};
+		
+		this.fitPointsToBounds = function ( minX, minY ) {
+			for( var i = 0; i < this.strokes.length; i ++ ) {
+				for( var j = 0; j < this.strokes[i].length; j++ ) {
+					this.strokes[i][j].x -= minX;
+					this.strokes[i][j].y -= minY;
+				}
+			}
+		};
+		
+		// returns a subset of this marks strokes, at a given time
+		this.strokesAtTime =  function ( time ) {
+			if( time > this.maxTime ) return this.strokes;
+			var sat = [[]];
+			var curIndex = [0, 0]
+			var nextPoint = this.strokes[curIndex[0]][curIndex[1]];
+			while( nextPoint.time < time ) {
+				sat[sat.length - 1].push( nextPoint );
+				curIndex[1]++;
+				if( this.strokes[curIndex[0]].length == curIndex[1] ) {
+					curIndex[0]++;
+					curIndex[1] = 0;
+					sat.push([]);
+				}
+				nextPoint = this.strokes[curIndex[0]][curIndex[1]];
+			}
+			return sat;
+		};
+		
+		// If reverse is true, we position relative to the start of the mark
+		// if it's false, or ommitted, we position relative to the end of the mark
+		this.positionRelativeTo = function ( mark, reverse ) {
+			var reverse = reverse ? !!reverse : false;
+			var buffer = 50;
+			if ( reverse ) {
+				this.position.x = mark.position.x - buffer - this.bWidth;
+				// this.x = mark.x + mark.firstPoint().x - this.lastPoint().x;
+				this.position.y = mark.position.y + mark.leftmostStrokeStart().y - this.rightmostStrokeEnd().y;
+				// this is based on a static computation in mark.renderer
+				// if you change it there, change it here
+				this.position.z =  mark.position.z - ( this.maxTime / 50 );
+			} else {
+				this.position.x = mark.position.x + mark.bWidth + this.leftmostStrokeStart().x + buffer;
+				// this.x = mark.x + mark.rightmostStrokeEnd().x - this.leftmostStrokeStart().x;
+				this.position.y = mark.position.y + mark.rightmostStrokeEnd().y - this.firstPoint().y;
+				// this is based on a static computation in mark.renderer
+				// if you change it there, change it here
+				this.position.z =  mark.position.z + ( mark.maxTime / 50 );
+			}
+		};
+		
+		this.positionToStart = function () {
+			this.position.x = 0;
+			this.position.y = 0;
+			this.position.z =  0;
+		};
+		
+		
+		this.init();
+		
+	};
+	return mark; 
+}( Mark || {} ) );
+
+var Mark = ( function ( mark ) { 
+	
+	mark.scene = function ( ) {
+	
+		this.camera = new Mark.camera();
+		this.objects = [];
+		this.canvasContext = null;
+		this.timers = {};
+		
+		this.init = function ( ) {
+			
+		};
+		
+		this.addObject = function ( object ) {
+			this.objects.push( object );
+		};
+		
+		this.removeObject = function ( index ) {
+			this.objects.splice( index, 1 );
+		};
+		
+		this.update = function ( ) {
+			var now = ( new Date() ).getTime();
+			for( mark in this.timers ) {
+				if( this.timers[mark].end < now ) {
+					delete this.timers[mark];
+				} 
+			}
+		};
+		
+		this.init();
+		
+	};
+	
+	return mark;
+	
+}( Mark || {} ) );
+var Mark = ( function ( mark ) { 
+	
+	mark.renderer = {
+		// all points are passed through here durring rendering 
+		// current supported options
+		// - offset - an object with x, y, and possibly z 
+		// - w - output width - defaults to 500
+		// - h - output height - defaults to 500
+		// - mode - which of the translate modes we should use. defaults to 'pinhole'
+		// - scale - an object with x, y and possibly thickness values to scale the x, y coords and the stroke thickness by.
+		translatePoint: function( point, options ) {
+			var modes = {
+				// simple offset and scale translate
+				'flatScale': function( rP, options ) {
+					var offsetX = ('offset' in options) && ( 'x' in options['offset'] ) ? options.offset.x : 0;
+					var offsetY = ('offset' in options) && ( 'y' in options['offset'] ) ? options.offset.y : 0;
+					var scaleX = ('scale' in options) && ( 'x' in options['scale'] ) ? options.scale.x : 1;
+					var scaleY = ('scale' in options) && ( 'y' in options['scale'] ) ? options.scale.y : 1;
+					rP.x *= scaleX;
+					rP.y *= scaleY;
+					rP.x += offsetX;
+					rP.y += offsetY;
+					return rP;
+				},
+				// maps the point to a 3D parabolic shape and then uses a pinhole camera approace to map it back to 2D coords
+				'pinhole': function( rP, options ) {
+					var offsetX = ('offset' in options) && ( 'x' in options['offset'] ) ? options.offset.x : 0;
+					var offsetY = ('offset' in options) && ( 'y' in options['offset'] ) ? options.offset.y : 0;
+					var offsetZ = ('offset' in options) && ( 'z' in options['offset'] ) ? options.offset.z : 0;
+					var w = ('w' in options) ? options.w : 500;
+					var h = ('h' in options) ? options.h : 500;
+					var spread = 100;
+					var shift = -100;
+					rP.x += offsetX;
+					rP.y += offsetY;
+					if( rP.x > 0 ) {
+						rP.z = Math.pow( ( ( rP.x - shift ) / spread ), 2) + offsetZ;
+					} else {
+						rP.z = Math.pow( ( ( rP.x - shift ) / spread / 2 ), 2) + offsetZ;
+					}
+					// make it a bit deeper based on time
+					if( rP.time ) rP.z += rP.time / 50;
+					var v = 2 / ( rP.z );
+					rP.x = rP.x * v * ( h / 2 ) + ( w / 2 );
+					rP.y = rP.y * v * ( h / 2 ) + ( h / 2 );
+					return rP;
+				}
+			};
+			// create a new object based on our point. Basically this will be a clone of the gmlPoint w/o functions
+			var rP = { x: point.x, y: point.y, z: point.z, time: point.time, significance: point.significance, angle: point.angle, speed: point.speed };
+			// run the appropriate function and return the result
+			return ( 'mode' in options ) && ( options['mode'] in modes ) ? 
+				modes[options['mode']]( rP, options ) : modes['pinhole']( rP, options );
+		},
+		// returns a subset of strokes for the given time
+		strokesAtTime: function ( strokes, time ) {
+			// if( time > this.maxTime ) return this.strokes;
+			var sat = [[]];
+			var curIndex = [0, 0];
+			var nextPoint = strokes[curIndex[0]][curIndex[1]];
+			while( nextPoint.time < time ) {
+				sat[sat.length - 1].push( nextPoint );
+				curIndex[1]++;
+				if( strokes[curIndex[0]].length == curIndex[1] ) {
+					// next stroke if we've got another
+					if( strokes.length == curIndex[0] + 1 ) break;
+					curIndex[0]++;
+					curIndex[1] = 0;
+					sat.push([]);
+				}
+				nextPoint = strokes[curIndex[0]][curIndex[1]];
+			}
+			return sat;
+		},
+		// renders a scene for the viz
+		// accepted options - cursor { x, y }, width, height
+		renderScene: function( scene, options ) {
+			var lastMarkStart;
+			var w = options.width;
+			var h = options.height;
+			for( var i = scene.objects.length - 1; i >= 0; i-- ) {
+				// set our offset based on the camera and the marks position
+				var offset = {
+					x: scene.objects[i].position.x - scene.camera.position.x,
+					y: scene.objects[i].position.y - scene.camera.position.y,
+					z: scene.objects[i].position.z - scene.camera.position.z
+				};
+				colorBase = scene.objects[i].color;
+				var translateOptions = {
+					offset: offset,
+					w: options.width,
+					h: options.height,
+					mode: 'pinhole'
+				};
+				if( i < scene.objects.length - 1 && !( scene.objects[i].reference in scene.timers ) ) {
+					// draw the connection
+					var offset1 = {
+						x: scene.objects[i+1].position.x - scene.camera.position.x,
+						y: scene.objects[i+1].position.y - scene.camera.position.y,
+						z: scene.objects[i+1].position.z - scene.camera.position.z
+					};
+					var offset2 = {
+						x: scene.objects[i].position.x - scene.camera.position.x,
+						y: scene.objects[i].position.y - scene.camera.position.y,
+						z: scene.objects[i].position.z - scene.camera.position.z
+					};
+					var p1 = scene.objects[i+1].leftmostStrokeStart();
+					var p2 = scene.objects[i].rightmostStrokeEnd();
+					Mark.connectionBrush( scene.canvasContext , p1, p2, offset1, offset2, w, h );
+				}
+				
+				var translateOptions = {
+					offset: offset,
+					w: options.width,
+					h: options.height,
+					mode: 'pinhole'
+				};
+				// DRAW THAT MARK
+				if( scene.objects[i].reference in scene.timers ) {
+					// render a mark that is currently being replayed
+					var strokes = mark.renderer.strokesAtTime( 
+						scene.objects[i].strokes, 
+						( ( new Date() ).getTime() - scene.timers[scene.objects[i].reference].start ) * scene.timers[scene.objects[i].reference].speed );
+					if( strokes && strokes.length > 0 && strokes[0].length > 0 ) 
+						scene.objects[i].renderedBounds = 
+							Mark.thickMarkBrush( scene.canvasContext, strokes, translateOptions, colorBase, options.width, options.height );
+				} else {
+					// render a mark that is not being played back
+					scene.objects[i].renderedBounds = 
+						Mark.thickMarkBrush( scene.canvasContext, scene.objects[i].strokes, translateOptions, colorBase, options.width, options.height );
+				}
+			}
+		},
+		// simpler render method for playing back an individual mark using our flatScale translate method
+		// accepted options - timer, width, height, offset {x, y}, scale, color
+		renderMark: function( canvasContext, aMark, options ) {
+			// DRAW THAT MARK
+			var translateOptions = {
+				offset: options.offset, 
+				scale: options.scale,
+				mode: 'flatScale'
+			};
+			if( 'timer' in options && options.timer ) {
+				// render a mark that is currently being replayed
+				var strokes = mark.renderer.strokesAtTime( aMark.strokes, ( ( new Date() ).getTime() - options.timer.start ) * options.timer.speed );
+				if( strokes && strokes.length > 0 && strokes[0].length > 0 ) 
+					aMark.renderedBounds = Mark.thickMarkBrush( canvasContext, strokes, translateOptions, options.color  );
+			} else {
+				// render a mark that is not being played back
+				aMark.renderedBounds = Mark.thickMarkBrush( canvasContext, aMark.strokes, translateOptions, options.color );
+			}
+		}
+	};
+	
+	return mark; 
+}( Mark || {} ) );
+
+var Mark = ( function ( mark ) { 
+	
+	// This is currently very rudimentry
+	// no projection math happening, just some offsets to consult when rendering marks
+	
+	mark.camera = function ( ) {
+	
+		this.position = new mark.vector( 0, 0 ,-1000 );
+		
+	};
+	
+	return mark;
+	
+}( Mark || {} ) );
+var Mark = ( function ( mark ) { 
+	
+	// Basic classes for use throughout Mark
+	
+	mark.vector = function ( x, y, z ) {
+		this.x = x || 0;
+		this.y = y || 0;
+		this.z = z || 0;
+	}
+	
+	return mark;
+	
+}( Mark || {} ) );
+/**
+ * @author sole / http://soledadpenades.com
+ * @author mr.doob / http://mrdoob.com
+ * @author Robert Eisele / http://www.xarg.org
+ * @author Philippe / http://philippe.elsass.me
+ * @author Robert Penner / http://www.robertpenner.com/easing_terms_of_use.html
+ */
+
+var TWEEN = TWEEN || ( function() {
+
+	var i, n, time, tweens = [];
+
+	this.add = function ( tween ) {
+
+		tweens.push( tween );
+
+	};
+
+	this.remove = function ( tween ) {
+
+		i = tweens.indexOf( tween );
+
+		if ( i !== -1 ) {
+
+			tweens.splice( i, 1 );
+
+		}
+
+	};
+
+	this.update = function () {
+
+		i = 0;
+		n = tweens.length;
+		time = new Date().getTime();
+
+		while ( i < n ) {
+
+			if ( tweens[ i ].update( time ) ) {
+
+				i++;
+
+			} else {
+
+				tweens.splice( i, 1 );
+				n--;
+
+			}
+
+		}
+
+	};
+
+	return this;
+
+} )();
+
+TWEEN.Tween = function ( object ) {
+
+	var _object = object,
+	_valuesStart = {},
+	_valuesDelta = {},
+	_valuesEnd = {},
+	_duration = 1000,
+	_delayTime = 0,
+	_startTime = null,
+	_easingFunction = TWEEN.Easing.Linear.EaseNone,
+	_chainedTween = null,
+	_onUpdateCallback = null,
+	_onCompleteCallback = null;
+
+	this.to = function ( properties, duration ) {
+
+		if( duration !== null ) {
+
+			_duration = duration;
+
+		}
+
+		for ( var property in properties ) {
+
+			// This prevents the engine from interpolating null values
+			if ( _object[ property ] === null ) {
+
+				continue;
+
+			}
+
+			// The current values are read when the tween starts;
+			// here we only store the final desired values
+			_valuesEnd[ property ] = properties[ property ];
+
+		}
+
+		return this;
+
+	};
+
+	this.start = function () {
+
+		TWEEN.add( this );
+
+		_startTime = new Date().getTime() + _delayTime;
+
+		for ( var property in _valuesEnd ) {
+
+			// Again, prevent dealing with null values
+			if ( _object[ property ] === null ) {
+
+				continue;
+
+			}
+
+			_valuesStart[ property ] = _object[ property ];
+			_valuesDelta[ property ] = _valuesEnd[ property ] - _object[ property ];
+
+		}
+
+		return this;
+	};
+
+	this.stop = function () {
+
+		TWEEN.remove( this );
+		return this;
+
+	};
+
+	this.delay = function ( amount ) {
+
+		_delayTime = amount;
+		return this;
+
+	};
+
+	this.easing = function ( easing ) {
+
+		_easingFunction = easing;
+		return this;
+
+	};
+
+	this.chain = function ( chainedTween ) {
+
+		_chainedTween = chainedTween;
+
+	};
+
+	this.onUpdate = function ( onUpdateCallback ) {
+
+		_onUpdateCallback = onUpdateCallback;
+		return this;
+
+	};
+
+	this.onComplete = function ( onCompleteCallback ) {
+
+		_onCompleteCallback = onCompleteCallback;
+		return this;
+
+	};
+
+	this.update = function ( time ) {
+
+		var property, elapsed, value;
+
+		if ( time < _startTime ) {
+
+			return true;
+
+		}
+
+		elapsed = ( time - _startTime ) / _duration;
+		elapsed = elapsed > 1 ? 1 : elapsed;
+
+		value = _easingFunction( elapsed );
+
+		for ( property in _valuesDelta ) {
+
+			_object[ property ] = _valuesStart[ property ] + _valuesDelta[ property ] * value;
+
+		}
+
+		if ( _onUpdateCallback !== null ) {
+
+			_onUpdateCallback.call( _object, value );
+
+		}
+
+		if ( elapsed == 1 ) {
+
+			if ( _onCompleteCallback !== null ) {
+
+				_onCompleteCallback.call( _object );
+
+			}
+
+			if ( _chainedTween !== null ) {
+
+				_chainedTween.start();
+
+			}
+
+			return false;
+
+		}
+
+		return true;
+
+	};
+
+	/*
+	this.destroy = function () {
+
+		TWEEN.remove( this );
+
+	};
+	*/
+}
+
+TWEEN.Easing = { Linear: {}, Quadratic: {}, Cubic: {}, Quartic: {}, Quintic: {}, Sinusoidal: {}, Exponential: {}, Circular: {}, Elastic: {}, Back: {}, Bounce: {} };
+
+
+TWEEN.Easing.Linear.EaseNone = function ( k ) {
+
+	return k;
+
+};
+
+//
+
+TWEEN.Easing.Quadratic.EaseIn = function ( k ) {
+
+	return k * k;
+
+};
+
+TWEEN.Easing.Quadratic.EaseOut = function ( k ) {
+
+	return - k * ( k - 2 );
+
+};
+
+TWEEN.Easing.Quadratic.EaseInOut = function ( k ) {
+
+	if ( ( k *= 2 ) < 1 ) return 0.5 * k * k;
+	return - 0.5 * ( --k * ( k - 2 ) - 1 );
+
+};
+
+//
+
+TWEEN.Easing.Cubic.EaseIn = function ( k ) {
+
+	return k * k * k;
+
+};
+
+TWEEN.Easing.Cubic.EaseOut = function ( k ) {
+
+	return --k * k * k + 1;
+
+};
+
+TWEEN.Easing.Cubic.EaseInOut = function ( k ) {
+
+	if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k;
+	return 0.5 * ( ( k -= 2 ) * k * k + 2 );
+
+};
+
+//
+
+TWEEN.Easing.Quartic.EaseIn = function ( k ) {
+
+	return k * k * k * k;
+
+};
+
+TWEEN.Easing.Quartic.EaseOut = function ( k ) {
+
+	 return - ( --k * k * k * k - 1 );
+
+}
+
+TWEEN.Easing.Quartic.EaseInOut = function ( k ) {
+
+	if ( ( k *= 2 ) < 1) return 0.5 * k * k * k * k;
+	return - 0.5 * ( ( k -= 2 ) * k * k * k - 2 );
+
+};
+
+//
+
+TWEEN.Easing.Quintic.EaseIn = function ( k ) {
+
+	return k * k * k * k * k;
+
+};
+
+TWEEN.Easing.Quintic.EaseOut = function ( k ) {
+
+	return ( k = k - 1 ) * k * k * k * k + 1;
+
+};
+
+TWEEN.Easing.Quintic.EaseInOut = function ( k ) {
+
+	if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k * k * k;
+	return 0.5 * ( ( k -= 2 ) * k * k * k * k + 2 );
+
+};
+
+// 
+
+TWEEN.Easing.Sinusoidal.EaseIn = function ( k ) {
+
+	return - Math.cos( k * Math.PI / 2 ) + 1;
+
+};
+
+TWEEN.Easing.Sinusoidal.EaseOut = function ( k ) {
+
+	return Math.sin( k * Math.PI / 2 );
+
+};
+
+TWEEN.Easing.Sinusoidal.EaseInOut = function ( k ) {
+
+	return - 0.5 * ( Math.cos( Math.PI * k ) - 1 );
+
+};
+
+//
+
+TWEEN.Easing.Exponential.EaseIn = function ( k ) {
+
+	return k == 0 ? 0 : Math.pow( 2, 10 * ( k - 1 ) );
+
+};
+
+TWEEN.Easing.Exponential.EaseOut = function ( k ) {
+
+	return k == 1 ? 1 : - Math.pow( 2, - 10 * k ) + 1;
+
+};
+
+TWEEN.Easing.Exponential.EaseInOut = function ( k ) {
+
+	if ( k == 0 ) return 0;
+        if ( k == 1 ) return 1;
+        if ( ( k *= 2 ) < 1 ) return 0.5 * Math.pow( 2, 10 * ( k - 1 ) );
+        return 0.5 * ( - Math.pow( 2, - 10 * ( k - 1 ) ) + 2 );
+
+};
+
+// 
+
+TWEEN.Easing.Circular.EaseIn = function ( k ) {
+
+	return - ( Math.sqrt( 1 - k * k ) - 1);
+
+};
+
+TWEEN.Easing.Circular.EaseOut = function ( k ) {
+
+	return Math.sqrt( 1 - --k * k );
+
+};
+
+TWEEN.Easing.Circular.EaseInOut = function ( k ) {
+
+	if ( ( k /= 0.5 ) < 1) return - 0.5 * ( Math.sqrt( 1 - k * k) - 1);
+	return 0.5 * ( Math.sqrt( 1 - ( k -= 2) * k) + 1);
+
+};
+
+//
+
+TWEEN.Easing.Elastic.EaseIn = function( k ) {
+
+	var s, a = 0.1, p = 0.4;
+	if ( k == 0 ) return 0; if ( k == 1 ) return 1; if ( !p ) p = 0.3;
+	if ( !a || a < 1 ) { a = 1; s = p / 4; }
+	else s = p / ( 2 * Math.PI ) * Math.asin( 1 / a );
+	return - ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) );
+
+};
+
+TWEEN.Easing.Elastic.EaseOut = function( k ) {
+
+	var s, a = 0.1, p = 0.4;
+	if ( k == 0 ) return 0; if ( k == 1 ) return 1; if ( !p ) p = 0.3;
+	if ( !a || a < 1 ) { a = 1; s = p / 4; }
+	else s = p / ( 2 * Math.PI ) * Math.asin( 1 / a );
+	return ( a * Math.pow( 2, - 10 * k) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) + 1 );
+
+};
+
+TWEEN.Easing.Elastic.EaseInOut = function( k ) {
+
+	var s, a = 0.1, p = 0.4;
+	if ( k == 0 ) return 0; if ( k == 1 ) return 1; if ( !p ) p = 0.3;
+        if ( !a || a < 1 ) { a = 1; s = p / 4; }
+        else s = p / ( 2 * Math.PI ) * Math.asin( 1 / a );
+        if ( ( k *= 2 ) < 1 ) return - 0.5 * ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) );
+        return a * Math.pow( 2, -10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) * 0.5 + 1;
+
+};
+
+//
+
+TWEEN.Easing.Back.EaseIn = function( k ) {
+
+	var s = 1.70158;
+	return k * k * ( ( s + 1 ) * k - s );
+
+};
+
+TWEEN.Easing.Back.EaseOut = function( k ) {
+
+	var s = 1.70158;
+	return ( k = k - 1 ) * k * ( ( s + 1 ) * k + s ) + 1;
+
+};
+
+TWEEN.Easing.Back.EaseInOut = function( k ) {
+
+	var s = 1.70158 * 1.525;
+	if ( ( k *= 2 ) < 1 ) return 0.5 * ( k * k * ( ( s + 1 ) * k - s ) );
+	return 0.5 * ( ( k -= 2 ) * k * ( ( s + 1 ) * k + s ) + 2 );
+
+};
+
+// 
+
+TWEEN.Easing.Bounce.EaseIn = function( k ) {
+
+	return 1 - TWEEN.Easing.Bounce.EaseOut( 1 - k );
+
+};
+
+TWEEN.Easing.Bounce.EaseOut = function( k ) {
+
+	if ( ( k /= 1 ) < ( 1 / 2.75 ) ) {
+
+		return 7.5625 * k * k;
+
+	} else if ( k < ( 2 / 2.75 ) ) {
+
+		return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75;
+
+	} else if ( k < ( 2.5 / 2.75 ) ) {
+
+		return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375;
+
+	} else {
+
+		return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375;
+
+	}
+
+};
+
+TWEEN.Easing.Bounce.EaseInOut = function( k ) {
+
+	if ( k < 0.5 ) return TWEEN.Easing.Bounce.EaseIn( k * 2 ) * 0.5;
+	return TWEEN.Easing.Bounce.EaseOut( k * 2 - 1 ) * 0.5 + 0.5;
+
+};
+// name: sammy
+// version: 0.6.3
+
+// Sammy.js / http://sammyjs.org
+
+(function($, window) {
+
+	var Sammy,
+			PATH_REPLACER = "([^\/]+)",
+			PATH_NAME_MATCHER = /:([\w\d]+)/g,
+			QUERY_STRING_MATCHER = /\?([^#]*)$/,
+			// mainly for making `arguments` an Array
+			_makeArray = function(nonarray) { return Array.prototype.slice.call(nonarray); },
+			// borrowed from jQuery
+			_isFunction = function( obj ) { return Object.prototype.toString.call(obj) === "[object Function]"; },
+			_isArray = function( obj ) { return Object.prototype.toString.call(obj) === "[object Array]"; },
+			_decode = function( str ) { return decodeURIComponent(str.replace(/\+/g, ' ')); },
+			_encode = encodeURIComponent,
+			_escapeHTML = function(s) {
+				return String(s).replace(/&(?!\w+;)/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+			},
+			_routeWrapper = function(verb) {
+				return function(path, callback) { return this.route.apply(this, [verb, path, callback]); };
+			},
+			_template_cache = {},
+			loggers = [];
+
+
+	// `Sammy` (also aliased as $.sammy) is not only the namespace for a
+	// number of prototypes, its also a top level method that allows for easy
+	// creation/management of `Sammy.Application` instances. There are a
+	// number of different forms for `Sammy()` but each returns an instance
+	// of `Sammy.Application`. When a new instance is created using
+	// `Sammy` it is added to an Object called `Sammy.apps`. This
+	// provides for an easy way to get at existing Sammy applications. Only one
+	// instance is allowed per `element_selector` so when calling
+	// `Sammy('selector')` multiple times, the first time will create
+	// the application and the following times will extend the application
+	// already added to that selector.
+	//
+	// ### Example
+	//
+	//			// returns the app at #main or a new app
+	//			Sammy('#main')
+	//
+	//			// equivilent to "new Sammy.Application", except appends to apps
+	//			Sammy();
+	//			Sammy(function() { ... });
+	//
+	//			// extends the app at '#main' with function.
+	//			Sammy('#main', function() { ... });
+	//
+	Sammy = function() {
+		var args = _makeArray(arguments),
+				app, selector;
+		Sammy.apps = Sammy.apps || {};
+		if (args.length === 0 || args[0] && _isFunction(args[0])) { // Sammy()
+			return Sammy.apply(Sammy, ['body'].concat(args));
+		} else if (typeof (selector = args.shift()) == 'string') { // Sammy('#main')
+			app = Sammy.apps[selector] || new Sammy.Application();
+			app.element_selector = selector;
+			if (args.length > 0) {
+				$.each(args, function(i, plugin) {
+					app.use(plugin);
+				});
+			}
+			// if the selector changes make sure the refrence in Sammy.apps changes
+			if (app.element_selector != selector) {
+				delete Sammy.apps[selector];
+			}
+			Sammy.apps[app.element_selector] = app;
+			return app;
+		}
+	};
+
+	Sammy.VERSION = '0.6.3';
+
+	// Add to the global logger pool. Takes a function that accepts an
+	// unknown number of arguments and should print them or send them somewhere
+	// The first argument is always a timestamp.
+	Sammy.addLogger = function(logger) {
+		loggers.push(logger);
+	};
+
+	// Sends a log message to each logger listed in the global
+	// loggers pool. Can take any number of arguments.
+	// Also prefixes the arguments with a timestamp.
+	Sammy.log = function()	{
+		var args = _makeArray(arguments);
+		args.unshift("[" + Date() + "]");
+		$.each(loggers, function(i, logger) {
+			logger.apply(Sammy, args);
+		});
+	};
+
+	if (typeof window.console != 'undefined') {
+		if (_isFunction(window.console.log.apply)) {
+			Sammy.addLogger(function() {
+				window.console.log.apply(window.console, arguments);
+			});
+		} else {
+			Sammy.addLogger(function() {
+				window.console.log(arguments);
+			});
+		}
+	} else if (typeof console != 'undefined') {
+		Sammy.addLogger(function() {
+			console.log.apply(console, arguments);
+		});
+	}
+
+	$.extend(Sammy, {
+		makeArray: _makeArray,
+		isFunction: _isFunction,
+		isArray: _isArray
+	})
+
+	// Sammy.Object is the base for all other Sammy classes. It provides some useful
+	// functionality, including cloning, iterating, etc.
+	Sammy.Object = function(obj) { // constructor
+		return $.extend(this, obj || {});
+	};
+
+	$.extend(Sammy.Object.prototype, {
+
+		// Escape HTML in string, use in templates to prevent script injection.
+		// Also aliased as `h()`
+		escapeHTML: _escapeHTML,
+		h: _escapeHTML,
+
+		// Returns a copy of the object with Functions removed.
+		toHash: function() {
+			var json = {};
+			$.each(this, function(k,v) {
+				if (!_isFunction(v)) {
+					json[k] = v;
+				}
+			});
+			return json;
+		},
+
+		// Renders a simple HTML version of this Objects attributes.
+		// Does not render functions.
+		// For example. Given this Sammy.Object:
+		//
+		//		 var s = new Sammy.Object({first_name: 'Sammy', last_name: 'Davis Jr.'});
+		//		 s.toHTML()
+		//		 //=> '<strong>first_name</strong> Sammy<br /><strong>last_name</strong> Davis Jr.<br />'
+		//
+		toHTML: function() {
+			var display = "";
+			$.each(this, function(k, v) {
+				if (!_isFunction(v)) {
+					display += "<strong>" + k + "</strong> " + v + "<br />";
+				}
+			});
+			return display;
+		},
+
+		// Returns an array of keys for this object. If `attributes_only`
+		// is true will not return keys that map to a `function()`
+		keys: function(attributes_only) {
+			var keys = [];
+			for (var property in this) {
+				if (!_isFunction(this[property]) || !attributes_only) {
+					keys.push(property);
+				}
+			}
+			return keys;
+		},
+
+		// Checks if the object has a value at `key` and that the value is not empty
+		has: function(key) {
+			return this[key] && $.trim(this[key].toString()) != '';
+		},
+
+		// convenience method to join as many arguments as you want
+		// by the first argument - useful for making paths
+		join: function() {
+			var args = _makeArray(arguments);
+			var delimiter = args.shift();
+			return args.join(delimiter);
+		},
+
+		// Shortcut to Sammy.log
+		log: function() {
+			Sammy.log.apply(Sammy, arguments);
+		},
+
+		// Returns a string representation of this object.
+		// if `include_functions` is true, it will also toString() the
+		// methods of this object. By default only prints the attributes.
+		toString: function(include_functions) {
+			var s = [];
+			$.each(this, function(k, v) {
+				if (!_isFunction(v) || include_functions) {
+					s.push('"' + k + '": ' + v.toString());
+				}
+			});
+			return "Sammy.Object: {" + s.join(',') + "}";
+		}
+	});
+
+	// The HashLocationProxy is the default location proxy for all Sammy applications.
+	// A location proxy is a prototype that conforms to a simple interface. The purpose
+	// of a location proxy is to notify the Sammy.Application its bound to when the location
+	// or 'external state' changes. The HashLocationProxy considers the state to be
+	// changed when the 'hash' (window.location.hash / '#') changes. It does this in two
+	// different ways depending on what browser you are using. The newest browsers
+	// (IE, Safari > 4, FF >= 3.6) support a 'onhashchange' DOM event, thats fired whenever
+	// the location.hash changes. In this situation the HashLocationProxy just binds
+	// to this event and delegates it to the application. In the case of older browsers
+	// a poller is set up to track changes to the hash. Unlike Sammy 0.3 or earlier,
+	// the HashLocationProxy allows the poller to be a global object, eliminating the
+	// need for multiple pollers even when thier are multiple apps on the page.
+	Sammy.HashLocationProxy = function(app, run_interval_every) {
+		this.app = app;
+		// set is native to false and start the poller immediately
+		this.is_native = false;
+		this._startPolling(run_interval_every);
+	};
+
+	Sammy.HashLocationProxy.prototype = {
+
+		// bind the proxy events to the current app.
+		bind: function() {
+			var proxy = this, app = this.app;
+			$(window).bind('hashchange.' + this.app.eventNamespace(), function(e, non_native) {
+				// if we receive a native hash change event, set the proxy accordingly
+				// and stop polling
+				if (proxy.is_native === false && !non_native) {
+					Sammy.log('native hash change exists, using');
+					proxy.is_native = true;
+					window.clearInterval(Sammy.HashLocationProxy._interval);
+				}
+				app.trigger('location-changed');
+			});
+			if (!Sammy.HashLocationProxy._bindings) {
+				Sammy.HashLocationProxy._bindings = 0;
+			}
+			Sammy.HashLocationProxy._bindings++;
+		},
+
+		// unbind the proxy events from the current app
+		unbind: function() {
+			$(window).unbind('hashchange.' + this.app.eventNamespace());
+			Sammy.HashLocationProxy._bindings--;
+			if (Sammy.HashLocationProxy._bindings <= 0) {
+				window.clearInterval(Sammy.HashLocationProxy._interval);
+			}
+		},
+
+		// get the current location from the hash.
+		getLocation: function() {
+		 // Bypass the `window.location.hash` attribute.	If a question mark
+			// appears in the hash IE6 will strip it and all of the following
+			// characters from `window.location.hash`.
+			var matches = window.location.toString().match(/^[^#]*(#.+)$/);
+			return matches ? matches[1] : '';
+		},
+
+		// set the current location to `new_location`
+		setLocation: function(new_location) {
+			return (window.location = new_location);
+		},
+
+		_startPolling: function(every) {
+			// set up interval
+			var proxy = this;
+			if (!Sammy.HashLocationProxy._interval) {
+				if (!every) { every = 10; }
+				var hashCheck = function() {
+					var current_location = proxy.getLocation();
+					if (!Sammy.HashLocationProxy._last_location ||
+						current_location != Sammy.HashLocationProxy._last_location) {
+						window.setTimeout(function() {
+							$(window).trigger('hashchange', [true]);
+						}, 13);
+					}
+					Sammy.HashLocationProxy._last_location = current_location;
+				};
+				hashCheck();
+				Sammy.HashLocationProxy._interval = window.setInterval(hashCheck, every);
+			}
+		}
+	};
+
+
+	// Sammy.Application is the Base prototype for defining 'applications'.
+	// An 'application' is a collection of 'routes' and bound events that is
+	// attached to an element when `run()` is called.
+	// The only argument an 'app_function' is evaluated within the context of the application.
+	Sammy.Application = function(app_function) {
+		var app = this;
+		this.routes						 = {};
+		this.listeners				 = new Sammy.Object({});
+		this.arounds					 = [];
+		this.befores					 = [];
+		// generate a unique namespace
+		this.namespace				 = (new Date()).getTime() + '-' + parseInt(Math.random() * 1000, 10);
+		this.context_prototype = function() { Sammy.EventContext.apply(this, arguments); };
+		this.context_prototype.prototype = new Sammy.EventContext();
+
+		if (_isFunction(app_function)) {
+			app_function.apply(this, [this]);
+		}
+		// set the location proxy if not defined to the default (HashLocationProxy)
+		if (!this._location_proxy) {
+			this.setLocationProxy(new Sammy.HashLocationProxy(this, this.run_interval_every));
+		}
+		if (this.debug) {
+			this.bindToAllEvents(function(e, data) {
+				app.log(app.toString(), e.cleaned_type, data || {});
+			});
+		}
+	};
+
+	Sammy.Application.prototype = $.extend({}, Sammy.Object.prototype, {
+
+		// the four route verbs
+		ROUTE_VERBS: ['get','post','put','delete'],
+
+		// An array of the default events triggered by the
+		// application during its lifecycle
+		APP_EVENTS: ['run', 'unload', 'lookup-route', 'run-route', 'route-found', 'event-context-before', 'event-context-after', 'changed', 'error', 'check-form-submission', 'redirect', 'location-changed'],
+
+		_last_route: null,
+		_location_proxy: null,
+		_running: false,
+
+		// Defines what element the application is bound to. Provide a selector
+		// (parseable by `jQuery()`) and this will be used by `$element()`
+		element_selector: 'body',
+
+		// When set to true, logs all of the default events using `log()`
+		debug: false,
+
+		// When set to true, and the error() handler is not overriden, will actually
+		// raise JS errors in routes (500) and when routes can't be found (404)
+		raise_errors: false,
+
+		// The time in milliseconds that the URL is queried for changes
+		run_interval_every: 50,
+
+		// The default template engine to use when using `partial()` in an
+		// `EventContext`. `template_engine` can either be a string that
+		// corresponds to the name of a method/helper on EventContext or it can be a function
+		// that takes two arguments, the content of the unrendered partial and an optional
+		// JS object that contains interpolation data. Template engine is only called/refered
+		// to if the extension of the partial is null or unknown. See `partial()`
+		// for more information
+		template_engine: null,
+
+		// //=> Sammy.Application: body
+		toString: function() {
+			return 'Sammy.Application:' + this.element_selector;
+		},
+
+		// returns a jQuery object of the Applications bound element.
+		$element: function(selector) {
+			return selector ? $(this.element_selector).find(selector) : $(this.element_selector);
+		},
+
+		// `use()` is the entry point for including Sammy plugins.
+		// The first argument to use should be a function() that is evaluated
+		// in the context of the current application, just like the `app_function`
+		// argument to the `Sammy.Application` constructor.
+		//
+		// Any additional arguments are passed to the app function sequentially.
+		//
+		// For much more detail about plugins, check out:
+		// [http://sammyjs.org/docs/plugins](http://sammyjs.org/docs/plugins)
+		//
+		// ### Example
+		//
+		//			var MyPlugin = function(app, prepend) {
+		//
+		//				this.helpers({
+		//					myhelper: function(text) {
+		//						alert(prepend + " " + text);
+		//					}
+		//				});
+		//
+		//			};
+		//
+		//			var app = $.sammy(function() {
+		//
+		//				this.use(MyPlugin, 'This is my plugin');
+		//
+		//				this.get('#/', function() {
+		//					this.myhelper('and dont you forget it!');
+		//					//=> Alerts: This is my plugin and dont you forget it!
+		//				});
+		//
+		//			});
+		//
+		// If plugin is passed as a string it assumes your are trying to load
+		// Sammy."Plugin". This is the prefered way of loading core Sammy plugins
+		// as it allows for better error-messaging.
+		//
+		// ### Example
+		//
+		//			$.sammy(function() {
+		//				this.use('Mustache'); //=> Sammy.Mustache
+		//				this.use('Storage'); //=> Sammy.Storage
+		//			});
+		//
+		use: function() {
+			// flatten the arguments
+			var args = _makeArray(arguments),
+					plugin = args.shift(),
+					plugin_name = plugin || '';
+			try {
+				args.unshift(this);
+				if (typeof plugin == 'string') {
+					plugin_name = 'Sammy.' + plugin;
+					plugin = Sammy[plugin];
+				}
+				plugin.apply(this, args);
+			} catch(e) {
+				if (typeof plugin === 'undefined') {
+					this.error("Plugin Error: called use() but plugin (" + plugin_name.toString() + ") is not defined", e);
+				} else if (!_isFunction(plugin)) {
+					this.error("Plugin Error: called use() but '" + plugin_name.toString() + "' is not a function", e);
+				} else {
+					this.error("Plugin Error", e);
+				}
+			}
+			return this;
+		},
+
+		// Sets the location proxy for the current app. By default this is set to
+		// a new `Sammy.HashLocationProxy` on initialization. However, you can set
+		// the location_proxy inside you're app function to give your app a custom
+		// location mechanism. See `Sammy.HashLocationProxy` and `Sammy.DataLocationProxy`
+		// for examples.
+		//
+		// `setLocationProxy()` takes an initialized location proxy.
+		//
+		// ### Example
+		//
+		//				// to bind to data instead of the default hash;
+		//				var app = $.sammy(function() {
+		//					this.setLocationProxy(new Sammy.DataLocationProxy(this));
+		//				});
+		//
+		setLocationProxy: function(new_proxy) {
+			var original_proxy = this._location_proxy;
+			this._location_proxy = new_proxy;
+			if (this.isRunning()) {
+				if (original_proxy) {
+					// if there is already a location proxy, unbind it.
+					original_proxy.unbind();
+				}
+				this._location_proxy.bind();
+			}
+		},
+
+		// `route()` is the main method for defining routes within an application.
+		// For great detail on routes, check out:
+		// [http://sammyjs.org/docs/routes](http://sammyjs.org/docs/routes)
+		//
+		// This method also has aliases for each of the different verbs (eg. `get()`, `post()`, etc.)
+		//
+		// ### Arguments
+		//
+		// * `verb` A String in the set of ROUTE_VERBS or 'any'. 'any' will add routes for each
+		//		of the ROUTE_VERBS. If only two arguments are passed,
+		//		the first argument is the path, the second is the callback and the verb
+		//		is assumed to be 'any'.
+		// * `path` A Regexp or a String representing the path to match to invoke this verb.
+		// * `callback` A Function that is called/evaluated whent the route is run see: `runRoute()`.
+		//		It is also possible to pass a string as the callback, which is looked up as the name
+		//		of a method on the application.
+		//
+		route: function(verb, path, callback) {
+			var app = this, param_names = [], add_route, path_match;
+
+			// if the method signature is just (path, callback)
+			// assume the verb is 'any'
+			if (!callback && _isFunction(path)) {
+				path = verb;
+				callback = path;
+				verb = 'any';
+			}
+
+			verb = verb.toLowerCase(); // ensure verb is lower case
+
+			// if path is a string turn it into a regex
+			if (path.constructor == String) {
+
+				// Needs to be explicitly set because IE will maintain the index unless NULL is returned,
+				// which means that with two consecutive routes that contain params, the second set of params will not be found and end up in splat instead of params
+				// https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/RegExp/lastIndex
+				PATH_NAME_MATCHER.lastIndex = 0;
+
+				// find the names
+				while ((path_match = PATH_NAME_MATCHER.exec(path)) !== null) {
+					param_names.push(path_match[1]);
+				}
+				// replace with the path replacement
+				path = new RegExp("^" + path.replace(PATH_NAME_MATCHER, PATH_REPLACER) + "$");
+			}
+			// lookup callback
+			if (typeof callback == 'string') {
+				callback = app[callback];
+			}
+
+			add_route = function(with_verb) {
+				var r = {verb: with_verb, path: path, callback: callback, param_names: param_names};
+				// add route to routes array
+				app.routes[with_verb] = app.routes[with_verb] || [];
+				// place routes in order of definition
+				app.routes[with_verb].push(r);
+			};
+
+			if (verb === 'any') {
+				$.each(this.ROUTE_VERBS, function(i, v) { add_route(v); });
+			} else {
+				add_route(verb);
+			}
+
+			// return the app
+			return this;
+		},
+
+		// Alias for route('get', ...)
+		get: _routeWrapper('get'),
+
+		// Alias for route('post', ...)
+		post: _routeWrapper('post'),
+
+		// Alias for route('put', ...)
+		put: _routeWrapper('put'),
+
+		// Alias for route('delete', ...)
+		del: _routeWrapper('delete'),
+
+		// Alias for route('any', ...)
+		any: _routeWrapper('any'),
+
+		// `mapRoutes` takes an array of arrays, each array being passed to route()
+		// as arguments, this allows for mass definition of routes. Another benefit is
+		// this makes it possible/easier to load routes via remote JSON.
+		//
+		// ### Example
+		//
+		//			var app = $.sammy(function() {
+		//
+		//				this.mapRoutes([
+		//						['get', '#/', function() { this.log('index'); }],
+		//						// strings in callbacks are looked up as methods on the app
+		//						['post', '#/create', 'addUser'],
+		//						// No verb assumes 'any' as the verb
+		//						[/dowhatever/, function() { this.log(this.verb, this.path)}];
+		//					]);
+		//			});
+		//
+		mapRoutes: function(route_array) {
+			var app = this;
+			$.each(route_array, function(i, route_args) {
+				app.route.apply(app, route_args);
+			});
+			return this;
+		},
+
+		// A unique event namespace defined per application.
+		// All events bound with `bind()` are automatically bound within this space.
+		eventNamespace: function() {
+			return ['sammy-app', this.namespace].join('-');
+		},
+
+		// Works just like `jQuery.fn.bind()` with a couple noteable differences.
+		//
+		// * It binds all events to the application element
+		// * All events are bound within the `eventNamespace()`
+		// * Events are not actually bound until the application is started with `run()`
+		// * callbacks are evaluated within the context of a Sammy.EventContext
+		//
+		bind: function(name, data, callback) {
+			var app = this;
+			// build the callback
+			// if the arity is 2, callback is the second argument
+			if (typeof callback == 'undefined') { callback = data; }
+			var listener_callback =	 function() {
+				// pull off the context from the arguments to the callback
+				var e, context, data;
+				e				= arguments[0];
+				data		= arguments[1];
+				if (data && data.context) {
+					context = data.context;
+					delete data.context;
+				} else {
+					context = new app.context_prototype(app, 'bind', e.type, data, e.target);
+				}
+				e.cleaned_type = e.type.replace(app.eventNamespace(), '');
+				callback.apply(context, [e, data]);
+			};
+
+			// it could be that the app element doesnt exist yet
+			// so attach to the listeners array and then run()
+			// will actually bind the event.
+			if (!this.listeners[name]) { this.listeners[name] = []; }
+			this.listeners[name].push(listener_callback);
+			if (this.isRunning()) {
+				// if the app is running
+				// *actually* bind the event to the app element
+				this._listen(name, listener_callback);
+			}
+			return this;
+		},
+
+		// Triggers custom events defined with `bind()`
+		//
+		// ### Arguments
+		//
+		// * `name` The name of the event. Automatically prefixed with the `eventNamespace()`
+		// * `data` An optional Object that can be passed to the bound callback.
+		// * `context` An optional context/Object in which to execute the bound callback.
+		//	 If no context is supplied a the context is a new `Sammy.EventContext`
+		//
+		trigger: function(name, data) {
+			this.$element().trigger([name, this.eventNamespace()].join('.'), [data]);
+			return this;
+		},
+
+		// Reruns the current route
+		refresh: function() {
+			this.last_location = null;
+			this.trigger('location-changed');
+			return this;
+		},
+
+		// Takes a single callback that is pushed on to a stack.
+		// Before any route is run, the callbacks are evaluated in order within
+		// the current `Sammy.EventContext`
+		//
+		// If any of the callbacks explicitly return false, execution of any
+		// further callbacks and the route itself is halted.
+		//
+		// You can also provide a set of options that will define when to run this
+		// before based on the route it proceeds.
+		//
+		// ### Example
+		//
+		//			var app = $.sammy(function() {
+		//
+		//				// will run at #/route but not at #/
+		//				this.before('#/route', function() {
+		//					//...
+		//				});
+		//
+		//				// will run at #/ but not at #/route
+		//				this.before({except: {path: '#/route'}}, function() {
+		//					this.log('not before #/route');
+		//				});
+		//
+		//				this.get('#/', function() {});
+		//
+		//				this.get('#/route', function() {});
+		//
+		//			});
+		//
+		// See `contextMatchesOptions()` for a full list of supported options
+		//
+		before: function(options, callback) {
+			if (_isFunction(options)) {
+				callback = options;
+				options = {};
+			}
+			this.befores.push([options, callback]);
+			return this;
+		},
+
+		// A shortcut for binding a callback to be run after a route is executed.
+		// After callbacks have no guarunteed order.
+		after: function(callback) {
+			return this.bind('event-context-after', callback);
+		},
+
+
+		// Adds an around filter to the application. around filters are functions
+		// that take a single argument `callback` which is the entire route
+		// execution path wrapped up in a closure. This means you can decide whether
+		// or not to proceed with execution by not invoking `callback` or,
+		// more usefuly wrapping callback inside the result of an asynchronous execution.
+		//
+		// ### Example
+		//
+		// The most common use case for around() is calling a _possibly_ async function
+		// and executing the route within the functions callback:
+		//
+		//			var app = $.sammy(function() {
+		//
+		//				var current_user = false;
+		//
+		//				function checkLoggedIn(callback) {
+		//					// /session returns a JSON representation of the logged in user
+		//					// or an empty object
+		//					if (!current_user) {
+		//						$.getJSON('/session', function(json) {
+		//							if (json.login) {
+		//								// show the user as logged in
+		//								current_user = json;
+		//								// execute the route path
+		//								callback();
+		//							} else {
+		//								// show the user as not logged in
+		//								current_user = false;
+		//								// the context of aroundFilters is an EventContext
+		//								this.redirect('#/login');
+		//							}
+		//						});
+		//					} else {
+		//						// execute the route path
+		//						callback();
+		//					}
+		//				};
+		//
+		//				this.around(checkLoggedIn);
+		//
+		//			});
+		//
+		around: function(callback) {
+			this.arounds.push(callback);
+			return this;
+		},
+
+		// Returns `true` if the current application is running.
+		isRunning: function() {
+			return this._running;
+		},
+
+		// Helpers extends the EventContext prototype specific to this app.
+		// This allows you to define app specific helper functions that can be used
+		// whenever you're inside of an event context (templates, routes, bind).
+		//
+		// ### Example
+		//
+		//		 var app = $.sammy(function() {
+		//
+		//			 helpers({
+		//				 upcase: function(text) {
+		//					return text.toString().toUpperCase();
+		//				 }
+		//			 });
+		//
+		//			 get('#/', function() { with(this) {
+		//				 // inside of this context I can use the helpers
+		//				 $('#main').html(upcase($('#main').text());
+		//			 }});
+		//
+		//		 });
+		//
+		//
+		// ### Arguments
+		//
+		// * `extensions` An object collection of functions to extend the context.
+		//
+		helpers: function(extensions) {
+			$.extend(this.context_prototype.prototype, extensions);
+			return this;
+		},
+
+		// Helper extends the event context just like `helpers()` but does it
+		// a single method at a time. This is especially useful for dynamically named
+		// helpers
+		//
+		// ### Example
+		//
+		//		 // Trivial example that adds 3 helper methods to the context dynamically
+		//		 var app = $.sammy(function(app) {
+		//
+		//			 $.each([1,2,3], function(i, num) {
+		//				 app.helper('helper' + num, function() {
+		//					 this.log("I'm helper number " + num);
+		//				 });
+		//			 });
+		//
+		//			 this.get('#/', function() {
+		//				 this.helper2(); //=> I'm helper number 2
+		//			 });
+		//		 });
+		//
+		// ### Arguments
+		//
+		// * `name` The name of the method
+		// * `method` The function to be added to the prototype at `name`
+		//
+		helper: function(name, method) {
+			this.context_prototype.prototype[name] = method;
+			return this;
+		},
+
+		// Actually starts the application's lifecycle. `run()` should be invoked
+		// within a document.ready block to ensure the DOM exists before binding events, etc.
+		//
+		// ### Example
+		//
+		//		 var app = $.sammy(function() { ... }); // your application
+		//		 $(function() { // document.ready
+		//				app.run();
+		//		 });
+		//
+		// ### Arguments
+		//
+		// * `start_url` Optionally, a String can be passed which the App will redirect to
+		//	 after the events/routes have been bound.
+		run: function(start_url) {
+			if (this.isRunning()) { return false; }
+			var app = this;
+
+			// actually bind all the listeners
+			$.each(this.listeners.toHash(), function(name, callbacks) {
+				$.each(callbacks, function(i, listener_callback) {
+					app._listen(name, listener_callback);
+				});
+			});
+
+			this.trigger('run', {start_url: start_url});
+			this._running = true;
+			// set last location
+			this.last_location = null;
+			if (this.getLocation() == '' && typeof start_url != 'undefined') {
+				this.setLocation(start_url);
+			}
+			// check url
+			this._checkLocation();
+			this._location_proxy.bind();
+			this.bind('location-changed', function() {
+				app._checkLocation();
+			});
+
+			// bind to submit to capture post/put/delete routes
+			this.bind('submit', function(e) {
+				var returned = app._checkFormSubmission($(e.target).closest('form'));
+				return (returned === false) ? e.preventDefault() : false;
+			});
+
+			// bind unload to body unload
+			$(window).bind('beforeunload', function() {
+				app.unload();
+			});
+
+			// trigger html changed
+			return this.trigger('changed');
+		},
+
+		// The opposite of `run()`, un-binds all event listeners and intervals
+		// `run()` Automaticaly binds a `onunload` event to run this when
+		// the document is closed.
+		unload: function() {
+			if (!this.isRunning()) { return false; }
+			var app = this;
+			this.trigger('unload');
+			// clear interval
+			this._location_proxy.unbind();
+			// unbind form submits
+			this.$element().unbind('submit').removeClass(app.eventNamespace());
+			// unbind all events
+			$.each(this.listeners.toHash() , function(name, listeners) {
+				$.each(listeners, function(i, listener_callback) {
+					app._unlisten(name, listener_callback);
+				});
+			});
+			this._running = false;
+			return this;
+		},
+
+		// Will bind a single callback function to every event that is already
+		// being listened to in the app. This includes all the `APP_EVENTS`
+		// as well as any custom events defined with `bind()`.
+		//
+		// Used internally for debug logging.
+		bindToAllEvents: function(callback) {
+			var app = this;
+			// bind to the APP_EVENTS first
+			$.each(this.APP_EVENTS, function(i, e) {
+				app.bind(e, callback);
+			});
+			// next, bind to listener names (only if they dont exist in APP_EVENTS)
+			$.each(this.listeners.keys(true), function(i, name) {
+				if (app.APP_EVENTS.indexOf(name) == -1) {
+					app.bind(name, callback);
+				}
+			});
+			return this;
+		},
+
+		// Returns a copy of the given path with any query string after the hash
+		// removed.
+		routablePath: function(path) {
+			return path.replace(QUERY_STRING_MATCHER, '');
+		},
+
+		// Given a verb and a String path, will return either a route object or false
+		// if a matching route can be found within the current defined set.
+		lookupRoute: function(verb, path) {
+			var app = this, routed = false;
+			this.trigger('lookup-route', {verb: verb, path: path});
+			if (typeof this.routes[verb] != 'undefined') {
+				$.each(this.routes[verb], function(i, route) {
+					if (app.routablePath(path).match(route.path)) {
+						routed = route;
+						return false;
+					}
+				});
+			}
+			return routed;
+		},
+
+		// First, invokes `lookupRoute()` and if a route is found, parses the
+		// possible URL params and then invokes the route's callback within a new
+		// `Sammy.EventContext`. If the route can not be found, it calls
+		// `notFound()`. If `raise_errors` is set to `true` and
+		// the `error()` has not been overriden, it will throw an actual JS
+		// error.
+		//
+		// You probably will never have to call this directly.
+		//
+		// ### Arguments
+		//
+		// * `verb` A String for the verb.
+		// * `path` A String path to lookup.
+		// * `params` An Object of Params pulled from the URI or passed directly.
+		//
+		// ### Returns
+		//
+		// Either returns the value returned by the route callback or raises a 404 Not Found error.
+		//
+		runRoute: function(verb, path, params, target) {
+			var app = this,
+					route = this.lookupRoute(verb, path),
+					context,
+					wrapped_route,
+					arounds,
+					around,
+					befores,
+					before,
+					callback_args,
+					path_params,
+					final_returned;
+
+			this.log('runRoute', [verb, path].join(' '));
+			this.trigger('run-route', {verb: verb, path: path, params: params});
+			if (typeof params == 'undefined') { params = {}; }
+
+			$.extend(params, this._parseQueryString(path));
+
+			if (route) {
+				this.trigger('route-found', {route: route});
+				// pull out the params from the path
+				if ((path_params = route.path.exec(this.routablePath(path))) !== null) {
+					// first match is the full path
+					path_params.shift();
+					// for each of the matches
+					$.each(path_params, function(i, param) {
+						// if theres a matching param name
+						if (route.param_names[i]) {
+							// set the name to the match
+							params[route.param_names[i]] = _decode(param);
+						} else {
+							// initialize 'splat'
+							if (!params.splat) { params.splat = []; }
+							params.splat.push(_decode(param));
+						}
+					});
+				}
+
+				// set event context
+				context	 = new this.context_prototype(this, verb, path, params, target);
+				// ensure arrays
+				arounds = this.arounds.slice(0);
+				befores = this.befores.slice(0);
+				// set the callback args to the context + contents of the splat
+				callback_args = [context].concat(params.splat);
+				// wrap the route up with the before filters
+				wrapped_route = function() {
+					var returned;
+					while (befores.length > 0) {
+						before = befores.shift();
+						// check the options
+						if (app.contextMatchesOptions(context, before[0])) {
+							returned = before[1].apply(context, [context]);
+							if (returned === false) { return false; }
+						}
+					}
+					app.last_route = route;
+					context.trigger('event-context-before', {context: context});
+					returned = route.callback.apply(context, callback_args);
+					context.trigger('event-context-after', {context: context});
+					return returned;
+				};
+				$.each(arounds.reverse(), function(i, around) {
+					var last_wrapped_route = wrapped_route;
+					wrapped_route = function() { return around.apply(context, [last_wrapped_route]); };
+				});
+				try {
+					final_returned = wrapped_route();
+				} catch(e) {
+					this.error(['500 Error', verb, path].join(' '), e);
+				}
+				return final_returned;
+			} else {
+				return this.notFound(verb, path);
+			}
+		},
+
+		// Matches an object of options against an `EventContext` like object that
+		// contains `path` and `verb` attributes. Internally Sammy uses this
+		// for matching `before()` filters against specific options. You can set the
+		// object to _only_ match certain paths or verbs, or match all paths or verbs _except_
+		// those that match the options.
+		//
+		// ### Example
+		//
+		//		 var app = $.sammy(),
+		//				 context = {verb: 'get', path: '#/mypath'};
+		//
+		//		 // match against a path string
+		//		 app.contextMatchesOptions(context, '#/mypath'); //=> true
+		//		 app.contextMatchesOptions(context, '#/otherpath'); //=> false
+		//		 // equivilent to
+		//		 app.contextMatchesOptions(context, {only: {path:'#/mypath'}}); //=> true
+		//		 app.contextMatchesOptions(context, {only: {path:'#/otherpath'}}); //=> false
+		//		 // match against a path regexp
+		//		 app.contextMatchesOptions(context, /path/); //=> true
+		//		 app.contextMatchesOptions(context, /^path/); //=> false
+		//		 // match only a verb
+		//		 app.contextMatchesOptions(context, {only: {verb:'get'}}); //=> true
+		//		 app.contextMatchesOptions(context, {only: {verb:'post'}}); //=> false
+		//		 // match all except a verb
+		//		 app.contextMatchesOptions(context, {except: {verb:'post'}}); //=> true
+		//		 app.contextMatchesOptions(context, {except: {verb:'get'}}); //=> false
+		//		 // match all except a path
+		//		 app.contextMatchesOptions(context, {except: {path:'#/otherpath'}}); //=> true
+		//		 app.contextMatchesOptions(context, {except: {path:'#/mypath'}}); //=> false
+		//
+		contextMatchesOptions: function(context, match_options, positive) {
+			// empty options always match
+			var options = match_options;
+			if (typeof options === 'undefined' || options == {}) {
+				return true;
+			}
+			if (typeof positive === 'undefined') {
+				positive = true;
+			}
+			// normalize options
+			if (typeof options === 'string' || _isFunction(options.test)) {
+				options = {path: options};
+			}
+			if (options.only) {
+				return this.contextMatchesOptions(context, options.only, true);
+			} else if (options.except) {
+				return this.contextMatchesOptions(context, options.except, false);
+			}
+			var path_matched = true, verb_matched = true;
+			if (options.path) {
+				// wierd regexp test
+				if (_isFunction(options.path.test)) {
+					path_matched = options.path.test(context.path);
+				} else {
+					path_matched = (options.path.toString() === context.path);
+				}
+			}
+			if (options.verb) {
+				verb_matched = options.verb === context.verb;
+			}
+			return positive ? (verb_matched && path_matched) : !(verb_matched && path_matched);
+		},
+
+
+		// Delegates to the `location_proxy` to get the current location.
+		// See `Sammy.HashLocationProxy` for more info on location proxies.
+		getLocation: function() {
+			return this._location_proxy.getLocation();
+		},
+
+		// Delegates to the `location_proxy` to set the current location.
+		// See `Sammy.HashLocationProxy` for more info on location proxies.
+		//
+		// ### Arguments
+		//
+		// * `new_location` A new location string (e.g. '#/')
+		//
+		setLocation: function(new_location) {
+			return this._location_proxy.setLocation(new_location);
+		},
+
+		// Swaps the content of `$element()` with `content`
+		// You can override this method to provide an alternate swap behavior
+		// for `EventContext.partial()`.
+		//
+		// ### Example
+		//
+		//			var app = $.sammy(function() {
+		//
+		//				// implements a 'fade out'/'fade in'
+		//				this.swap = function(content) {
+		//					this.$element().hide('slow').html(content).show('slow');
+		//				}
+		//
+		//				get('#/', function() {
+		//					this.partial('index.html.erb') // will fade out and in
+		//				});
+		//
+		//			});
+		//
+		swap: function(content) {
+			return this.$element().html(content);
+		},
+
+		// a simple global cache for templates. Uses the same semantics as
+		// `Sammy.Cache` and `Sammy.Storage` so can easily be replaced with
+		// a persistant storage that lasts beyond the current request.
+		templateCache: function(key, value) {
+			if (typeof value != 'undefined') {
+				return _template_cache[key] = value;
+			} else {
+				return _template_cache[key];
+			}
+		},
+
+		// clear the templateCache
+		clearTemplateCache: function() {
+			return _template_cache = {};
+		},
+
+		// This thows a '404 Not Found' error by invoking `error()`.
+		// Override this method or `error()` to provide custom
+		// 404 behavior (i.e redirecting to / or showing a warning)
+		notFound: function(verb, path) {
+			var ret = this.error(['404 Not Found', verb, path].join(' '));
+			return (verb === 'get') ? ret : true;
+		},
+
+		// The base error handler takes a string `message` and an `Error`
+		// object. If `raise_errors` is set to `true` on the app level,
+		// this will re-throw the error to the browser. Otherwise it will send the error
+		// to `log()`. Override this method to provide custom error handling
+		// e.g logging to a server side component or displaying some feedback to the
+		// user.
+		error: function(message, original_error) {
+			if (!original_error) { original_error = new Error(); }
+			original_error.message = [message, original_error.message].join(' ');
+			this.trigger('error', {message: original_error.message, error: original_error});
+			if (this.raise_errors) {
+				throw(original_error);
+			} else {
+				this.log(original_error.message, original_error);
+			}
+		},
+
+		_checkLocation: function() {
+			var location, returned;
+			// get current location
+			location = this.getLocation();
+			// compare to see if hash has changed
+			if (!this.last_location || this.last_location[0] != 'get' || this.last_location[1] != location) {
+				// reset last location
+				this.last_location = ['get', location];
+				// lookup route for current hash
+				returned = this.runRoute('get', location);
+			}
+			return returned;
+		},
+
+		_getFormVerb: function(form) {
+			var $form = $(form), verb, $_method;
+			$_method = $form.find('input[name="_method"]');
+			if ($_method.length > 0) { verb = $_method.val(); }
+			if (!verb) { verb = $form[0].getAttribute('method'); }
+			if (!verb || verb == '') { verb = 'get'; }
+			return $.trim(verb.toString().toLowerCase());
+		},
+
+		_checkFormSubmission: function(form) {
+			var $form, path, verb, params, returned;
+			this.trigger('check-form-submission', {form: form});
+			$form = $(form);
+			path	= $form.attr('action');
+			verb	= this._getFormVerb($form);
+			this.log('_checkFormSubmission', $form, path, verb);
+			if (verb === 'get') {
+				this.setLocation(path + '?' + this._serializeFormParams($form));
+				returned = false;
+			} else {
+				params = $.extend({}, this._parseFormParams($form));
+				returned = this.runRoute(verb, path, params, form.get(0));
+			};
+			return (typeof returned == 'undefined') ? false : returned;
+		},
+
+		_serializeFormParams: function($form) {
+			 var queryString = "",
+				 fields = $form.serializeArray(),
+				 i;
+			 if (fields.length > 0) {
+				 queryString = this._encodeFormPair(fields[0].name, fields[0].value);
+				 for (i = 1; i < fields.length; i++) {
+					 queryString = queryString + "&" + this._encodeFormPair(fields[i].name, fields[i].value);
+				 }
+			 }
+			 return queryString;
+		},
+
+		_encodeFormPair: function(name, value){
+			return _encode(name) + "=" + _encode(value);
+		},
+
+		_parseFormParams: function($form) {
+			var params = {},
+					form_fields = $form.serializeArray(),
+					i;
+			for (i = 0; i < form_fields.length; i++) {
+				params = this._parseParamPair(params, form_fields[i].name, form_fields[i].value);
+			}
+			return params;
+		},
+
+		_parseQueryString: function(path) {
+			var params = {}, parts, pairs, pair, i;
+
+			parts = path.match(QUERY_STRING_MATCHER);
+			if (parts) {
+				pairs = parts[1].split('&');
+				for (i = 0; i < pairs.length; i++) {
+					pair = pairs[i].split('=');
+					params = this._parseParamPair(params, _decode(pair[0]), _decode(pair[1]));
+				}
+			}
+			return params;
+		},
+
+		_parseParamPair: function(params, key, value) {
+			if (params[key]) {
+				if (_isArray(params[key])) {
+					params[key].push(value);
+				} else {
+					params[key] = [params[key], value];
+				}
+			} else {
+				params[key] = value;
+			}
+			return params;
+		},
+
+		_listen: function(name, callback) {
+			return this.$element().bind([name, this.eventNamespace()].join('.'), callback);
+		},
+
+		_unlisten: function(name, callback) {
+			return this.$element().unbind([name, this.eventNamespace()].join('.'), callback);
+		}
+
+	});
+
+	// `Sammy.RenderContext` is an object that makes sequential template loading,
+	// rendering and interpolation seamless even when dealing with asyncronous
+	// operations.
+	//
+	// `RenderContext` objects are not usually created directly, rather they are
+	// instatiated from an `Sammy.EventContext` by using `render()`, `load()` or
+	// `partial()` which all return `RenderContext` objects.
+	//
+	// `RenderContext` methods always returns a modified `RenderContext`
+	// for chaining (like jQuery itself).
+	//
+	// The core magic is in the `then()` method which puts the callback passed as
+	// an argument into a queue to be executed once the previous callback is complete.
+	// All the methods of `RenderContext` are wrapped in `then()` which allows you
+	// to queue up methods by chaining, but maintaing a guarunteed execution order
+	// even with remote calls to fetch templates.
+	//
+	Sammy.RenderContext = function(event_context) {
+		this.event_context		= event_context;
+		this.callbacks				= [];
+		this.previous_content = null;
+		this.content					= null;
+		this.next_engine			= false;
+		this.waiting					= false;
+	};
+
+	Sammy.RenderContext.prototype = $.extend({}, Sammy.Object.prototype, {
+
+		// The "core" of the `RenderContext` object, adds the `callback` to the
+		// queue. If the context is `waiting` (meaning an async operation is happening)
+		// then the callback will be executed in order, once the other operations are
+		// complete. If there is no currently executing operation, the `callback`
+		// is executed immediately.
+		//
+		// The value returned from the callback is stored in `content` for the
+		// subsiquent operation. If you return `false`, the queue will pause, and
+		// the next callback in the queue will not be executed until `next()` is
+		// called. This allows for the guarunteed order of execution while working
+		// with async operations.
+		//
+		// If then() is passed a string instead of a function, the string is looked
+		// up as a helper method on the event context.
+		//
+		// ### Example
+		//
+		//			this.get('#/', function() {
+		//				// initialize the RenderContext
+		//				// Even though `load()` executes async, the next `then()`
+		//				// wont execute until the load finishes
+		//				this.load('myfile.txt')
+		//						.then(function(content) {
+		//							// the first argument to then is the content of the
+		//							// prev operation
+		//							$('#main').html(content);
+		//						});
+		//			});
+		//
+		then: function(callback) {
+			if (!_isFunction(callback)) {
+				// if a string is passed to then, assume we want to call
+				// a helper on the event context in its context
+				if (typeof callback === 'string' && callback in this.event_context) {
+					var helper = this.event_context[callback];
+					callback = function(content) {
+						return helper.apply(this.event_context, [content]);
+					};
+				} else {
+					return this;
+				}
+			}
+			var context = this;
+			if (this.waiting) {
+				this.callbacks.push(callback);
+			} else {
+				this.wait();
+				window.setTimeout(function() {
+					var returned = callback.apply(context, [context.content, context.previous_content]);
+					if (returned !== false) {
+						context.next(returned);
+					}
+				}, 13);
+			}
+			return this;
+		},
+
+		// Pause the `RenderContext` queue. Combined with `next()` allows for async
+		// operations.
+		//
+		// ### Example
+		//
+		//				this.get('#/', function() {
+		//					this.load('mytext.json')
+		//							.then(function(content) {
+		//								var context = this,
+		//										data		= JSON.parse(content);
+		//								// pause execution
+		//								context.wait();
+		//								// post to a url
+		//								$.post(data.url, {}, function(response) {
+		//									context.next(JSON.parse(response));
+		//								});
+		//							})
+		//							.then(function(data) {
+		//								// data is json from the previous post
+		//								$('#message').text(data.status);
+		//							});
+		//				});
+		wait: function() {
+			this.waiting = true;
+		},
+
+		// Resume the queue, setting `content` to be used in the next operation.
+		// See `wait()` for an example.
+		next: function(content) {
+			this.waiting = false;
+			if (typeof content !== 'undefined') {
+				this.previous_content = this.content;
+				this.content = content;
+			}
+			if (this.callbacks.length > 0) {
+				this.then(this.callbacks.shift());
+			}
+		},
+
+		// Load a template into the context.
+		// The `location` can either be a string specifiying the remote path to the
+		// file, a jQuery object, or a DOM element.
+		//
+		// No interpolation happens by default, the content is stored in
+		// `content`.
+		//
+		// In the case of a path, unless the option `{cache: false}` is passed the
+		// data is stored in the app's `templateCache()`.
+		//
+		// If a jQuery or DOM object is passed the `innerHTML` of the node is pulled in.
+		// This is useful for nesting templates as part of the initial page load wrapped
+		// in invisible elements or `<script>` tags. With template paths, the template
+		// engine is looked up by the extension. For DOM/jQuery embedded templates,
+		// this isnt possible, so there are a couple of options:
+		//
+		//	* pass an `{engine:}` option.
+		//	* define the engine in the `data-engine` attribute of the passed node.
+		//	* just store the raw template data and use `interpolate()` manually
+		//
+		// If a `callback` is passed it is executed after the template load.
+		load: function(location, options, callback) {
+			var context = this;
+			return this.then(function() {
+				var should_cache, cached, is_json, location_array;
+				if (_isFunction(options)) {
+					callback = options;
+					options = {};
+				} else {
+					options = $.extend({}, options);
+				}
+				if (callback) { this.then(callback); }
+				if (typeof location === 'string') {
+					// its a path
+					is_json			 = (location.match(/\.json$/) || options.json);
+					should_cache = ((is_json && options.cache === true) || options.cache !== false);
+					context.next_engine = context.event_context.engineFor(location);
+					delete options.cache;
+					delete options.json;
+					if (options.engine) {
+						context.next_engine = options.engine;
+						delete options.engine;
+					}
+					if (should_cache && (cached = this.event_context.app.templateCache(location))) {
+						return cached;
+					}
+					this.wait();
+					$.ajax($.extend({
+						url: location,
+						data: {},
+						dataType: is_json ? 'json' : null,
+						type: 'get',
+						success: function(data) {
+							if (should_cache) {
+								context.event_context.app.templateCache(location, data);
+							}
+							context.next(data);
+						}
+					}, options));
+					return false;
+				} else {
+					// its a dom/jQuery
+					if (location.nodeType) {
+						return location.innerHTML;
+					}
+					if (location.selector) {
+						// its a jQuery
+						context.next_engine = location.attr('data-engine');
+						if (options.clone === false) {
+							return location.remove()[0].innerHTML.toString();
+						} else {
+							return location[0].innerHTML.toString();
+						}
+					}
+				}
+			});
+		},
+
+		// `load()` a template and then `interpolate()` it with data.
+		//
+		// ### Example
+		//
+		//			this.get('#/', function() {
+		//				this.render('mytemplate.template', {name: 'test'});
+		//			});
+		//
+		render: function(location, data, callback) {
+			if (_isFunction(location) && !data) {
+				return this.then(location);
+			} else {
+				if (!data && this.content) { data = this.content; }
+				return this.load(location)
+									 .interpolate(data, location)
+									 .then(callback);
+			}
+		},
+
+		// `render()` the the `location` with `data` and then `swap()` the
+		// app's `$element` with the rendered content.
+		partial: function(location, data) {
+			return this.render(location, data).swap();
+		},
+
+		// defers the call of function to occur in order of the render queue.
+		// The function can accept any number of arguments as long as the last
+		// argument is a callback function. This is useful for putting arbitrary
+		// asynchronous functions into the queue. The content passed to the
+		// callback is passed as `content` to the next item in the queue.
+		//
+		// ### Example
+		//
+		//		 this.send($.getJSON, '/app.json')
+		//				 .then(function(json) {
+		//					 $('#message).text(json['message']);
+		//					});
+		//
+		//
+		send: function() {
+			var context = this,
+					args = _makeArray(arguments),
+					fun	 = args.shift();
+
+			if (_isArray(args[0])) { args = args[0]; }
+
+			return this.then(function(content) {
+				args.push(function(response) { context.next(response); });
+				context.wait();
+				fun.apply(fun, args);
+				return false;
+			});
+		},
+
+		// itterates over an array, applying the callback for each item item. the
+		// callback takes the same style of arguments as `jQuery.each()` (index, item).
+		// The return value of each callback is collected as a single string and stored
+		// as `content` to be used in the next iteration of the `RenderContext`.
+		collect: function(array, callback, now) {
+			var context = this;
+			var coll = function() {
+				if (_isFunction(array)) {
+					callback = array;
+					array = this.content;
+				}
+				var contents = [], doms = false;
+				$.each(array, function(i, item) {
+					var returned = callback.apply(context, [i, item]);
+					if (returned.jquery && returned.length == 1) {
+						returned = returned[0];
+						doms = true;
+					}
+					contents.push(returned);
+					return returned;
+				});
+				return doms ? contents : contents.join('');
+			};
+			return now ? coll() : this.then(coll);
+		},
+
+		// loads a template, and then interpolates it for each item in the `data`
+		// array. If a callback is passed, it will call the callback with each
+		// item in the array _after_ interpolation
+		renderEach: function(location, name, data, callback) {
+			if (_isArray(name)) {
+				callback = data;
+				data = name;
+				name = null;
+			}
+			return this.load(location).then(function(content) {
+					var rctx = this;
+					if (!data) {
+						data = _isArray(this.previous_content) ? this.previous_content : [];
+					}
+					if (callback) {
+						$.each(data, function(i, value) {
+							var idata = {}, engine = this.next_engine || location;
+							name ? (idata[name] = value) : (idata = value);
+							callback(value, rctx.event_context.interpolate(content, idata, engine));
+						});
+					} else {
+						return this.collect(data, function(i, value) {
+							var idata = {}, engine = this.next_engine || location;
+							name ? (idata[name] = value) : (idata = value);
+							return this.event_context.interpolate(content, idata, engine);
+						}, true);
+					}
+			});
+		},
+
+		// uses the previous loaded `content` and the `data` object to interpolate
+		// a template. `engine` defines the templating/interpolation method/engine
+		// that should be used. If `engine` is not passed, the `next_engine` is
+		// used. If `retain` is `true`, the final interpolated data is appended to
+		// the `previous_content` instead of just replacing it.
+		interpolate: function(data, engine, retain) {
+			var context = this;
+			return this.then(function(content, prev) {
+				if (!data && prev) { data = prev; }
+				if (this.next_engine) {
+					engine = this.next_engine;
+					this.next_engine = false;
+				}
+				var rendered = context.event_context.interpolate(content, data, engine);
+				return retain ? prev + rendered : rendered;
+			});
+		},
+
+		// executes `EventContext#swap()` with the `content`
+		swap: function() {
+			return this.then(function(content) {
+				this.event_context.swap(content);
+			}).trigger('changed', {});
+		},
+
+		// Same usage as `jQuery.fn.appendTo()` but uses `then()` to ensure order
+		appendTo: function(selector) {
+			return this.then(function(content) {
+				$(selector).append(content);
+			}).trigger('changed', {});
+		},
+
+		// Same usage as `jQuery.fn.prependTo()` but uses `then()` to ensure order
+		prependTo: function(selector) {
+			return this.then(function(content) {
+				$(selector).prepend(content);
+			}).trigger('changed', {});
+		},
+
+		// Replaces the `$(selector)` using `html()` with the previously loaded
+		// `content`
+		replace: function(selector) {
+			return this.then(function(content) {
+				$(selector).html(content);
+			}).trigger('changed', {});
+		},
+
+		// trigger the event in the order of the event context. Same semantics
+		// as `Sammy.EventContext#trigger()`. If data is ommitted, `content`
+		// is sent as `{content: content}`
+		trigger: function(name, data) {
+			return this.then(function(content) {
+				if (typeof data == 'undefined') { data = {content: content}; }
+				this.event_context.trigger(name, data);
+			});
+		}
+
+	});
+
+	// `Sammy.EventContext` objects are created every time a route is run or a
+	// bound event is triggered. The callbacks for these events are evaluated within a `Sammy.EventContext`
+	// This within these callbacks the special methods of `EventContext` are available.
+	//
+	// ### Example
+	//
+	//			 $.sammy(function() {
+	//				 // The context here is this Sammy.Application
+	//				 this.get('#/:name', function() {
+	//					 // The context here is a new Sammy.EventContext
+	//					 if (this.params['name'] == 'sammy') {
+	//						 this.partial('name.html.erb', {name: 'Sammy'});
+	//					 } else {
+	//						 this.redirect('#/somewhere-else')
+	//					 }
+	//				 });
+	//			 });
+	//
+	// Initialize a new EventContext
+	//
+	// ### Arguments
+	//
+	// * `app` The `Sammy.Application` this event is called within.
+	// * `verb` The verb invoked to run this context/route.
+	// * `path` The string path invoked to run this context/route.
+	// * `params` An Object of optional params to pass to the context. Is converted
+	//	 to a `Sammy.Object`.
+	// * `target` a DOM element that the event that holds this context originates
+	//	 from. For post, put and del routes, this is the form element that triggered
+	//	 the route.
+	//
+	Sammy.EventContext = function(app, verb, path, params, target) {
+		this.app		= app;
+		this.verb		= verb;
+		this.path		= path;
+		this.params = new Sammy.Object(params);
+		this.target = target;
+	};
+
+	Sammy.EventContext.prototype = $.extend({}, Sammy.Object.prototype, {
+
+		// A shortcut to the app's `$element()`
+		$element: function() {
+			return this.app.$element(_makeArray(arguments).shift());
+		},
+
+		// Look up a templating engine within the current app and context.
+		// `engine` can be one of the following:
+		//
+		// * a function: should conform to `function(content, data) { return interploated; }`
+		// * a template path: 'template.ejs', looks up the extension to match to
+		//	 the `ejs()` helper
+		// * a string referering to the helper: "mustache" => `mustache()`
+		//
+		// If no engine is found, use the app's default `template_engine`
+		//
+		engineFor: function(engine) {
+			var context = this, engine_match;
+			// if path is actually an engine function just return it
+			if (_isFunction(engine)) { return engine; }
+			// lookup engine name by path extension
+			engine = (engine || context.app.template_engine).toString();
+			if ((engine_match = engine.match(/\.([^\.]+)$/))) {
+				engine = engine_match[1];
+			}
+			// set the engine to the default template engine if no match is found
+			if (engine && _isFunction(context[engine])) {
+				return context[engine];
+			}
+
+			if (context.app.template_engine) {
+				return this.engineFor(context.app.template_engine);
+			}
+			return function(content, data) { return content; };
+		},
+
+		// using the template `engine` found with `engineFor()`, interpolate the
+		// `data` into `content`
+		interpolate: function(content, data, engine) {
+			return this.engineFor(engine).apply(this, [content, data]);
+		},
+
+		// Create and return a `Sammy.RenderContext` calling `render()` on it.
+		// Loads the template and interpolate the data, however does not actual
+		// place it in the DOM.
+		//
+		// ### Example
+		//
+		//			// mytemplate.mustache <div class="name">{{name}}</div>
+		//			render('mytemplate.mustache', {name: 'quirkey'});
+		//			// sets the `content` to <div class="name">quirkey</div>
+		//			render('mytemplate.mustache', {name: 'quirkey'})
+		//				.appendTo('ul');
+		//			// appends the rendered content to $('ul')
+		//
+		render: function(location, data, callback) {
+			return new Sammy.RenderContext(this).render(location, data, callback);
+		},
+
+		// Create and return a `Sammy.RenderContext` calling `renderEach()` on it.
+		// Loads the template and interpolates the data for each item,
+		// however does not actual place it in the DOM.
+		//
+		// ### Example
+		//
+		//			// mytemplate.mustache <div class="name">{{name}}</div>
+		//			renderEach('mytemplate.mustache', [{name: 'quirkey'}, {name: 'endor'}])
+		//			// sets the `content` to <div class="name">quirkey</div><div class="name">endor</div>
+		//			renderEach('mytemplate.mustache', [{name: 'quirkey'}, {name: 'endor'}]).appendTo('ul');
+		//			// appends the rendered content to $('ul')
+		//
+		renderEach: function(location, name, data, callback) {
+			return new Sammy.RenderContext(this).renderEach(location, name, data, callback);
+		},
+
+		// create a new `Sammy.RenderContext` calling `load()` with `location` and
+		// `options`. Called without interpolation or placement, this allows for
+		// preloading/caching the templates.
+		load: function(location, options, callback) {
+			return new Sammy.RenderContext(this).load(location, options, callback);
+		},
+
+		// `render()` the the `location` with `data` and then `swap()` the
+		// app's `$element` with the rendered content.
+		partial: function(location, data) {
+			return new Sammy.RenderContext(this).partial(location, data);
+		},
+
+		// create a new `Sammy.RenderContext` calling `send()` with an arbitrary
+		// function
+		send: function() {
+			var rctx = new Sammy.RenderContext(this);
+			return rctx.send.apply(rctx, arguments);
+		},
+
+		// Changes the location of the current window. If `to` begins with
+		// '#' it only changes the document's hash. If passed more than 1 argument
+		// redirect will join them together with forward slashes.
+		//
+		// ### Example
+		//
+		//			redirect('#/other/route');
+		//			// equivilent to
+		//			redirect('#', 'other', 'route');
+		//
+		redirect: function() {
+			var to, args = _makeArray(arguments),
+					current_location = this.app.getLocation();
+			if (args.length > 1) {
+				args.unshift('/');
+				to = this.join.apply(this, args);
+			} else {
+				to = args[0];
+			}
+			this.trigger('redirect', {to: to});
+			this.app.last_location = [this.verb, this.path];
+			this.app.setLocation(to);
+			if (current_location == to) {
+				this.app.trigger('location-changed');
+			}
+		},
+
+		// Triggers events on `app` within the current context.
+		trigger: function(name, data) {
+			if (typeof data == 'undefined') { data = {}; }
+			if (!data.context) { data.context = this; }
+			return this.app.trigger(name, data);
+		},
+
+		// A shortcut to app's `eventNamespace()`
+		eventNamespace: function() {
+			return this.app.eventNamespace();
+		},
+
+		// A shortcut to app's `swap()`
+		swap: function(contents) {
+			return this.app.swap(contents);
+		},
+
+		// Raises a possible `notFound()` error for the current path.
+		notFound: function() {
+			return this.app.notFound(this.verb, this.path);
+		},
+
+		// Default JSON parsing uses jQuery's `parseJSON()`. Include `Sammy.JSON`
+		// plugin for the more conformant "crockford special".
+		json: function(string) {
+			return $.parseJSON(string);
+		},
+
+		// //=> Sammy.EventContext: get #/ {}
+		toString: function() {
+			return "Sammy.EventContext: " + [this.verb, this.path, this.params].join(' ');
+		}
+
+	});
+
+	// An alias to Sammy
+	$.sammy = window.Sammy = Sammy;
+
+})(jQuery, window);
+
+Sammy.HashPushProxy = function(app, run_interval_every) {
+	this.app = app;
+	// detect if we can use the history api
+	this.supportsHistory = !!( window.history && history.pushState );
+	if( !this.supportsHistory ) {
+		// if history is not supported, start polling
+		this._startPolling( run_interval_every );
+		// and set this as a non native app?
+		this.is_native = false;
+	}
+};
+
+Sammy.HashPushProxy.prototype = {
+
+	// bind the proxy events to the current app.
+	bind: function() {
+		var proxy = this, app = this.app;
+		if( this.app.supportsHistory ) {
+			$( window ).bind( 'popstate', function( e ) {
+				proxy.app.trigger( 'location-changed' );
+			} );
+			$( 'a' ).live( 'click', function(e) {
+				// Do not bind external links
+				if ( location.hostname == this.hostname ) {
+					e.preventDefault();
+					// if the history API is supported
+					if ( proxy.historyAPISupported ) {
+						proxy.setLocation( $( this ).attr( 'href' ) );
+						proxy.app.trigger( 'location-changed' );
+					} else {
+						proxy.setLocation( '#' + $( this ).attr( 'href' ) );
+						proxy.app.trigger( 'location-changed' );
+					}
+					
+				}
+			} );
+		} else {
+			$( window ).bind( 'hashchange.' + this.app.eventNamespace(), function( e, non_native ) {
+				// if we receive a native hash change event, set the proxy accordingly
+				// and stop polling
+				if ( proxy.is_native === false && !non_native ) {
+					Sammy.log('native hash change exists, using');
+					proxy.is_native = true;
+					window.clearInterval(Sammy.HashLocationProxy._interval);
+				}
+				app.trigger('location-changed');
+			});
+			if (!Sammy.HashLocationProxy._bindings) {
+				Sammy.HashLocationProxy._bindings = 0;
+			}
+			Sammy.HashLocationProxy._bindings++;
+		}
+	},
+
+	// unbind the proxy events from the current app
+	unbind: function() {
+		if( this.app.supportsHistory ) {
+			$('a').unbind('click');
+			$(window).unbind('popstate');
+		} else {
+			$(window).unbind('hashchange.' + this.app.eventNamespace());
+			Sammy.HashLocationProxy._bindings--;
+			if (Sammy.HashLocationProxy._bindings <= 0) {
+				window.clearInterval(Sammy.HashLocationProxy._interval);
+			}
+		}
+	},
+
+	// get the current location.
+	getLocation: function() {
+		if( this.app.supportsHistory ) {
+			return window.location.pathname;
+		} else {
+			// Bypass the `window.location.hash` attribute.	If a question mark
+			// appears in the hash IE6 will strip it and all of the following
+			// characters from `window.location.hash`.
+			var matches = window.location.toString().match(/^[^#]*(#.+)$/);
+			return matches ? matches[1] : '';
+		}
+	},
+
+	// set the current location to `new_location`
+	setLocation: function( new_location ) {
+		if( this.app.supportsHistory ) {
+			history.pushState( { path: this.path }, '', new_location )
+		} else {
+			return (window.location = new_location);
+		}
+	},
+
+	_startPolling: function(every) {
+		// set up interval
+		var proxy = this;
+		if (!Sammy.HashLocationProxy._interval) {
+			if (!every) { every = 10; }
+			var hashCheck = function() {
+				var current_location = proxy.getLocation();
+				if (!Sammy.HashLocationProxy._last_location ||
+					current_location != Sammy.HashLocationProxy._last_location) {
+					window.setTimeout(function() {
+						$(window).trigger('hashchange', [true]);
+					}, 13);
+				}
+				Sammy.HashLocationProxy._last_location = current_location;
+			};
+			hashCheck();
+			Sammy.HashLocationProxy._interval = window.setInterval(hashCheck, every);
+		}
+	}
+};
+(function($) {
+
+  // Simple JavaScript Templating
+  // John Resig - http://ejohn.org/ - MIT Licensed
+  // adapted from: http://ejohn.org/blog/javascript-micro-templating/
+  // originally $.srender by Greg Borenstein http://ideasfordozens.com in Feb 2009
+  // modified for Sammy by Aaron Quint for caching templates by name
+  var srender_cache = {};
+  var srender = function(name, template, data, options) {
+    var fn, escaped_string;
+    // target is an optional element; if provided, the result will be inserted into it
+    // otherwise the result will simply be returned to the caller
+    if (srender_cache[name]) {
+      fn = srender_cache[name];
+    } else {
+      if (typeof template == 'undefined') {
+        // was a cache check, return false
+        return false;
+      }
+      // If options escape_html is false, dont escape the contents by default
+      if (options && options.escape_html === false) {
+        escaped_string = "\",$1,\"";
+      } else {
+        escaped_string = "\",h($1),\"";
+      }
+      // Generate a reusable function that will serve as a template
+      // generator (and which will be cached).
+      fn = srender_cache[name] = new Function("obj",
+      "var ___$$$___=[],print=function(){___$$$___.push.apply(___$$$___,arguments);};" +
+
+      // Introduce the data as local variables using with(){}
+      "with(obj){___$$$___.push(\"" +
+
+      // Convert the template into pure JavaScript
+      String(template)
+        .replace(/[\r\t\n]/g, " ")
+        .replace(/\"/g, '\\"')
+        .split("<%").join("\t")
+        .replace(/((^|%>)[^\t]*)/g, "$1\r")
+        .replace(/\t=(.*?)%>/g, escaped_string)
+        .replace(/\t!(.*?)%>/g, "\",$1,\"")
+        .split("\t").join("\");")
+        .split("%>").join("___$$$___.push(\"")
+        .split("\r").join("")
+        + "\");}return ___$$$___.join('');");
+    }
+
+    if (typeof data != 'undefined') {
+      return fn(data);
+    } else {
+      return fn;
+    }
+  };
+
+  Sammy = Sammy || {};
+
+  // `Sammy.Template` is a simple plugin that provides a way to create
+  // and render client side templates. The rendering code is based on John Resig's
+  // quick templates and Greg Borenstien's srender plugin.
+  // This is also a great template/boilerplate for Sammy plugins.
+  //
+  // Templates use `<% %>` tags to denote embedded javascript.
+  //
+  // ### Examples
+  //
+  // Here is an example template (user.template):
+  //
+  //       // user.template
+  //       <div class="user">
+  //         <div class="user-name"><%= user.name %></div>
+  //         <% if (user.photo_url) { %>
+  //           <div class="photo"><img src="<%= user.photo_url %>" /></div>
+  //         <% } %>
+  //       </div>
+  //
+  // Given that is a publicly accesible file, you would render it like:
+  //
+  //       // app.js
+  //       $.sammy(function() {
+  //         // include the plugin
+  //         this.use('Template');
+  //
+  //         this.get('#/', function() {
+  //           // the template is rendered in the current context.
+  //           this.user = {name: 'Aaron Quint'};
+  //           // partial calls template() because of the file extension
+  //           this.partial('user.template');
+  //         })
+  //       });
+  //
+  // You can also pass a second argument to use() that will alias the template
+  // method and therefore allow you to use a different extension for template files
+  // in <tt>partial()</tt>
+  //
+  //       // alias to 'tpl'
+  //       this.use(Sammy.Template, 'tpl');
+  //
+  //       // now .tpl files will be run through srender
+  //       this.get('#/', function() {
+  //         this.partial('myfile.tpl');
+  //       });
+  //
+  // By default, the data passed into the tempalate is passed automatically passed through
+  // Sammy's `escapeHTML` method in order to prevent possible XSS attacks. This is
+  // a problem though if you're using something like `Sammy.Form` which renders HTML
+  // within the templates. You can get around this in two ways. One, you can use the
+  // `<%! %>` instead of `<%= %>`. Two, you can pass the `escape_html = false` option
+  // when interpolating, i.e:
+  //
+  //       this.get('#/', function() {
+  //         this.template('myform.tpl', {form: "<form></form>"}, {escape_html: false});
+  //       });
+  //
+  Sammy.Template = function(app, method_alias) {
+
+    // *Helper:* Uses simple templating to parse ERB like templates.
+    //
+    // ### Arguments
+    //
+    // * `template` A String template. '<% %>' tags are evaluated as Javascript and replaced with the elements in data.
+    // * `data` An Object containing the replacement values for the template.
+    //   data is extended with the <tt>EventContext</tt> allowing you to call its methods within the template.
+    // * `name` An optional String name to cache the template.
+    //
+    var template = function(template, data, name, options) {
+      // use name for caching
+      if (typeof name == 'undefined') { name = template; }
+      if (typeof options == 'undefined' && typeof name == 'object') {
+        options = name; name = template;
+      }
+      return srender(name, template, $.extend({}, this, data), options);
+    };
+
+    // set the default method name/extension
+    if (!method_alias) { method_alias = 'template'; }
+    // create the helper at the method alias
+    app.helper(method_alias, template);
+
+  };
+
+})(jQuery);
+
diff --git a/ffdemo/static/assets/js/markApp.min.js b/ffdemo/static/assets/js/markApp.min.js
new file mode 100644
index 0000000..b9d6b29
--- /dev/null
+++ b/ffdemo/static/assets/js/markApp.min.js
@@ -0,0 +1,190 @@
+(function(a){a.markApp={modules:{},instances:[],fn:{}};a.fn.markApp=function(){var d=a(this),b=d.data("markApp-context");if(!b||typeof b=="undefined")b={app:null,$container:d,frameCount:0,width:0,height:0,minWidth:700,minHeight:500,countries:[],mouseX:null,mouseY:null,mouseDown:!1,mouseIn:!1,modules:{},usersMark:null,translatedStrings:{},locale:window.location.pathname.split("/").length>1?window.location.pathname.split("/")[1]:"en",instance:a.markApp.instances.push(d)-1,evt:{resize:function(){var d=
+a(window).width(),c=a(window).height()-(a("header").height()+a("#callout-boxes").height());if(d<b.minWidth)d=b.minWidth;if(c<b.minHeight)c=b.minHeight;b.$container.parent().width(d);b.$container.parent().height(c);b.width=d;b.height=c;a(".autoResize").height(c).width(d).trigger("resize.markApp",[d,c])},mousemove:function(a){b.mouseX=a.layerX;b.mouseY=a.layerY},mousedown:function(a){"preventDefault"in a&&a.preventDefault();b.mouseDown=!0},mouseup:function(a){"preventDefault"in a&&a.preventDefault();
+b.mouseDown=!1},mouseover:function(a){"preventDefault"in a&&a.preventDefault();b.mouseIn=!0},mouseout:function(a){"preventDefault"in a&&a.preventDefault();b.mouseX=null;b.mouseY=null;b.mouseIn=!1},ready:function(){b.fn.loadTranslations()}},public_fn:{addModule:function(b,d){var c,e={};if(typeof d=="string")c=d;else if(typeof d=="object")for(var j in d){c=j;e=d[j];break}a.markApp.modules[c]&&(b.modules[c]=b.modules[c]||{},"init"in a.markApp.modules[c].fn&&a.markApp.modules[c].fn.init(b,e))},unloadModule:function(b,
+d){if(d=="all")for(d in b.modules)"deinit"in a.markApp.modules[d].fn&&a.markApp.modules[d].fn.deinit(b),delete b.modules[d];else d in b.modules&&("deinit"in a.markApp.modules[d].fn&&a.markApp.modules[d].fn.deinit(b),delete b.modules[d])}},fn:{trigger:function(d,c,e){typeof c=="undefined"&&(c={type:"custom"});if(d in b.evt&&b.evt[d](c)==!1)return!1;for(var i in b.modules)if(i in a.markApp.modules&&"evt"in a.markApp.modules[i]&&d in a.markApp.modules[i].evt)a.markApp.modules[i].evt[d](b,c,e)},loop:function(){setTimeout(function(){b.fn.loop()},
+42);b.frameCount++;b.fn.trigger("loop",{},[])},withCountryCodes:function(d){"US"in b.countries?d(b.countries):a.ajax({url:"/media/assets/js/vendor/country_codes.json",dataType:"JSON",success:function(a){b.countries=a;for(var c=0;c<a.length;c++)b.countries[a[c].code]=a[c].name;d(b.countries)},error:function(){}})},showLoader:function(d,c){c=typeof c==="string"?c:"";d=typeof d==="string"?d:b.fn.getString("default-loading-msg");var e=a("<div />").width(b.width).height(b.height).hide().addClass("overlay-wrapper autoResize").addClass(c).attr("id",
+"markapp-loader").append(a("<div />").text(d));b.$container.append(e);e.fadeIn("fast")},hideLoader:function(){a("#markapp-loader").fadeOut("fast",function(){a(this).remove()})},showError:function(d){d=typeof d==="string"?d:b.fn.getString("default-error-msg");d=a("<div />").width(b.width).height(b.height).hide().click(function(a){a.preventDefault();b.fn.hideError()}).addClass("overlay-wrapper autoResize").attr("id","markapp-error").append(a("<div />").attr("id","markapp-error-content").append(a("<p />").html(d)));
+b.$container.append(d);d.fadeIn("fast")},hideError:function(){a("#markapp-error").fadeOut("fast",function(){a(this).remove()})},loadTranslations:function(){a("div.translated-strings").each(function(){a(this).children().each(function(){var d=a(this);d.is("ol")?(b.translatedStrings[d.attr("id")]=[],d.children().each(function(){b.translatedStrings[d.attr("id")].push(a(this).html())})):b.translatedStrings[d.attr("id")]=d.html()})})},getString:function(a,d){return a in b.translatedStrings?typeof b.translatedStrings[a]===
+"object"&&typeof d==="number"?b.translatedStrings[a][d]:b.translatedStrings[a]:a},storeData:function(a,b){if(typeof localStorage!="undefined")try{typeof b==="object"&&(b=JSON.stringify(b)),localStorage.setItem(a,b)}catch(d){}},getData:function(a){if(typeof localStorage!="undefined")return(a=localStorage.getItem(a))?(a[0]=="{"&&(a=JSON.parse(a)),a):!1}}},a(window).delayedBind(300,"resize",function(a){return b.fn.trigger("resize",a)}).bind("keydown keypress keyup",function(a){return b.fn.trigger(a.type,
+a)}).trigger("resize"),b.$container.bind("mousemove mousedown mouseup mouseover mouseout ready swap",function(a){return b.fn.trigger(a.type,a)}),b.fn.loop();var c=a.makeArray(arguments);if(c.length>0){var e=c.shift();if(e in b.public_fn)b.public_fn[e](b,typeof c[0]=="undefined"?{}:c[0])}return d.data("markApp-context",b)}})(jQuery);
+(function(a){markApp=a.markApp=a.markApp||{};modules=a.markApp.modules=a.markApp.modules||{};modules.linear={defaults:{reference_mark:null,country_code:null,playback:!1,is_flagged:!1,linear_root:"linear"},config:{marks:{},flaggings:{},orderedMarks:[],leftBuffer:[],rightBuffer:[],bufferSize:20,bufferMinSize:5,scene:null,cameraChange:{},tweens:{},layerManager:null,initialized:!1,requestingMarks:!1,moreLeft:!0,moreRight:!0,hoverMark:null,currentMark:null,playbackTimes:{},eventChange:!1},evt:{ready:function(a){modules.linear.fn.initInterface(a)},
+resize:function(a){a.modules.linear.eventChange=!0;a.modules.linear.layerManager.resizeAll(a.width,a.height)},keydown:function(a,b){var c=a.modules.linear;switch(b.keyCode){case 38:b.preventDefault();c.cameraChange.aZ=10;break;case 40:b.preventDefault();c.cameraChange.aZ=-10;break;case 39:b.preventDefault();c.cameraChange.aX=10;modules.linear.fn.hideMarkInformation(a);break;case 37:b.preventDefault(),c.cameraChange.aX=-10,modules.linear.fn.hideMarkInformation(a)}},keyup:function(a,b){var c=a.modules.linear;
+switch(b.keyCode){case 38:case 40:b.preventDefault();c.cameraChange.aZ=0;break;case 39:case 37:b.preventDefault(),c.cameraChange.aX=0}},keypress:function(a,b){switch(b.keyCode){case 38:case 40:case 39:case 37:b.preventDefault()}},mousedown:function(a){var b=a.modules.linear;if(mark=modules.linear.fn.hitTest(a,a.mouseX,a.mouseY))mark==b.currentMark?modules.linear.fn.centerCurrentMark(a,function(){modules.linear.fn.showMarkInformation(a)}):b.country_code?a.app.setLocation("#/"+b.linear_root+"/country/"+
+b.country_code+"/"+mark.reference):a.app.setLocation("#/"+b.linear_root+"/"+mark.reference)},mousemove:function(d){var b=d.modules.linear;b.eventChange=!0;if(mark=modules.linear.fn.hoverTest(d,d.mouseX,d.mouseY,b.hoverMark)){if(b.hoverMark)b.hoverMark.color=b.hoverMark.contributor_name?"0,139,211":"0,0,0";b.hoverMark=mark;b.currentMark&&b.hoverMark.reference==b.currentMark.reference&&b.hoverMark.contributor_name&&a("#mark-information").is(":visible")?a("#contributor-quote-box").fadeIn("fast").css({left:d.mouseX-
+15,top:d.mouseY-a("#contributor-quote-box").height()-15}):(a("#contributor-quote-box:visible").fadeOut("fast"),b.hoverMark.color=b.hoverMark.contributor_name?"255,111,40":"0,139,211")}else if(b.hoverMark)b.hoverMark.color=b.hoverMark.contributor_name?"0,139,211":"0,0,0",b.hoverMark=null,a("#contributor-quote-box:visible").fadeOut("fast")},loop:function(d){var b=d.modules.linear,c=b.layerManager.layers.drawingLayer,e={x:b.scene.camera.position.x,y:b.scene.camera.position.y,z:b.scene.camera.position.z};
+if("cameraEase"in b.tweens)TWEEN.update();else{b.cameraChange.vZ+=b.cameraChange.aZ;b.cameraChange.vX+=b.cameraChange.aX;b.cameraChange.vX*=0.93;b.cameraChange.vZ*=0.93;b.scene.camera.position.x+=b.cameraChange.vX;b.scene.camera.position.z+=b.cameraChange.vZ;var f=modules.linear.fn.closestMark(d);if(f){var g=b.scene.camera.position.y-(f.position.y+f.bHeight/2);g!=0&&Math.abs(g)>=10&&(b.scene.camera.position.y+=g>0?-10:10)}}if(!b.eventChange&&e.x==b.scene.camera.position.x&&e.y==b.scene.camera.position.y&&
+e.z==b.scene.camera.position.z)return!1;if(b.hoverMark&&!modules.linear.fn.hoverTest(d,d.mouseX,d.mouseY,b.hoverMark))b.hoverMark.color=b.hoverMark.contributor_name?"0,139,211":"0,0,0",b.hoverMark=null,a("#contributor-quote-box:visible").fadeOut("fast");c.clean();modules.linear.fn.updateScene(d,b.scene.camera.position.x-1E4,b.scene.camera.position.x+1E4);modules.linear.fn.updateBuffers(d,b.scene.camera.position.x-1E4,b.scene.camera.position.x+1E4);Mark.renderer.renderScene(b.scene,{cursor:{x:d.mouseX,
+y:d.mouseY},width:d.width,height:d.height});b.eventChange=!1;for(f in b.scene.timers)d=(new Date).getTime(),b.scene.timers[f].end<d&&delete b.scene.timers[f],b.eventChange=!0}},fn:{init:function(d,b){var c=d.modules.linear;if("$linear"in d.modules.linear){b.country_code!=c.country_code&&modules.linear.fn.dumpAllMarks(d);a.extend(c,c,b);for(option in modules.linear.defaults)b[option]==null&&(c[option]=modules.linear.defaults[option]);modules.linear.fn.updateInterface(d);modules.linear.fn.initMarks(d)}else a.extend(c,
+modules.linear.defaults,b),a.extend(c,c,modules.linear.config),c.$linear=a("<div />").addClass("linear-container"),d.$container.append(c.$linear),c.scene=new Mark.scene,c.cameraChange={aX:0,aY:0,aZ:0,vX:0,vY:0,vZ:0},c.layerManager=new Mark.layerManager(c.$linear.get(0)),c.layerManager.addLayer("drawingLayer"),c.scene.canvasContext=c.layerManager.layers.drawingLayer.context,d.fn.trigger("resize"),c.initialized=!0;c.flaggings=d.fn.getData("markFlaggings")||{}},deinit:function(a){var b=a.modules.linear;
+b.$linear.fadeOut("fast",function(){b.layerManager.removeAll();b.$linear.remove();b.initialized=!1})},initInterface:function(d){var b=d.modules.linear;a("#stats").hide();a("#mark-browsing-zoom-in a, #mark-browsing-zoom-out a, #mark-browsing-next a, #mark-browsing-prev a").click(function(a){a.preventDefault()}).bind("mouseup mouseout",function(b){b.preventDefault();if(a(this).data("mouseDown")){if(a(this).is("#mark-browsing-zoom-in a, #mark-browsing-zoom-out a"))d.modules.linear.cameraChange.aZ=0;
+else if(a(this).is("#mark-browsing-next a, #mark-browsing-prev a"))d.modules.linear.cameraChange.aX=0;a(this).data("mouseDown",!1)}}).bind("mousedown",function(b){b.preventDefault();a(this).data("mouseDown",!0);if(a(this).is("#mark-browsing-zoom-in a, #mark-browsing-zoom-out a"))d.modules.linear.cameraChange.aZ=a(this).is("#mark-browsing-zoom-in a")?10:-10;else if(a(this).is("#mark-browsing-next a, #mark-browsing-prev a"))d.modules.linear.cameraChange.aX=a(this).is("#mark-browsing-next a")?10:-10,
+modules.linear.fn.hideMarkInformation(d)});d.fn.withCountryCodes(function(c){for(var e=a("#country-select"),f=0;f<c.length;f++){var g=a("<option />").val(c[f].code).text(c[f].name);e.append(g)}e.change(function(){var c=a(this).val();c.length!=2&&b.country_code?d.app.setLocation("#/"+b.linear_root+"/"):c.length==2&&c!=b.country_code&&d.app.setLocation("#/"+b.linear_root+"/country/"+c+"/");a(this).blur();d.$container.focus()});b.country_code&&e.val(b.country_code)});a("#mark-information").hide();a("#mark-playback").click(function(a){a.preventDefault();
+modules.linear.fn.replayCurrentMark(d)});a("#mark-flag").click(function(a){a.preventDefault();modules.linear.fn.flagCurrentMark(d)});a("#delete-mark").click(function(a){a.preventDefault();modules.linear.fn.deleteCurrentMark(d)});a("#approve-mark-checkbox").change(function(b){b.preventDefault();b=a(this).is(":checked");modules.linear.fn.approveCurrentMark(d,b)});a("#twitter-share").socialShare({share_url:"http://twitter.com/share",share_params:{text:d.fn.getString("twitter-msg")}});a("#facebook-share").socialShare({share_url:"http://www.facebook.com/sharer.php",
+share_params:{t:d.fn.getString("facebook-msg")}});modules.linear.fn.updateInterface(d);modules.linear.fn.initMarks(d);a("#sammy #country-select").selectBox({autoWidth:!1});a("#sammy #contributor-select").selectBox({autoWidth:!1})},initMarks:function(a){var b=a.modules.linear;b.reference_mark&&b.reference_mark!=""?b.reference_mark in b.marks?modules.linear.fn.jumpToMark(a,b.reference_mark,b.playback):modules.linear.fn.loadMarks(a,{reference:b.reference_mark,include_forward:20,include_back:20,include_mark:1,
+success:function(c){c.success?(modules.linear.fn.setupMarks(a,c.marks),modules.linear.fn.jumpToMark(a,b.reference_mark,b.playback)):a.fn.showError(b.errorMsg);b.requestingMarks=!1}}):modules.linear.fn.loadMarks(a,{offset:0,max:20,success:function(c){if(c.success){if(modules.linear.fn.setupMarks(a,c.marks),firstMark=b.marks[c.marks[0].reference])b.scene.camera.position.x=-4E3,b.scene.camera.position.z=-3E3,c="cameraEase"in b.tweens?b.tweens.cameraEase:new TWEEN.Tween(b.scene.camera.position),c.to({x:firstMark.bWidth/
+2,y:firstMark.bHeight/2,z:-1E3},2E3).onComplete(function(){delete b.tweens.cameraEase;typeof callback==="function"&&callback(this)}).easing(TWEEN.Easing.Quartic.EaseInOut).start(),b.tweens.cameraEase=c}else a.fn.showError(b.errorMsg);b.requestingMarks=!1}})},updateInterface:function(d){var b=d.modules.linear,c=d.fn.getData("userMark");c&&(b.country_code?c.country_code==b.country_code:1)?a("#your-mark-link").attr("href","#/"+b.linear_root+"/"+d.fn.getData("userMark").reference).show():a("#your-mark-link").hide();
+var e={};b.country_code?(e.country_code=b.country_code,a("#contributor-select").next().hide(),a("#contributor-select-label").hide()):(a("#contributor-select").next().show(),a("#contributor-select-label").show());a("#mark-browsing-options").is(".country-"+(b.country_code?b.country_code:"all"))||a.ajax({url:"/requests/init_viz_data",data:e,dataType:"JSON",success:function(c){a("#mark-browsing-options").removeAttr("class").addClass("country-"+(b.country_code?b.country_code:"all"));a("#stats-number-of-marks").text(c.total_marks);
+a("#stats-number-of-countries").text(c.total_countries);var g=new Date(c.first_mark_at);g=Math.ceil(((new Date).getTime()-g.getTime())/864E5);a("#stats-number-of-days").text(g);a("#stats").fadeIn("fast");b.country_code?(a("#first-mark-link").attr("href","#/"+b.linear_root+"/country/"+b.country_code+"/"+c.country_first_mark),a("#last-mark-link").attr("href","#/"+b.linear_root+"/country/"+b.country_code+"/"+c.country_last_mark)):(a("#first-mark-link").attr("href","#/"+b.linear_root+"/"+c.first_mark),
+a("#last-mark-link").attr("href","#/"+b.linear_root+"/"+c.last_mark));a("#mark-browsing").collapsibleMod();a("#stats").collapsibleMod({collapsedHeight:10});if(a("#contributor-select option").size()==1){g=a("#contributor-select");if(c.contributor_marks)for(var h=0;h<c.contributor_marks.length;h++){var i=a("<option />").val(c.contributor_marks[h].reference).text(c.contributor_marks[h].contributor);g.append(i)}g.change(function(){var c=a(this).val();c.length!="label"&&d.app.setLocation("#/"+b.linear_root+
+"/"+c);a(this).blur();d.$container.focus()});b.country_code?(e.country_code=b.country_code,a("#contributor-select").next().hide(),a("#contributor-select-label").hide()):(a("#contributor-select").next().show(),a("#contributor-select-label").show())}}})},dumpAllMarks:function(a){a=a.modules.linear;for(mark in a.marks)delete a.marks[mark];a.scene.objects=[];a.leftBuffer=[];a.rightBuffer=[];a.moreRight=!0;a.moreLeft=!0;a.scene.camera.position.x=0;a.scene.camera.position.y=0;a.scene.camera.position.z=
+-1E3},loadMarks:function(d,b){var c=d.modules.linear,e=b.success;delete b.success;if(c.country_code)b.country_code=c.country_code;var f=b.reference?"/requests/marks_by_reference":"/requests/all_marks";c.is_flagged&&(f="/requests/marks_by_flagged");b.reference&&!(b.reference in c.marks)?(modules.linear.fn.dumpAllMarks(d),d.fn.showLoader(d.fn.getString("loading-marks-msg"),"overlay-light")):b.reference||d.fn.showLoader(d.fn.getString("loading-marks-msg"),"overlay-light");a.ajax({url:f,data:b,dataType:"JSON"}).success(e).success(function(){d.fn.hideLoader()})},
+setupMarks:function(a,b){var c=a.modules.linear;if(b.length!=0){for(var e=0;e<b.length;e++)b[e].reference in c.marks&&b.shift(e,1);e=[];for(var f in c.marks)e.push([f,c.marks[f].id]);e.sort(function(a,b){return a[1]-b[1]});var g=e.length==0||e[0][1]<b[0].id?c.rightBuffer:c.leftBuffer,h=g==c.leftBuffer?!0:!1;h&&b.reverse();var i=g.length>0?c.marks[g[h?0:g.length-1]]:c.scene.objects[h?0:c.scene.objects.length-1];for(e=0;e<b.length;e++)if(!(b[e].reference in c.marks)){var j=JSON.parse(b[e].points_obj_simplified);
+if("strokes"in j&&!(j.strokes.length==0||j.strokes[0].length<2)){f=new Mark.gmlMark(j.strokes,b[e].reference,b[e].country_code,b[e].date_drawn,j.rtl,b[e].id,b[e].is_approved);if(b[e].contributor)f.contributor_name=b[e].contributor,f.extra_info=j.extra_info,f.color="0,139,211";c.marks[f.reference]=f;i&&f.positionRelativeTo(i,h);h?g.unshift(f.reference):g.push(f.reference);i=f}}}},refillBuffer:function(a,b){var c=a.modules.linear;if(!c.requestingMarks){c.requestingMarks=!0;var e=b==c.leftBuffer,f=null;
+f=b.length>0?c.marks[b[e?0:b.length-1]]:c.scene.objects[e?0:c.scene.objects.length-1];modules.linear.fn.loadMarks(a,{reference:f.reference,include_forward:e?0:20,include_back:e?20:0,include_mark:0,success:function(b){b.success?(modules.linear.fn.setupMarks(a,b.marks),b.marks.length==0&&(c[e?"moreLeft":"moreRight"]=!1)):c[e?"moreLeft":"moreRight"]=!1;c.requestingMarks=!1}})}},updateBuffers:function(a,b,c){var e=a.modules.linear;if(e.scene.objects.length!=0){for(var f=e.scene.objects[0];f&&f.position.x+
+f.bWidth<b;)e.leftBuffer.push(e.scene.objects.shift().reference),f=e.scene.objects[0];for(f=e.scene.objects[e.scene.objects.length-1];f&&f.position.x>c;)e.rightBuffer.unshift(e.scene.objects.pop().reference),f=e.scene.objects[e.scene.objects-1];e.leftBuffer.length<5&&e.scene.objects.length>0&&e.moreLeft&&!e.requestingMarks?modules.linear.fn.refillBuffer(a,e.leftBuffer):e.rightBuffer.length<5&&e.scene.objects.length>0&&e.moreRight&&!e.requestingMarks&&modules.linear.fn.refillBuffer(a,e.rightBuffer)}},
+updateScene:function(a,b,c){a=a.modules.linear;if(a.rightBuffer.length>0)for(var e=a.marks[a.rightBuffer[0]];e&&e.position&&e.position.x<c;)a.scene.objects.push(a.marks[a.rightBuffer.shift()]),e=a.rightBuffer[0];if(a.leftBuffer.length>0)for(e=a.marks[a.leftBuffer[a.leftBuffer.length-1]];e&&e.position&&e.position.x+e.bWidth>b;)a.scene.objects.unshift(a.marks[a.leftBuffer.pop()]),e=a.leftBuffer[a.leftBuffer.length-1]},jumpToMark:function(a,b,c){var e=a.modules.linear;e.currentMark=e.marks[b];if(c){var f=
+(new Date).getTime()*2;e.scene.timers[b]={start:f,end:f+e.currentMark.maxTime,speed:1}}modules.linear.fn.centerCurrentMark(a,function(){c&&modules.linear.fn.replayCurrentMark(a);modules.linear.fn.showMarkInformation(a)})},closestMark:function(a){a=a.modules.linear;for(var b=a.scene.objects[0],c=1;c<a.scene.objects.length;c++){var e=a.scene.objects[c];Math.abs(a.scene.camera.position.x-(e.position.x+e.bWidth/2))<Math.abs(a.scene.camera.position.x-(b.position.x+b.bWidth/2))&&(b=e)}return b},hoverTest:function(a,
+b,c,e){if(e&&e.renderedBounds&&b>=e.renderedBounds.minX&&b<=e.renderedBounds.maxX&&c>=e.renderedBounds.minY&&c<=e.renderedBounds.maxY)return e;return modules.linear.fn.hitTest(a,b,c)},hitTest:function(a,b,c){a=a.modules.linear;for(var e=0;e<a.scene.objects.length;e++)if(a.scene.objects[e].renderedBounds&&b>=a.scene.objects[e].renderedBounds.minX&&b<=a.scene.objects[e].renderedBounds.maxX&&c>=a.scene.objects[e].renderedBounds.minY&&c<=a.scene.objects[e].renderedBounds.maxY)return a.scene.objects[e];
+return!1},showMarkInformation:function(d){var b=d.modules.linear;if(!b.currentMark)return!1;var c=b.currentMark;a("#mark-id").text(c.id);var e=new Date(c.time),f=[];f.push(d.fn.getString("month-abbreviations",e.getMonth())+" "+e.getDate());f.push(e.getHours()+":"+(String(e.getMinutes()).length==1?"0"+e.getMinutes():e.getMinutes()));c.country_code?d.fn.withCountryCodes(function(b){a("#mark-country").text(" / "+b[c.country_code])}):a("#mark-country").text("");c.contributor_name?(a("#mark-contributor-name").text("- "+
+c.contributor_name),a("#mark-flag").hide(),a("#contributor-quote").text(c.extra_info).html("&#8220;"+a("#contributor-quote").text()+"&#8221;"),a("#contributor-name").text("- "+c.contributor_name)):(a("#mark-contributor-name, #contributor-quote, #contributor-name").text(""),a("#mark-flag").show());a("#mark-timestamp").text(f.join(" / "));a("#url-share input").val(window.location.href);if(b.linear_root!="moderate")a("#twitter-share").data("socialShare-context").share_params.url=window.location.href,
+a("#facebook-share").data("socialShare-context").share_params.u=window.location.href;b.linear_root=="moderate"&&a("#approve-mark-checkbox").attr("checked",c.is_approved);b.currentMark.reference in b.flaggings?a("#mark-flag").addClass("disabled"):a("#mark-flag").removeClass("disabled");a("#mark-information").fadeIn("fast")},hideMarkInformation:function(){a("#mark-information").fadeOut("fast")},replayCurrentMark:function(a){a=a.modules.linear;var b=(new Date).getTime();a.eventChange=!0;a.scene.timers[a.currentMark.reference]=
+{start:b,end:b+a.currentMark.maxTime,speed:1}},flagCurrentMark:function(d){var b=d.modules.linear;b.currentMark.reference in b.flaggings||a.ajax({url:"/requests/flag_mark",data:{reference:b.currentMark.reference},type:"POST",dataType:"JSON",success:function(){a("#mark-flag").addClass("disabled");b.flaggings[b.currentMark.reference]=!0;d.fn.storeData("markFlaggings",b.flaggings)},error:function(){d.fn.showError(b.errorMsg)}})},deleteCurrentMark:function(d){var b=d.modules.linear;a.ajax({url:"/requests/delete_mark",
+data:{reference:b.currentMark.reference},type:"POST",dataType:"JSON",success:function(){var a=b.currentMark.reference,e=null;delete b.marks[b.currentMark.reference];b.currentMark=null;for(var f=0;f<b.scene.objects.length;f++)if(e||b.scene.objects[f].reference==a){if(!e)e=f,b.scene.objects.splice(f,1),b.currentMark=b.scene.objects[f];f==0?b.scene.objects[f].positionToStart():b.scene.objects[f].positionRelativeTo(b.scene.objects[f-1])}d.app.setLocation("#/"+b.linear_root+"/"+b.currentMark.reference);
+b.eventChange=!0},error:function(){d.fn.showError(b.errorMs)}})},approveCurrentMark:function(d,b){var c=d.modules.linear;a.ajax({url:"/requests/approve_mark",data:{reference:c.currentMark.reference,should_approve:b},type:"POST",dataType:"JSON",success:function(){c.currentMark.is_approved=b},error:function(){d.fn.showError(c.errorMsg)}})},centerCurrentMark:function(a,b){var c=a.modules.linear;if(!c.currentMark)return!1;modules.linear.fn.showMarkInformation(a);c.cameraChange.aX=0;c.cameraChange.vX=
+0;c.cameraChange.aZ=0;c.cameraChange.vZ=0;var e=Math.abs(c.currentMark.position.x-c.scene.camera.position.x)/2;e=Math.max(1E3,e);var f="cameraEase"in c.tweens?c.tweens.cameraEase:new TWEEN.Tween(c.scene.camera.position);f.to({x:c.currentMark.position.x+c.currentMark.bWidth/2,y:c.currentMark.position.y+c.currentMark.bHeight/2,z:c.currentMark.position.z-1E3},e).onComplete(function(){delete c.tweens.cameraEase;typeof b==="function"&&b(this)}).easing(e>1200?TWEEN.Easing.Quadratic.EaseInOut:TWEEN.Easing.Quartic.EaseInOut).start();
+c.tweens.cameraEase=f}}}})(jQuery);
+(function(a){a.markApp=a.markApp||{};var d=a.markApp.modules=a.markApp.modules||{};d.capture={defaults:{state:"intro",invite_code:null,locale:null,contributor_type:null},config:{captureLimit:300,layerManager:null,capturedPoints:0,strokes:[],framecount:0,cleanedStrokes:[],lastX:null,lastY:null,captureTime:null,rtl:null,initialized:!1,currentStroke:null,mark:null,timeBetweenStrokes:400,events:[]},evt:{resize:function(a){var c=a.modules.capture;c.layerManager.resizeAll(a.width,a.height);if(c.mark&&c.mark.strokes.length>
+0)for(var e=0;e<c.mark.strokes.length;e++)d.capture.fn.drawStroke(a,c.mark.strokes[e])},mousemove:function(a){a.mouseDown&&a.modules.capture.state=="drawing"&&d.capture.fn.capturePoint(a)},mousedown:function(b){switch(b.modules.capture.state){case "drawing":a("#location-dialog").is(":visible")&&a("#location-dialog").fadeOut("fast");b.modules.capture.mark||d.capture.fn.startMark(b);b.modules.capture.currentStroke||d.capture.fn.startStroke(b);break;case "intro":b.modules.capture.mark||d.capture.fn.startMark(b),
+b.modules.capture.currentStroke||d.capture.fn.startStroke(b),d.capture.fn.endIntro(b)}},mouseup:function(a){a.modules.capture.state=="drawing"&&d.capture.fn.endStroke(a)},ready:function(b){var c=b.modules.capture;a("#markmaker").hide().children().hide();a("#markmaker-reset a").addClass("disabled").bind("mousedown",function(a){a.preventDefault();d.capture.fn.reset(b)});a("#markmaker-submit a").addClass("disabled").bind("mousedown",function(a){a.preventDefault();d.capture.fn.submit(b)});b.fn.withCountryCodes(function(b){for(var c=
+a("#markmaker-country"),d=0;d<b.length;d++){var h=a("<option />").val(b[d].code).text(b[d].name);c.append(h)}});a("#markmaker-location a").bind("mousedown",{context:b},d.capture.fn.locationDialogToggle);a("#markmaker-information").bind("mouseover",{context:b},d.capture.fn.informationDialogToggle).bind("mouseout",{context:b},d.capture.fn.informationDialogToggle);c.state=="drawing"&&d.capture.fn.initDrawing(b);a("#sammy #markmaker-country").selectBox({autoWidth:!1})},loop:function(a){var c=a.modules.capture;
+if(c.initialized)switch(c.frameCount++,d.capture.fn.commonLoop(a),a.modules.capture.state){case "drawing":d.capture.fn.drawLoop(a)}}},fn:{init:function(b,c){var e=b.modules.capture;if("$capture"in e){if("state"in c)d.capture.fn.reset(b),c.state=="drawing"&&b.mouseDown&&b.fn.trigger("mousedown"),e.state=c.state,d.capture.fn.initDrawing(b)}else a.extend(e,d.capture.defaults),a.extend(e,c),a.extend(e,d.capture.config),e.$capture=a("<div />").addClass("capture-container"),b.$container.css({zIndex:100,
+cursor:"none"}).append(e.$capture),e.layerManager=new Mark.layerManager(e.$capture.get(0)),e.layerManager.addLayer("drawnLayer"),e.layerManager.addLayer("liveDrawingLayer"),b.fn.trigger("resize"),e.initialized=!0},deinit:function(a){var c=a.modules.capture;c.$capture.fadeOut("fast",function(){c.layerManager.removeAll();c.$capture.remove();c.initialized=!1})},initIntro:function(){},initDrawing:function(b){var c=b.modules.capture;a("#browse-marks").is(":visible")&&(a("#browse-marks, #click-anywhere, #intro-main-copy").fadeOut("fast"),
+a("#markmaker-legal-line").fadeIn("slow"));a("#markmaker").css("background-position","0 "+(b.height-140)+"px");a("#markmaker").unbind("resize.markApp").bind("resize.markApp",function(){a("#markmaker").css("background-position","0 "+(b.height-140)+"px");a("#location-dialog:visible").size()>0&&a("#location-dialog:visible").css({bottom:a("#markmaker-location").height()+25,left:a("#markmaker-location").offset().left+32})});a("#markmaker").is(":visible")?a("#markmaker-controls").fadeIn("slow",function(){a("#markmaker-information").fadeIn("slow")}):
+a("#markmaker").width(0).show().animate({width:b.width},"slow",function(){a("#markmaker-controls").fadeIn("slow",function(){a("#markmaker-information").fadeIn("slow")});a("#markmaker-legal-line").fadeIn("slow")});c.invite_code&&c.contributor_type=="t"?(c.captureLimit=1E3,c.$capture.addClass("translator"),a("#translator-fields").find("#translator-locale").text("'"+b.locale+"'").end().collapsibleMod().fadeIn("slow")):c.invite_code&&c.contributor_type=="c"&&(c.$capture.addClass("contributor"),a("#contributor-fields").collapsibleMod().fadeIn("slow"))},
+endIntro:function(a){a.app.setLocation("#/mark/new")},locationDialogToggle:function(b){b.preventDefault();a("#location-dialog").is(":visible")?a("#location-dialog").fadeOut("fast"):a("#location-dialog").fadeIn("fast").css({bottom:a("#markmaker-location").height()+25,left:a("#markmaker-location").offset().left+32})},informationDialogToggle:function(b){b.preventDefault();b.type=="mouseout"?a("#information-dialog").fadeOut("fast"):a("#information-dialog").fadeIn("fast").css({bottom:a("#markmaker-information").height()+
+36,left:a("#markmaker-information").offset().left-a("#information-dialog").width()+30})},startMark:function(b){var c=b.modules.capture;c.captureTime=(new Date).getTime();c.rtl=b.mouseX>a(window).width()/2;c.mark=new Mark.gmlMark([],"","",c.captureTime,c.rtl);a("#markmaker-submit a, #markmaker-reset a").removeClass("disabled")},endMark:function(a){a.modules.capture.mark.setupVars()},startStroke:function(a){a=a.modules.capture;a.currentStroke=[];if(a.strokes.length>0)a.captureTime=(new Date).getTime()-
+(a.strokes[a.strokes.length-1][a.strokes[a.strokes.length-1].length-1].time+a.timeBetweenStrokes)},endStroke:function(a){var c=a.modules.capture;if(c.currentStroke.length>2){c.strokes.push(c.currentStroke);var e=Mark.simplification.simplifyPath(c.currentStroke,1);e=Mark.simplification.weightPath(e,[5,10,20,40]);c.mark.strokes.push(e);c.cleanedStrokes.push(e);d.capture.fn.drawStroke(a,e);c.capturedPoints-=c.currentStroke.length-e.length}c.currentStroke=null},capturePoint:function(a){var c=a.modules.capture;
+if(c.capturedPoints>c.captureLimit)a.fn.trigger("mouseup"),d.capture.fn.closeShop(a);else{var e=(new Date).getTime();a=new Mark.gmlPoint(a.mouseX,a.mouseY,e-c.captureTime,0);c.currentStroke.length>0?(e=c.currentStroke[c.currentStroke.length-1],a.speed=e.speedToPoint(a),a.setAngleFromPoint(e),a.smoothAgainst(e,0.01)):c.strokes.length>=1&&d.capture.fn.drawGuide(c.layerManager.layers.drawnLayer.context,c.lastX,c.lastY,a.x,a.y);c.currentStroke.push(a);c.lastX=a.x;c.lastY=a.y;c.capturedPoints++}},reset:function(b){b=
+b.modules.capture;b.layerManager.layers.liveDrawingLayer.clean();b.layerManager.layers.drawnLayer.clean();b.capturedPoints=0;b.rtl=null;b.mouseDown=!1;b.lastX=null;b.lastY=null;b.strokes=[];b.currentStroke=null;b.mark=null;b.captureTime=null;b.state="drawing";a("#markmaker-submit a, #markmaker-reset a").addClass("disabled");a("#markapp").css({cursor:"none"});a("#markmaker-instructions").fadeIn()},closeShop:function(b){var c=b.modules.capture;c.state="preview";d.capture.fn.endMark(b);c.layerManager.layers.liveDrawingLayer.clean();
+b=c.layerManager.layers.liveDrawingLayer.context;var e=c.lastX,f=c.lastY;b.strokeStyle="rgba(0,0,0,0.2)";b.lineWidth=1;b.beginPath();b.dashedLineTo(e,f,c.rtl?0:c.layerManager.layers.liveDrawingLayer.canvas.width,f,[7,5]);b.closePath();b.stroke();a("#markapp").css({cursor:"default"})},submit:function(b){var c=b.modules.capture;if(c.state!="submitting"){c.state!="preview"&&d.capture.fn.closeShop(b);c.state="submitting";a("#markmaker-submit a").addClass("disabled");var e={};e.rtl=c.rtl;e.strokes=c.strokes;
+e=JSON.stringify(e);var f=JSON.stringify(c.mark),g=a("#markmaker-country").val()=="label"?"":a("#markmaker-country").val();b.fn.showLoader(b.fn.getString("submitting-mark"));var h={points_obj:e,points_obj_simplified:f,country_code:g};if(c.invite_code&&c.contributor_type=="t")h.contributor_locale=b.locale,h.invite=c.invite_code;else if(c.invite_code&&c.contributor_type=="c")h.contributor=a("#contributor-name").val(),c.mark.extra_info=a("#contributor-quote").val(),h.points_obj_simplified=JSON.stringify(c.mark),
+h.invite=c.invite_code;a.ajax({url:"/requests/save_mark",data:h,type:"POST",dataType:"JSON",success:function(a){h.contributor_locale?b.app.setLocation("#/linear/"):(b.fn.storeData("userMark",{reference:a.mark_reference,country_code:g}),b.app.setLocation("#/linear/"+a.mark_reference+"?playback=true"));b.fn.hideLoader()},error:function(){b.fn.showError(b.fn.getString("submit-error"))}});return!1}},drawStroke:function(a,c){var d=a.modules.capture;Mark.thickBrush(d.layerManager.layers.drawnLayer.context,
+[c]);d.layerManager.layers.drawnLayer.context.fillStyle="rgba(255,255,255,0.3)";d.layerManager.layers.drawnLayer.context.strokeStyle="rgba(255,255,255,0.3)";Mark.circleBrush(d.layerManager.layers.drawnLayer.context,[c])},drawGuide:function(a,c,d,f,g){a.strokeStyle="rgba(0,0,0,0.2)";a.lineWidth=1;a.beginPath();a.dashedLineTo(c,d,f,g,[7,5]);a.closePath();a.stroke()},drawCursor:function(a,c,d,f){a.strokeStyle="#ff5400";a.fillStyle="#000000";a.beginPath();a.moveTo(c,d);a.lineTo(c+1,d-8);a.lineTo(c+20,
+d-27);a.lineTo(c+23,d-23);a.lineTo(c,d);a.closePath();a.stroke();f*=18.5;f+=4.5;a.beginPath();a.moveTo(c,d);a.lineTo(c+1,d-8);a.lineTo(c+(f-3),d-(f+4));a.lineTo(c+f,d-f);a.lineTo(c,d);a.closePath();a.fill()},commonLoop:function(a){var c=a.modules.capture;c.layerManager.layers.liveDrawingLayer.clean();a.mouseIn&&(c.state=="drawing"||c.state=="intro")&&d.capture.fn.drawCursor(c.layerManager.layers.liveDrawingLayer.context,a.mouseX,a.mouseY,(c.captureLimit-c.capturedPoints)/c.captureLimit)},introLoop:function(){},
+drawLoop:function(b){var c=b.modules.capture;if(c.currentStroke&&c.currentStroke.length>0)Mark.thickBrush(c.layerManager.layers.liveDrawingLayer.context,[c.currentStroke]),c.layerManager.layers.liveDrawingLayer.context.fillStyle="rgba(255,255,255,0.3)",c.layerManager.layers.liveDrawingLayer.context.strokeStyle="rgba(255,255,255,0.3)",Mark.circleBrush(c.layerManager.layers.liveDrawingLayer.context,[c.currentStroke]);if(b.mouseIn&&!b.mouseDown){var e,f;c.strokes.length==0?(e=b.mouseX>a(window).width()/
+2?c.layerManager.layers.liveDrawingLayer.canvas.width:0,f=b.mouseY):(e=c.lastX,f=c.lastY);d.capture.fn.drawGuide(c.layerManager.layers.liveDrawingLayer.context,e,f,b.mouseX,b.mouseY)}}}}})(jQuery);
+(function(a){markApp=a.markApp=a.markApp||{};modules=a.markApp.modules=a.markApp.modules||{};modules.intro={defaults:{reference_mark:null},config:{marks:{},animationMarks:["vVR","myWb"],playbackTimes:{},vizScene:null,textScene:null,layerManager:null,initialized:!1,eventChange:!1,curLocaleMark:null,animationComplete:!1,tweens:{}},evt:{resize:function(a){a.modules.intro.layerManager.resizeAll(a.width,a.height);a.modules.intro.eventChange=!0;a.modules.intro.xAnimationComplete&&modules.intro.fn.drawX(a)},
+loop:function(a){var b=a.modules.intro;TWEEN.update();b.layerManager.layers.viz.clean();Mark.renderer.renderScene(b.vizScene,{width:a.width,height:a.height});if(b.curLocaleMark||b.xMark){b.layerManager.layers.mainMark.clean();if(b.curLocaleMark){var c=500/b.curLocaleMark.bWidth;Mark.renderer.renderMark(b.layerManager.layers.mainMark.context,b.curLocaleMark,{offset:{x:a.width/2-115,y:a.height-240},scale:{x:c,y:c,thickness:c},color:"255,84,0",timer:b.textScene.timers[b.curLocaleMark.reference]})}b.xMark&&
+Mark.renderer.renderMark(b.layerManager.layers.mainMark.context,b.xMark,{offset:{x:10,y:-100},scale:{x:(a.width/2-200)/b.xMark.bWidth,y:(a.height+200)/b.xMark.bHeight,thickness:5},color:"0,0,0",timer:b.textScene.timers[b.xMark.reference]})}},ready:function(d){a("#markmaker").hide().children().hide();a.when(modules.intro.fn.initInterface(d),modules.intro.fn.loadMarks(d)).then(function(){modules.intro.fn.runVizPreview(d)}).then(function(){modules.intro.fn.startDomAnimation(d)}).fail(function(){modules.intro.fn.simpleIntro(d)})}},
+fn:{init:function(d,b){var c=d.modules.intro;if(c.initialized)for(option in a.extend(c,c,b),modules.intro.defaults)b[option]==null&&(c[option]=modules.intro.defaults[option]);else a.extend(c,modules.intro.defaults,b),a.extend(c,c,modules.intro.config),c.$intro=a("<div />").addClass("intro-container"),d.$container.append(c.$intro),c.vizScene=new Mark.scene,c.textScene=new Mark.scene,c.layerManager=new Mark.layerManager(c.$intro.get(0)),c.layerManager.addLayer("viz"),c.vizScene.canvasContext=c.layerManager.layers.viz.context,
+c.layerManager.addLayer("mainMark"),c.textScene.canvasContext=c.layerManager.layers.mainMark.context,c.layerManager.addLayer("X"),d.fn.trigger("resize"),c.initialized=!0},deinit:function(a){var b=a.modules.intro;b.$intro.fadeOut("fast",function(){b.layerManager.removeAll();b.$intro.remove();b.initialized=!1})},initInterface:function(d){a("#markmaker").unbind("resize.markApp").bind("resize.markApp",function(b,c,d){b=c/2+485;d-=140;c=!1;a("#markmaker").css("background-position","0 "+d+"px");a("#markmaker").is(":visible")||
+(c=!0,a("#markmaker, #browse-marks, #click-anywhere, #intro-main-copy").css({display:"block"}));a("#browse-marks").css({top:d-50,left:b-85});a("#click-anywhere").css({top:d+12,left:b-a("#intro-main-copy").width()});a("#intro-main-copy").css({top:d-a("#intro-main-copy").height()-100,left:b-a("#intro-main-copy").width()});c&&a("#markmaker, #browse-marks, #click-anywhere, #intro-main-copy").css({display:"none"})}).trigger("resize.markApp",[d.width,d.height]).width(0).height(d.height)},loadMarks:function(d){return a.ajax({url:"/requests/get_translated_marks",
+dataType:"JSON"}).success(function(a){modules.intro.fn.setupMarks(d,a.marks)})},setupMarks:function(d,b){var c=d.modules.intro;if(!(typeof b==="undefined"||b.length==0)){a(c.layerManager.layers.viz.canvas).css("opacity",0);b.sort(function(){return Math.round(Math.random())-0.5});for(var e=null,f=0;f<b.length;f++)try{var g=JSON.parse(b[f].points_obj_simplified),h=new Mark.gmlMark(g.strokes,b[f].reference,b[f].country_code,b[f].date_drawn,g.rtl,b[f].id,b[f].is_approved);if(!c.currentMark)c.currentMark=
+h;b[f].reference in c.marks||(c.marks[h.reference]=h);e&&h.positionRelativeTo(e,!1);if(b[f].contributor_locale==d.locale||!c.curLocaleMark){var i=(new Date).getTime()*3;c.curLocaleMark=new Mark.gmlMark(g.strokes,b[f].reference,b[f].country_code,b[f].date_drawn,g.rtl,b[f].id,b[f].is_approved);c.textScene.timers[c.curLocaleMark.reference]={start:i,end:i+c.curLocaleMark.maxTime,speed:2}}c.vizScene.objects.push(h);e=h}catch(j){}}},runVizPreview:function(d){var b=d.modules.intro;if(!(b.vizScene.objects.length<
+3)){b.vizScene.camera.position.x=-2E3;b.vizScene.camera.position.z=-3E3;d=b.vizScene.objects[b.vizScene.objects.length-2];var c=new TWEEN.Tween(b.vizScene.camera.position);c.to({x:d.position.x+d.bWidth/2,y:d.position.y+d.bHeight/2,z:d.position.z-2E3},6E3).onComplete(function(){delete b.tweens.cameraEase}).easing(TWEEN.Easing.Quartic.EaseInOut).start();b.tweens.cameraEase=c;a(b.layerManager.layers.viz.canvas).animate({opacity:"1"},"slow").delay(2E3).animate({opacity:"0.1"},"slow");a("#markmaker").delay(3E3)}},
+startDomAnimation:function(d){a("#markmaker").width(0).show().animate({width:d.width},"slow",function(){modules.intro.fn.startMarkAnimations(d);a("#intro-main-copy").fadeIn("slow");a("#click-anywhere").delay(200).fadeIn("slow");a("#browse-marks").delay(100).fadeIn("slow")})},startMarkAnimations:function(a){var b=a.modules.intro;modules.intro.fn.drawX(a);b.curLocaleMark&&(a=(new Date).getTime()+2E3,b.textScene.timers[b.curLocaleMark.reference]={start:a,end:a+b.curLocaleMark.maxTime,speed:2})},drawX:function(a){a=
+a.modules.intro;a.xMark=new Mark.gmlMark({strokes:[[{x:177,y:0,z:0,time:51,speed:0,angle:0,significance:5},{x:129,y:60,z:0,time:255,speed:0.45069390943299864,angle:0.5880026035475675,significance:1},{x:123,y:65,z:0,time:271,speed:0.4931203163041915,angle:0.7853981633974483,significance:1},{x:103,y:89,z:0,time:339,speed:0.45069390943299864,angle:0.5880026035475675,significance:1},{x:56,y:139,z:0,time:503,speed:0.45073896963561083,angle:0.7853981633974483,significance:1},{x:38,y:162,z:0,time:584,speed:0.3572203090978693,
+angle:0.46364760900080615,significance:1},{x:9,y:192,z:0,time:691,speed:0.3535533905932738,angle:0.7853981633974483,significance:1},{x:0,y:206,z:0,time:727,speed:0.45069390943299864,angle:0.5880026035475675,significance:5}],[{x:11,y:23,z:0,time:1178,speed:0,angle:0,significance:5},{x:30,y:49,z:0,time:1246,speed:0.32424352695503,angle:5.639684198386302,significance:1},{x:55,y:77,z:0,time:1321,speed:0.48790367901871773,angle:5.497787143782138,significance:1},{x:72,y:100,z:0,time:1367,speed:0.5216642390945547,
+angle:5.695182703632019,significance:1},{x:85,y:113,z:0,time:1408,speed:0.5355917833779965,angle:5.497787143782138,significance:2},{x:154,y:175,z:0,time:1662,speed:0.3311927108182759,angle:5.497787143782138,significance:1},{x:186,y:196,z:0,time:1802,speed:0.2849548128987055,angle:5.497787143782138,significance:5}]],country_code:"",time:1300925747439,rtl:!1,maxTime:1802,reference:"",hoverState:!1,renderedBounds:null,id:null,contributor_name:null,extra_info:null,color:"0,0,0",hoverColor:"0,139,211",
+x:454,y:199,position:{x:0,y:0,z:0},rotationAngle:{x:0,y:0,z:0},sX:0,sY:0,bWidth:186,bHeight:206}.strokes,"xMark");a.textScene.objects.push(a.xMark);var b=(new Date).getTime();a.textScene.timers[a.xMark.reference]={start:b,end:b+a.xMark.maxTime,speed:1}},simpleIntro:function(d){a("#markmaker").width(0).show().animate({width:d.width},"slow",function(){a("#intro-main-copy").fadeIn("slow");a("#click-anywhere").delay(200).fadeIn("slow");a("#browse-marks").delay(100).fadeIn("slow")})}}}})(jQuery);
+(function(a){function d(a){return a.replace(/-/g,"--").replace(/ /g,"-")}a.fn.extend({delayedBind:function(b,c,e,f){var g=d(c);return this.each(function(){var d=this;a(this).data("_delayedBindBound-"+g+"-"+b)||(a(this).data("_delayedBindBound-"+g+"-"+b,!0),a(this).bind(c,function(){var c=a(this).data("_delayedBindTimerID-"+g+"-"+b);typeof c!="undefined"&&clearTimeout(c);c=setTimeout(function(){a(d).trigger("_delayedBind-"+g+"-"+b)},b);a(this).data("_delayedBindTimerID-"+g+"-"+b,c)}));a(this).bind("_delayedBind-"+
+g+"-"+b,e,f)})},delayedBindCancel:function(b,c){var e=d(c);return this.each(function(){var c=a(this).data("_delayedBindTimerID-"+e+"-"+b);typeof c!="undefined"&&clearTimeout(c)})},delayedBindUnbind:function(b,c,e){var f=d(c);return this.each(function(){a(this).unbind("_delayedBind-"+f+"-"+b,e)})}})})(jQuery);
+(function(a){a.collapsibleMod={cfg:{collapsedClass:"collapsibleMod-collapsed",expandedClass:"collapsibleMod-expanded",$header:null,expandedHeight:0,collapsedHeight:0,$content:null,collapsed:!1,stateKey:"",saveState:!0},fn:{init:function(d,b){var c=a(d),e=a.extend({},a.collapsibleMod.cfg,b);e.$container=c;e.$header=c.find("h3:first");e.$content=c.children().not("h3:first");e.expandedHeight=e.$content.height();e.$header.bind("click",function(b){b.preventDefault();a.collapsibleMod.fn.toggle(e)});e.saveState&&
+e.$container.attr("id")!=""&&typeof localStorage!="undefined"?(e.stateKey="collapsibleMod-state-"+e.$container.attr("id"),a.collapsibleMod.fn.restoreState(e)):e.saveState=!1;e.collapsed?a.collapsibleMod.fn.collapse(e):e.$container.addClass(e.expandedClass);c.data("collapsibleMod-context",e)},collapse:function(d){d.$container.addClass(d.collapsedClass).removeClass(d.expandedClass);d.$content.animate({height:d.collapsedHeight},"fast",function(){d.collapsedHeight==0&&d.$content.hide()});d.collapsed=
+!0;a.collapsibleMod.fn.saveState(d)},expand:function(d){d.$container.removeClass(d.collapsedClass).addClass(d.expandedClass);d.$content.show().animate({height:d.expandedHeight},"fast");d.collapsed=!1;a.collapsibleMod.fn.saveState(d)},saveState:function(a){if(a.saveState)try{localStorage.removeItem(a.stateKey),localStorage.setItem(a.stateKey,a.collapsed)}catch(b){}},restoreState:function(a){if(a.saveState&&localStorage.getItem(a.stateKey))a.collapsed=localStorage.getItem(a.stateKey)==="true"},toggle:function(d){d.collapsed?
+a.collapsibleMod.fn.expand(d):a.collapsibleMod.fn.collapse(d)}}};a.fn.collapsibleMod=function(d){return a(this).each(function(){a.collapsibleMod.fn.init(this,d)})}})(jQuery);
+(function(a){a.socialShare={cfg:{$link:null,share_url:"http://twitter.com/share",share_title:"Share on Twitter",share_params:{},popupWidth:550,popupHeight:450},fn:{init:function(d,b){var c=a(d),e=a.extend({},a.socialShare.cfg,b);e.$link=c;e.$link.bind("click",function(b){b.preventDefault();a.socialShare.fn.share(e)});c.data("socialShare-context",e)},shareURL:function(a){var b=[];for(param in a.share_params)b.push(param+"="+encodeURIComponent(a.share_params[param]));return a.share_url+"?"+b.join("&")},
+share:function(d){window.open(a.socialShare.fn.shareURL(d),d.share_title,"height="+d.popupHeight+",width="+d.popupWidth)}}};a.fn.socialShare=function(d){return a(this).each(function(){a.socialShare.fn.init(this,d)})}})(jQuery);
+jQuery&&function(a){a.extend(a.fn,{selectBox:function(d,b){var c=function(b){var c=b.data.select,d=b.data.control;if(a(d).hasClass("ui-selectBox-disabled"))return!1;if(a(d).hasClass("ui-selectBox-focus")&&a("#ui-selectBox-dropdown").size()===1)return e(b,!0),!1;a(".ui-selectBox").not(d).trigger("blur");g(b);b.stopPropagation();a("#ui-selectBox-dropdown").remove();var m=a('<div id="ui-selectBox-dropdown" class="ui-corner-bottom" />'),r=a("<ul />");a(c).children("optgroup").size()===0?a(c).children("option").each(function(){var b=
+a(this).text()!==""?a(this).text():"\u00a0",c="";a(this).attr("disabled")&&(c+=" ui-selectBox-disabled");a(r).append('<li class="ui-selectBox-option'+c+'">'+p(b)+"</li>")}):(a(m).addClass("ui-selectBox-hasOptgroups"),a(c).children("optgroup").each(function(){a(r).append('<li class="ui-selectBox-optgroup">'+p(a(this).attr("label"))+"</li>");a(this).children("option").each(function(){var b=a(this).text()!==""?a(this).text():"\u00a0",c="";a(this).attr("disabled")&&(c+=" ui-selectBox-disabled");a(r).append('<li class="ui-selectBox-option'+
+c+'">'+p(b)+"</li>")})}));a(m).append(r);b=a(c)[0].selectedIndex;a(m).find("LI.ui-selectBox-option").eq(b).addClass("ui-selectBox-initial ui-selectBox-current");a(m).find("LI.ui-selectBox-option").hover(function(){a(m).find(".ui-selectBox-current").removeClass("ui-selectBox-current");a(this).addClass("ui-selectBox-current")},function(){a(this).removeClass("ui-selectBox-current")}).click({select:c,control:d},function(a){f(a)}).mouseup({select:c,control:d},function(b){a(b.target).trigger("click")});
+a("BODY").append(m);c=a(d).offset();b=a(d).outerHeight();var h=a(d).outerWidth(),i=parseInt(a(m).css("borderLeftWidth"))+parseInt(a(m).css("borderRightWidth"));a(m).css({position:"absolute",zIndex:"999999",top:c.top+b,left:c.left,width:h-i}).show();a(d).removeClass("ui-corner-all").addClass("ui-corner-top");o(m);j(!0)},e=function(b,c){var d=b.data.control;a("#ui-selectBox-dropdown").remove();a(d).removeClass("ui-corner-top").addClass("ui-corner-all");c?a(d).focus():h(b)},f=function(b,c){var d=b.data.select,
+m=b.data.control;c=c?c:b.target;if(a(c).hasClass("ui-selectBox-disabled"))return!1;var f=a(d)[0].selectedIndex;a("#ui-selectBox-dropdown .ui-selectBox-optgroup").remove();var g=a("#ui-selectBox-dropdown").find("LI.ui-selectBox-current").index();if(f!==g)a(d)[0].selectedIndex=g,a(m).find(".ui-selectBox-label").text(a(c).text()),a(d).trigger("change");e(b,!0)},g=function(b){var c=b.data.select;b=b.data.control;if(a(b).hasClass("ui-selectBox-disabled"))return!0;if(a(b).hasClass("ui-selectBox-focus"))return!1;
+a(".ui-selectBox.ui-selectBox-focus").removeClass("ui-selectBox-focus");a("#ui-selectBox-dropdown").remove();a(b).addClass("ui-selectBox-focus");a(document).bind("mousedown",{select:c,control:b},h);a(document).bind("keydown",{select:c,control:b},i);a(c).trigger("focus");a(b).focus()},h=function(b){var c=b.data.select,d=b.data.control;if(b.target.id==="ui-selectBox-dropdown"||a(b.target).parents("#ui-selectBox-dropdown").size()===1)return a(d).trigger("focus"),!1;a(d).hasClass("ui-selectBox-focus")&&
+(a(d).removeClass("ui-selectBox-focus"),a(document).unbind("mousedown",h),a(document).unbind("keydown",i),a(c).trigger("blur"),e(b))},i=function(b){var d=b.data.select,l=b.data.control,m=a("#ui-selectBox-dropdown");if(a(l).hasClass("ui-selectBox-disabled"))return!1;switch(b.keyCode){case 9:h(b);break;case 13:if(a(m).size()===0)return!1;d=a(m).find(".ui-selectBox-option");var g=-1;a.each(d,function(b,c){a(c).hasClass("ui-selectBox-current")&&(g=b)});g>=0&&f(b,a(d).eq(g));return!1;case 27:e(b,!0);break;
+case 38:case 37:case 33:var k=b.keyCode===33?20:1;if(a(m).size()===0){if(b.altKey)return c(b),!1;b=a(d).find("OPTION").size();m=a(d)[0].selectedIndex;for(k=a(d)[0].selectedIndex-k;a(d).find("OPTION").eq(k).attr("disabled")===!0&&k>=0;)k--;k<0&&(k=a(d).find("OPTION:not([disabled]):first").index());a(d)[0].selectedIndex=k;if(a(d)[0].selectedIndex===-1)k=0,a(d)[0].selectedIndex=k;b=a(d).find("OPTION:selected").text();b===""&&(b="\u00a0");a(l).find(".ui-selectBox-label").text(b);k!==m&&a(d).trigger("change");
+return!1}d=a(m).find(".ui-selectBox-option");g=-1;a.each(d,function(b,c){a(c).hasClass("ui-selectBox-current")&&(g=b)});g-=k;g<0&&(g=0);a(d).removeClass("ui-selectBox-current");a(d).eq(g).addClass("ui-selectBox-current");j();return!1;case 40:case 39:case 34:k=b.keyCode===34?20:1;if(a(m).size()===0){if(b.altKey)return c(b),!1;b=a(d).find("OPTION").size();m=a(d)[0].selectedIndex;for(k=a(d)[0].selectedIndex+k;a(d).find("OPTION").eq(k).attr("disabled")===!0&&k<=a(d).find("OPTION").size();)k++;k>b-1&&
+(k=a(d).find("OPTION:not([disabled]):last").index());a(d)[0].selectedIndex=k;if(a(d)[0].selectedIndex===-1)k=a(d).find("OPTION").size()-1,a(d)[0].selectedIndex=k;b=a(d).find("OPTION:selected").text();b===""&&(b="\u00a0");a(l).find(".ui-selectBox-label").text(b);k!=m&&a(d).trigger("change");return!1}d=a(m).find(".ui-selectBox-option");g=-1;a.each(d,function(b,c){a(c).hasClass("ui-selectBox-current")&&(g=b)});g+=k;g>a(d).size()-1&&(g=a(d).size()-1);a(d).removeClass("ui-selectBox-current");a(d).eq(g).addClass("ui-selectBox-current");
+j();return!1;case 36:case 35:if(a(m).size()===0){if(b.altKey)return c(b),!1;m=a(d)[0].selectedIndex;k=b.keyCode===36?0:a(d).find("OPTION").size()-1;a(d).find("OPTION").eq(k).attr("disabled")===!0&&(k=b.keyCode===36?a(d).find("OPTION:not([disabled]):first").index():a(d).find("OPTION:not([disabled]):last").index());a(d)[0].selectedIndex=k;b=a(d).find("OPTION:selected").text();b===""&&(b="\u00a0");a(l).find(".ui-selectBox-label").text(b);k!=m&&a(d).trigger("change");return!1}a(m).find(".ui-selectBox-current").removeClass("ui-selectBox-current");
+b.keyCode===36?a(m).find(".ui-selectBox-option:first").addClass("ui-selectBox-current"):a(m).find(".ui-selectBox-option:last").addClass("ui-selectBox-current");j();return!1}},j=function(b){var c=a("#ui-selectBox-dropdown");if(a(c).size()===0)return!1;var d=a(c).find(".ui-selectBox-current");if(a(d).size()===0)return!1;var e=parseInt(a(d).offset().top-a(c).position().top),f=parseInt(e+a(d).outerHeight());b?a(c).scrollTop(a(d).offset().top-a(c).offset().top+a(c).scrollTop()-a(c).height()/2):(e<0&&a(c).scrollTop(a(d).offset().top-
+a(c).offset().top+a(c).scrollTop()),f>a(c).height()&&a(c).scrollTop(a(d).offset().top+a(d).outerHeight()-a(c).offset().top+a(c).scrollTop()-a(c).height()))},o=function(b){a(b).css("MozUserSelect","none").bind("selectstart",function(){return!1}).bind("mousedown",function(){return!1});return!0},p=function(a){return a.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")};switch(d){case "destroy":return a(this).each(function(){var b=a(this),c=a(this).next(".ui-selectBox");
+a(b)[0].tagName.toLowerCase()==="select"&&(a(c).remove(),a(b).removeData("selectBox-options").show())}),a(this);case "disable":return a(this).each(function(){var b=a(this),c=a(this).next(".ui-selectBox");a(b).attr("disabled",!0);a(c).addClass("ui-selectBox-disabled")}),a(this);case "enable":return a(this).each(function(){var b=a(this),c=a(this).next(".ui-selectBox");a(b).attr("disabled",!1);a(c).removeClass("ui-selectBox-disabled")}),a(this);case "setOptions":if(!b)return a(this);a(this).each(function(){var c=
+a(this);a(this).next(".ui-selectBox");switch(typeof b){case "string":a(c).html(b);break;case "object":for(var d in a(c).html(""),b)if(b[d]!==null){if(typeof b[d]==="object"){var l=a('<optgroup label="'+d+'" />'),e;for(e in b[d])a(l).append('<option value="'+e+'">'+b[d][e]+"</option>")}else l=a('<option value="'+d+'">'+b[d]+"</option>");a(c).append(l)}}d=a(c).data("selectBox-options");a(c).selectBox("destroy");a(c).selectBox(d)});return a(this);case "value":return a("#ui-selectBox-dropdown").remove(),
+a(this).each(function(){var c=a(this),d=a(this).next(".ui-selectBox");a(c).val(b);c=a(c).find(":selected").text();c===""&&(c="\u00a0");a(d).removeClass("ui-corner-top").addClass("ui-corner-all").find(".ui-selectBox-label").text(c)}),a(this);default:return a(this).each(function(){d||(d={});var b=a.extend({autoWidth:!0},d),e=a(this);if(a(this).next(".ui-selectBox").size()===0){var l=a('<a href="#" class="ui-selectBox ui-corner-all" tabindex="'+parseInt(a(e).attr("tabindex"))+'" />');a(l).addClass(a(e).attr("class")).attr({style:(a(e).attr("style")+
+"").replace(/inline/,"inline-block"),title:a(e).attr("title")});a(e).data("selectBox-options",b);if(b.autoWidth){var m="";a(e).find("OPTION").each(function(){a(this).text().length>m.length&&(m=a(this).text())});b=a('<div class="ui-selectBox-dropdown" style="position: absolute; top: -9999em; left: -9999em; width: auto; display: inline-block;" />');var f=a('<li class="ui-selectBox-option">'+p(m)+"</li>");a(b).append(f);a("BODY").append(b);a(l).width(f.outerWidth());a(b).remove()}a(e)[0].tagName.toLowerCase()!==
+"select"||a(e).attr("multiple")===!0||(a(e).attr("disabled")===!0&&a(l).addClass("ui-selectBox-disabled"),b=a(e).find("OPTION:selected").text(),b===""&&(b="\u00a0"),a(l).append('<span class="ui-selectBox-label">'+p(b)+"</span>"),a(l).append('<span class="ui-selectBox-arrow"></span>'),a(e).hide().after(l),o(l),a(l).bind("click",function(){return!1}).bind("mousedown",{select:e,control:l},c).bind("focus",{select:e,control:l},g).bind("blur",{select:e,control:l},h))}}),a(this)}}})}(jQuery);
+this.JSON||(JSON={});
+(function(){function a(a){return a<10?"0"+a:a}function d(a){e.lastIndex=0;return e.test(a)?'"'+a.replace(e,function(a){var b=h[a];return typeof b==="string"?b:"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+a+'"'}function b(a,c){var e,h,q,l,m=f,r,k=c[a];k&&typeof k==="object"&&typeof k.toJSON==="function"&&(k=k.toJSON(a));typeof i==="function"&&(k=i.call(c,a,k));switch(typeof k){case "string":return d(k);case "number":return isFinite(k)?String(k):"null";case "boolean":case "null":return String(k);case "object":if(!k)return"null";
+f+=g;r=[];if(Object.prototype.toString.apply(k)==="[object Array]"){l=k.length;for(e=0;e<l;e+=1)r[e]=b(e,k)||"null";q=r.length===0?"[]":f?"[\n"+f+r.join(",\n"+f)+"\n"+m+"]":"["+r.join(",")+"]";f=m;return q}if(i&&typeof i==="object"){l=i.length;for(e=0;e<l;e+=1)h=i[e],typeof h==="string"&&(q=b(h,k))&&r.push(d(h)+(f?": ":":")+q)}else for(h in k)Object.hasOwnProperty.call(k,h)&&(q=b(h,k))&&r.push(d(h)+(f?": ":":")+q);q=r.length===0?"{}":f?"{\n"+f+r.join(",\n"+f)+"\n"+m+"}":"{"+r.join(",")+"}";f=m;return q}}
+if(typeof Date.prototype.toJSON!=="function")Date.prototype.toJSON=function(){return this.getUTCFullYear()+"-"+a(this.getUTCMonth()+1)+"-"+a(this.getUTCDate())+"T"+a(this.getUTCHours())+":"+a(this.getUTCMinutes())+":"+a(this.getUTCSeconds())+"Z"},String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(){return this.valueOf()};var c=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,e=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+f,g,h={"\u0008":"\\b","\t":"\\t","\n":"\\n","\u000c":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},i;if(typeof JSON.stringify!=="function")JSON.stringify=function(a,c,d){var e;g=f="";if(typeof d==="number")for(e=0;e<d;e+=1)g+=" ";else typeof d==="string"&&(g=d);if((i=c)&&typeof c!=="function"&&(typeof c!=="object"||typeof c.length!=="number"))throw Error("JSON.stringify");return b("",{"":a})};if(typeof JSON.parse!=="function")JSON.parse=function(a,b){function d(a,c){var e,f,g=a[c];if(g&&typeof g==="object")for(e in g)Object.hasOwnProperty.call(g,
+e)&&(f=d(g,e),f!==void 0?g[e]=f:delete g[e]);return b.call(a,c,g)}var e;c.lastIndex=0;c.test(a)&&(a=a.replace(c,function(a){return"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)}));if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return e=eval("("+a+")"),typeof b==="function"?d({"":e},""):e;throw new SyntaxError("JSON.parse");}})();
+CanvasRenderingContext2D.prototype.dashedLineTo=function(a,d,b,c,e){var f=function(a,b){return a<=b},g=function(a,b){return a>=b},h=function(a,b){return Math.min(a,b)},i=function(a,b){return Math.max(a,b)},j={thereYet:g,cap:h};g={thereYet:g,cap:h};if(d-c>0)g.thereYet=f,g.cap=i;if(a-b>0)j.thereYet=f,j.cap=i;this.moveTo(a,d);f=a;i=d;h=0;for(var o=!0;!j.thereYet(f,b)||!g.thereYet(i,c);){var p=Math.atan2(c-d,b-a),n=e[h];f=j.cap(b,f+Math.cos(p)*n);i=g.cap(c,i+Math.sin(p)*n);o?this.lineTo(f,i):this.moveTo(f,
+i);h=(h+1)%e.length;o=!o}};CanvasRenderingContext2D.prototype.dottedArc=function(a,d,b,c,e,f){var g=Math.PI/b/2,h=c;for(c+=g;c<e;)this.beginPath(),this.arc(a,d,b,h,c,f),this.stroke(),h=c+g,c=h+g};
+var Mark=function(a){a.layer=function(a,b){this.context=this.canvas=null;this.dirtyRectangles=[];this.layerName=b;this.manager=a;this.clean=function(){if(this.dirtyRectangles.length==0)this.context.clearRect(0,0,this.canvas.width,this.canvas.height);else for(var a=0;a<this.dirtyRectangles.length;a++)this.context.clearRect(a.x,a.y,a.w,a.h)};this.setSize=function(a,b){if(this.canvas.width!=a)this.canvas.width=a;if(this.canvas.height!=b)this.canvas.height=b};this.init=function(){this.canvas=document.createElement("canvas");
+this.context=this.canvas.getContext("2d");this.setSize(this.manager.container.scrollWidth,this.manager.container.scrollHeight);this.manager.layerWrapper.appendChild(this.canvas)};this.remove=function(){this.manager.layerWrapper.removeChild(this.canvas)};this.init()};return a}(Mark||{});
+Mark=function(a){a.layerManager=function(d){this.container=d;this.layerWrapper=null;this.layers={};this.init=function(){this.layerWrapper=document.createElement("div");this.layerWrapper.className="mark-layerManager";this.container.appendChild(this.layerWrapper)};this.addLayer=function(b){var c=new a.layer(this,b);return this.layers[b]=c};this.removeAll=function(){for(var a in this.layers)this.layers[a].remove(),delete this.layers[a]};this.resizeAll=function(a,c){for(var d in this.layers)this.layers[d].setSize(a,
+c)};this.init()};return a}(Mark||{});
+Mark=function(a){a.gmlPoint=function(a,b,c,e,f){this.x=a;this.y=b;this.z=typeof f=="integer"?f:0;this.time=c;this.speed=e;this.angle=0;this.significance=1;this.distanceToPoint=function(a){return Math.sqrt(Math.pow(a.x-this.x,2)+Math.pow(a.y-this.y,2))};this.speedToPoint=function(a){return this.distanceToPoint(a)/(a.time-this.time)};this.smoothAgainst=function(a,b){var c=this.distanceToPoint(a);c*=b;if(Math.abs(this.speed-a.speed)>c)this.speed=this.speed>a.speed?a.speed+c:a.speed-c};this.setAngleFromPoint=
+function(a){this.angle=Math.atan2(a.y-this.y,a.x-this.x)+Math.PI/2;this.angle%=2*Math.PI;if(this.angle<0)this.angle=2*Math.PI+this.angle};this.clone=function(){return{x:this.x,y:this.y,z:this.z,time:this.time,significance:this.significance,angle:this.angle,speed:this.speed}};this.getTranslatedPoint=function(a,b){var c=this.clone();c.x+=a;c.y+=b;return c}};return a}(Mark||{});
+Mark=function(a){a.simplification={Line:function(a,b){this.p1=a;this.p2=b;this.distanceToPoint=function(a){var b=(this.p2.y-this.p1.y)/(this.p2.x-this.p1.x),d=[];d.push(Math.abs(a.y-b*a.x-(this.p1.y-b*this.p1.x))/Math.sqrt(Math.pow(b,2)+1));d.push(Math.sqrt(Math.pow(a.x-this.p1.x,2)+Math.pow(a.y-this.p1.y,2)));d.push(Math.sqrt(Math.pow(a.x-this.p2.x,2)+Math.pow(a.y-this.p2.y,2)));return d.sort(function(a,b){return a-b})[0]}},douglasPeucker:function(d,b){var c=[];if(d.length<=2)return[d[0]];for(var e=
+new a.simplification.Line(d[0],d[d.length-1]),f=0,g=0,h=1;h<=d.length-2;h++){var i=e.distanceToPoint(d[h]);i>f&&(f=i,g=h)}f>=b?(f=d[g],e.distanceToPoint(f,!0),c=c.concat(a.simplification.douglasPeucker(d.slice(0,g+1),b)),c=c.concat(a.simplification.douglasPeucker(d.slice(g,d.length),b))):(f=d[g],e.distanceToPoint(f,!0),c=[d[0]]);return c},simplifyPath:function(d,b){var c=a.simplification.douglasPeucker(d,b);c.push(d[d.length-1]);return c},weightPath:function(d,b){for(var c=b.length+1,e=d;tolerance=
+b.shift();){e=a.simplification.douglasPeucker(e,tolerance);for(var f=0;f<e.length;f++)e[f].significance++}d[0].significance=c;d[d.length-1].significance=c;return d}};return a}(Mark||{});
+Mark=function(a){a.dof=1E4;a.thickMarkBrush=function(d,b,c,e,f,g){e=e?e:"0,0,0";var h=Mark.renderer.translatePoint(b[0][0],c),i={minX:h.x,maxX:h.x,minY:h.y,maxY:h.y};if(!f||!g||!(h.x>f*2||h.x<-f||h.y>g*2||h.y<-g||h.z>a.dof||h.z<0)){for(f=0;f<b.length;f++)if(!(typeof b[f]=="undefined"||b[f].length<=1))for(var j=null,o=0;o<b[f].length;o++)if(h=Mark.renderer.translatePoint(b[f][o],c),!(h.z&&h.z>a.dof)&&!(h.significance&&h.significance*(a.dof/5)<h.z-500))if(j){d.lineWidth=1;if(o==b[f].length-1)var p=
+0,n=0;else n=9-Math.max(0,Math.pow(h.speed+1,3)),c.mode=="flatScale"&&c.scale.thickness?n*=c.scale.thickness:h.z&&(n*=2/h.z*(g/2)),n<0.1&&(n=0.1),n+=1,p=Math.cos(h.angle)*n,n*=Math.sin(h.angle);d.strokeStyle="rgba("+e+","+(a.dof-h.z)/a.dof+")";d.fillStyle="rgba("+e+","+(a.dof-h.z)/a.dof+")";try{d.beginPath(),d.lineWidth=0.5*((a.dof-h.z)/a.dof),d.moveTo(j.x-prevPX-0.5,j.y-prevPY-0.5),d.lineTo(j.x+prevPX-0.5,j.y+prevPY-0.5),d.lineTo(h.x+p-0.5,h.y+n-0.5),d.lineTo(h.x-p-0.5,h.y-n-0.5),d.lineTo(j.x-prevPX-
+0.5,j.y-prevPY-0.5),d.fill(),d.stroke()}catch(q){}i.minX=h.x<i.minX?h.x:i.minX;i.minY=h.y<i.minY?h.y:i.minY;i.maxX=h.x>i.maxX?h.x:i.maxX;i.maxY=h.y>i.maxY?h.y:i.maxY;j=h;prevPX=p;prevPY=n}else{if(f!=0&&h.z<1500&&(j=Mark.renderer.translatePoint(b[f-1][b[f-1].length-1],c),j.z&&j.z<a.dof))d.strokeStyle="rgba(0,0,0,0.3)",d.lineWidth=1,d.beginPath(),d.dashedLineTo(j.x,j.y,h.x,h.y,[6,4]),d.closePath(),d.stroke();j=h;prevPY=prevPX=0}return i}};a.connectionBrush=function(d,b,c,e,f,g,h){e={offset:e,w:g,h:h,
+mode:"pinhole"};b=Mark.renderer.translatePoint(b,e);e.offset=f;c=Mark.renderer.translatePoint(c,e);if(!(b.x>g||b.x<0||b.y>h||b.y<0)||!(c.x>g||c.x<0||c.y>h||c.y<0))if(!b.z||!c.z||!(b.z>a.dof||b.z<0)||!(c.z>a.dof||c.z<0))d.strokeStyle="rgba(0,0,0,"+(a.dof-b.z)/(a.dof*2)+")",f=3*(2/b.z)*(h/2),f<1&&(f=1),d.lineWidth=f,d.beginPath(),d.moveTo(b.x,b.y),d.lineTo(c.x,c.y),d.closePath(),d.stroke()};a.thickBrush=function(a,b,c,e,f){c=c?c:0;e=e?e:0;f=f?f:1;for(var g=0;g<b.length;g++)if(!(typeof b[g]=="undefined"||
+b[g].length<=1)){if(g>0)a.strokeStyle="rgba(0,0,0,0.1)",a.lineWidth=1,a.beginPath(),a.dashedLineTo(b[g-1][b[g-1].length-1].x+c,b[g-1][b[g-1].length-1].y+e,b[g][0].x+c,b[g][0].y+e,[6,4]),a.closePath(),a.stroke();a.lineWidth=1;a.strokeStyle="#000000";a.fillStyle="#000000";for(var h=0,i=0,j=b[g][0].x,o=b[g][0].y,p=1;p<b[g].length;p++){var n=b[g][p];if(!(n.significance<f)){if(p==b[g].length-1)var q=0,l=0;else l=9-Math.pow(n.speed+1,3),l<0.5&&(l=0.5),l+=1,q=Math.cos(n.angle)*l,l*=Math.sin(n.angle);try{a.beginPath(),
+a.moveTo(j-h-0.5+c,o-i-0.5+e),a.lineTo(j+h-0.5+c,o+i-0.5+e),a.lineTo(n.x+q-0.5+c,n.y+l-0.5+e),a.lineTo(n.x-q-0.5+c,n.y-l-0.5+e),a.lineTo(j-h-0.5+c,o-i-0.5+e),a.fill(),a.stroke()}catch(m){}h=q;i=l;j=n.x;o=n.y;prevAng=n.angle}}}};a.circleMarkBrush=function(d,b,c){for(var e=3,f=0;f<b.length;f++)if(b[f].length!=0)for(var g=0;g<b[f].length;g++){var h=Mark.renderer.translatePoint(b[f][g],c);if(!(h.z&&h.z>a.dof))e=3*((a.dof-h.z)/a.dof),d.fillStyle="rgba(255,255,255,0.4)",d.strokeStyle="rgba(255,255,255,0.4)",
+d.beginPath(),d.arc(h.x,h.y,e,0,Math.PI*2,!0),d.closePath(),d.fill(),d.stroke(),d.lineTo(h.x,h.y)}};a.circleBrush=function(a,b,c,e,f){c=c?c:0;e=e?e:0;f=f?f:1;for(var g=0;g<b.length;g++)if(b[g].length!=0){a.beginPath();for(var h=0;h<b[g].length;h++){var i=b[g][h];i.significance<f||(a.beginPath(),a.arc(i.x+c,i.y+e,3,0,Math.PI*2,!0),a.closePath(),a.fill(),a.stroke(),a.lineTo(i.x+c,i.y+e))}}};return a}(Mark||{});
+Mark=function(a){a.gmlMark=function(a,b,c,e,f,g,h){this.strokes=a;this.country_code=c;this.time=e;this.rtl=f;this.maxTime=0;this.reference=b;this.hoverState=!1;this.renderedBounds=null;this.id=g?g:null;this.is_approved=h;this.extra_info=this.contributor_name=null;this.color="0,0,0";this.y=this.x=0;this.position={x:0,y:0,z:0};this.rotationAngle={x:0,y:0,z:0};this.bHeight=this.bWidth=this.sY=this.sX=0;this.init=function(){this.strokes.length>0&&this.setupVars()};this.setupVars=function(){this.maxTime=
+this.lastPoint().time;this.getBoundingBox()};this.leftmostStrokeStart=function(){for(var a=this.strokes[0][0],b=1;b<this.strokes.length;b++){var c=this.strokes[b][0];c.x<a.x&&(lastPoint=c)}return a};this.rightmostStrokeEnd=function(){for(var a=this.strokes[0][this.strokes[0].length-1],b=1;b<this.strokes.length;b++){var c=this.strokes[b][this.strokes[b].length-1];c.x>a.x&&(a=c)}return a};this.firstPoint=function(){return this.strokes[0][0]};this.lastPoint=function(){return this.strokes[this.strokes.length-
+1][this.strokes[this.strokes.length-1].length-1]};this.translatePoint=function(a){var b=a.clone();b.x=this.x+a.x;b.y=this.y+a.y;return b};this.getBoundingBox=function(){var a=this.strokes[0][0],b=a.x,c=a.x,d=a.y;a=a.y;for(var e=0;e<this.strokes.length;e++)for(var f=0;f<this.strokes[e].length;f++){var l=this.strokes[e][f];b=l.x>b?l.x:b;d=l.y>d?l.y:d;c=l.x<c?l.x:c;a=l.y<a?l.y:a}this.bWidth=b-c;this.bHeight=d-a;this.x=c;this.y=a;(c!=0||a!=0)&&this.fitPointsToBounds(c,a)};this.fitPointsToBounds=function(a,
+b){for(var c=0;c<this.strokes.length;c++)for(var d=0;d<this.strokes[c].length;d++)this.strokes[c][d].x-=a,this.strokes[c][d].y-=b};this.strokesAtTime=function(a){if(a>this.maxTime)return this.strokes;for(var b=[[]],c=[0,0],d=this.strokes[c[0]][c[1]];d.time<a;)b[b.length-1].push(d),c[1]++,this.strokes[c[0]].length==c[1]&&(c[0]++,c[1]=0,b.push([])),d=this.strokes[c[0]][c[1]];return b};this.positionRelativeTo=function(a,b){b&&b?(this.position.x=a.position.x-50-this.bWidth,this.position.y=a.position.y+
+a.leftmostStrokeStart().y-this.rightmostStrokeEnd().y,this.position.z=a.position.z-this.maxTime/50):(this.position.x=a.position.x+a.bWidth+this.leftmostStrokeStart().x+50,this.position.y=a.position.y+a.rightmostStrokeEnd().y-this.firstPoint().y,this.position.z=a.position.z+a.maxTime/50)};this.positionToStart=function(){this.position.x=0;this.position.y=0;this.position.z=0};this.init()};return a}(Mark||{});
+Mark=function(a){a.scene=function(){this.camera=new Mark.camera;this.objects=[];this.canvasContext=null;this.timers={};this.init=function(){};this.addObject=function(a){this.objects.push(a)};this.removeObject=function(a){this.objects.splice(a,1)};this.update=function(){var d=(new Date).getTime();for(a in this.timers)this.timers[a].end<d&&delete this.timers[a]};this.init()};return a}(Mark||{});
+Mark=function(a){a.renderer={translatePoint:function(a,b){var c={flatScale:function(a,b){var c="offset"in b&&"x"in b.offset?b.offset.x:0,d="offset"in b&&"y"in b.offset?b.offset.y:0,e="scale"in b&&"y"in b.scale?b.scale.y:1;a.x*="scale"in b&&"x"in b.scale?b.scale.x:1;a.y*=e;a.x+=c;a.y+=d;return a},pinhole:function(a,b){var c="offset"in b&&"y"in b.offset?b.offset.y:0,d="offset"in b&&"z"in b.offset?b.offset.z:0,e="w"in b?b.w:500,o="h"in b?b.h:500;a.x+="offset"in b&&"x"in b.offset?b.offset.x:0;a.y+=c;
+a.z=a.x>0?Math.pow((a.x- -100)/100,2)+d:Math.pow((a.x- -100)/100/2,2)+d;a.time&&(a.z+=a.time/50);c=2/a.z;a.x=a.x*c*(o/2)+e/2;a.y=a.y*c*(o/2)+o/2;return a}},e={x:a.x,y:a.y,z:a.z,time:a.time,significance:a.significance,angle:a.angle,speed:a.speed};return"mode"in b&&b.mode in c?c[b.mode](e,b):c.pinhole(e,b)},strokesAtTime:function(a,b){for(var c=[[]],e=[0,0],f=a[e[0]][e[1]];f.time<b;){c[c.length-1].push(f);e[1]++;if(a[e[0]].length==e[1]){if(a.length==e[0]+1)break;e[0]++;e[1]=0;c.push([])}f=a[e[0]][e[1]]}return c},
+renderScene:function(d,b){for(var c=b.width,e=b.height,f=d.objects.length-1;f>=0;f--){var g={x:d.objects[f].position.x-d.camera.position.x,y:d.objects[f].position.y-d.camera.position.y,z:d.objects[f].position.z-d.camera.position.z};colorBase=d.objects[f].color;var h={offset:g,w:b.width,h:b.height,mode:"pinhole"};if(f<d.objects.length-1&&!(d.objects[f].reference in d.timers)){h={x:d.objects[f+1].position.x-d.camera.position.x,y:d.objects[f+1].position.y-d.camera.position.y,z:d.objects[f+1].position.z-
+d.camera.position.z};var i={x:d.objects[f].position.x-d.camera.position.x,y:d.objects[f].position.y-d.camera.position.y,z:d.objects[f].position.z-d.camera.position.z},j=d.objects[f+1].leftmostStrokeStart(),o=d.objects[f].rightmostStrokeEnd();Mark.connectionBrush(d.canvasContext,j,o,h,i,c,e)}h={offset:g,w:b.width,h:b.height,mode:"pinhole"};if(d.objects[f].reference in d.timers){if((g=a.renderer.strokesAtTime(d.objects[f].strokes,((new Date).getTime()-d.timers[d.objects[f].reference].start)*d.timers[d.objects[f].reference].speed))&&
+g.length>0&&g[0].length>0)d.objects[f].renderedBounds=Mark.thickMarkBrush(d.canvasContext,g,h,colorBase,b.width,b.height)}else d.objects[f].renderedBounds=Mark.thickMarkBrush(d.canvasContext,d.objects[f].strokes,h,colorBase,b.width,b.height)}},renderMark:function(d,b,c){var e={offset:c.offset,scale:c.scale,mode:"flatScale"};if("timer"in c&&c.timer){var f=a.renderer.strokesAtTime(b.strokes,((new Date).getTime()-c.timer.start)*c.timer.speed);if(f&&f.length>0&&f[0].length>0)b.renderedBounds=Mark.thickMarkBrush(d,
+f,e,c.color)}else b.renderedBounds=Mark.thickMarkBrush(d,b.strokes,e,c.color)}};return a}(Mark||{});Mark=function(a){a.camera=function(){this.position=new a.vector(0,0,-1E3)};return a}(Mark||{});Mark=function(a){a.vector=function(a,b,c){this.x=a||0;this.y=b||0;this.z=c||0};return a}(Mark||{});
+var TWEEN=TWEEN||function(){var a,d,b,c=[];this.add=function(a){c.push(a)};this.remove=function(b){a=c.indexOf(b);a!==-1&&c.splice(a,1)};this.update=function(){a=0;d=c.length;for(b=(new Date).getTime();a<d;)c[a].update(b)?a++:(c.splice(a,1),d--)};return this}();
+TWEEN.Tween=function(a){var d={},b={},c={},e=1E3,f=0,g=null,h=TWEEN.Easing.Linear.EaseNone,i=null,j=null,o=null;this.to=function(b,d){d!==null&&(e=d);for(var f in b)a[f]!==null&&(c[f]=b[f]);return this};this.start=function(){TWEEN.add(this);g=(new Date).getTime()+f;for(var e in c)a[e]!==null&&(d[e]=a[e],b[e]=c[e]-a[e]);return this};this.stop=function(){TWEEN.remove(this);return this};this.delay=function(a){f=a;return this};this.easing=function(a){h=a;return this};this.chain=function(a){i=a};this.onUpdate=
+function(a){j=a;return this};this.onComplete=function(a){o=a;return this};this.update=function(c){var f,q;if(c<g)return!0;c=(c-g)/e;c=c>1?1:c;q=h(c);for(f in b)a[f]=d[f]+b[f]*q;j!==null&&j.call(a,q);if(c==1)return o!==null&&o.call(a),i!==null&&i.start(),!1;return!0}};TWEEN.Easing={Linear:{},Quadratic:{},Cubic:{},Quartic:{},Quintic:{},Sinusoidal:{},Exponential:{},Circular:{},Elastic:{},Back:{},Bounce:{}};TWEEN.Easing.Linear.EaseNone=function(a){return a};
+TWEEN.Easing.Quadratic.EaseIn=function(a){return a*a};TWEEN.Easing.Quadratic.EaseOut=function(a){return-a*(a-2)};TWEEN.Easing.Quadratic.EaseInOut=function(a){if((a*=2)<1)return 0.5*a*a;return-0.5*(--a*(a-2)-1)};TWEEN.Easing.Cubic.EaseIn=function(a){return a*a*a};TWEEN.Easing.Cubic.EaseOut=function(a){return--a*a*a+1};TWEEN.Easing.Cubic.EaseInOut=function(a){if((a*=2)<1)return 0.5*a*a*a;return 0.5*((a-=2)*a*a+2)};TWEEN.Easing.Quartic.EaseIn=function(a){return a*a*a*a};
+TWEEN.Easing.Quartic.EaseOut=function(a){return-(--a*a*a*a-1)};TWEEN.Easing.Quartic.EaseInOut=function(a){if((a*=2)<1)return 0.5*a*a*a*a;return-0.5*((a-=2)*a*a*a-2)};TWEEN.Easing.Quintic.EaseIn=function(a){return a*a*a*a*a};TWEEN.Easing.Quintic.EaseOut=function(a){return(a-=1)*a*a*a*a+1};TWEEN.Easing.Quintic.EaseInOut=function(a){if((a*=2)<1)return 0.5*a*a*a*a*a;return 0.5*((a-=2)*a*a*a*a+2)};TWEEN.Easing.Sinusoidal.EaseIn=function(a){return-Math.cos(a*Math.PI/2)+1};
+TWEEN.Easing.Sinusoidal.EaseOut=function(a){return Math.sin(a*Math.PI/2)};TWEEN.Easing.Sinusoidal.EaseInOut=function(a){return-0.5*(Math.cos(Math.PI*a)-1)};TWEEN.Easing.Exponential.EaseIn=function(a){return a==0?0:Math.pow(2,10*(a-1))};TWEEN.Easing.Exponential.EaseOut=function(a){return a==1?1:-Math.pow(2,-10*a)+1};TWEEN.Easing.Exponential.EaseInOut=function(a){if(a==0)return 0;if(a==1)return 1;if((a*=2)<1)return 0.5*Math.pow(2,10*(a-1));return 0.5*(-Math.pow(2,-10*(a-1))+2)};
+TWEEN.Easing.Circular.EaseIn=function(a){return-(Math.sqrt(1-a*a)-1)};TWEEN.Easing.Circular.EaseOut=function(a){return Math.sqrt(1- --a*a)};TWEEN.Easing.Circular.EaseInOut=function(a){if((a/=0.5)<1)return-0.5*(Math.sqrt(1-a*a)-1);return 0.5*(Math.sqrt(1-(a-=2)*a)+1)};TWEEN.Easing.Elastic.EaseIn=function(a){var d,b=0.1,c=0.4;if(a==0)return 0;if(a==1)return 1;c||(c=0.3);!b||b<1?(b=1,d=c/4):d=c/(2*Math.PI)*Math.asin(1/b);return-(b*Math.pow(2,10*(a-=1))*Math.sin((a-d)*2*Math.PI/c))};
+TWEEN.Easing.Elastic.EaseOut=function(a){var d,b=0.1,c=0.4;if(a==0)return 0;if(a==1)return 1;c||(c=0.3);!b||b<1?(b=1,d=c/4):d=c/(2*Math.PI)*Math.asin(1/b);return b*Math.pow(2,-10*a)*Math.sin((a-d)*2*Math.PI/c)+1};
+TWEEN.Easing.Elastic.EaseInOut=function(a){var d,b=0.1,c=0.4;if(a==0)return 0;if(a==1)return 1;c||(c=0.3);!b||b<1?(b=1,d=c/4):d=c/(2*Math.PI)*Math.asin(1/b);if((a*=2)<1)return-0.5*b*Math.pow(2,10*(a-=1))*Math.sin((a-d)*2*Math.PI/c);return b*Math.pow(2,-10*(a-=1))*Math.sin((a-d)*2*Math.PI/c)*0.5+1};TWEEN.Easing.Back.EaseIn=function(a){return a*a*(2.70158*a-1.70158)};TWEEN.Easing.Back.EaseOut=function(a){return(a-=1)*a*(2.70158*a+1.70158)+1};
+TWEEN.Easing.Back.EaseInOut=function(a){if((a*=2)<1)return 0.5*a*a*(3.5949095*a-2.5949095);return 0.5*((a-=2)*a*(3.5949095*a+2.5949095)+2)};TWEEN.Easing.Bounce.EaseIn=function(a){return 1-TWEEN.Easing.Bounce.EaseOut(1-a)};TWEEN.Easing.Bounce.EaseOut=function(a){return(a/=1)<1/2.75?7.5625*a*a:a<2/2.75?7.5625*(a-=1.5/2.75)*a+0.75:a<2.5/2.75?7.5625*(a-=2.25/2.75)*a+0.9375:7.5625*(a-=2.625/2.75)*a+0.984375};
+TWEEN.Easing.Bounce.EaseInOut=function(a){if(a<0.5)return TWEEN.Easing.Bounce.EaseIn(a*2)*0.5;return TWEEN.Easing.Bounce.EaseOut(a*2-1)*0.5+0.5};
+(function(a,d){var b,c=/:([\w\d]+)/g,e=/\?([^#]*)$/,f=function(a){return Array.prototype.slice.call(a)},g=function(a){return Object.prototype.toString.call(a)==="[object Function]"},h=function(a){return Object.prototype.toString.call(a)==="[object Array]"},i=function(a){return decodeURIComponent(a.replace(/\+/g," "))},j=encodeURIComponent,o=function(a){return String(a).replace(/&(?!\w+;)/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")},p=function(a){return function(b,c){return this.route.apply(this,
+[a,b,c])}},n={},q=[];b=function(){var c=f(arguments),d,e;b.apps=b.apps||{};if(c.length===0||c[0]&&g(c[0]))return b.apply(b,["body"].concat(c));else if(typeof(e=c.shift())=="string")return d=b.apps[e]||new b.Application,d.element_selector=e,c.length>0&&a.each(c,function(a,b){d.use(b)}),d.element_selector!=e&&delete b.apps[e],b.apps[d.element_selector]=d};b.VERSION="0.6.3";b.addLogger=function(a){q.push(a)};b.log=function(){var c=f(arguments);c.unshift("["+Date()+"]");a.each(q,function(a,d){d.apply(b,
+c)})};typeof d.console!="undefined"?g(d.console.log.apply)?b.addLogger(function(){d.console.log.apply(d.console,arguments)}):b.addLogger(function(){d.console.log(arguments)}):typeof console!="undefined"&&b.addLogger(function(){console.log.apply(console,arguments)});a.extend(b,{makeArray:f,isFunction:g,isArray:h});b.Object=function(b){return a.extend(this,b||{})};a.extend(b.Object.prototype,{escapeHTML:o,h:o,toHash:function(){var b={};a.each(this,function(a,c){g(c)||(b[a]=c)});return b},toHTML:function(){var b=
+"";a.each(this,function(a,c){g(c)||(b+="<strong>"+a+"</strong> "+c+"<br />")});return b},keys:function(a){var b=[],c;for(c in this)(!g(this[c])||!a)&&b.push(c);return b},has:function(b){return this[b]&&a.trim(this[b].toString())!=""},join:function(){var a=f(arguments),b=a.shift();return a.join(b)},log:function(){b.log.apply(b,arguments)},toString:function(b){var c=[];a.each(this,function(a,d){(!g(d)||b)&&c.push('"'+a+'": '+d.toString())});return"Sammy.Object: {"+c.join(",")+"}"}});b.HashLocationProxy=
+function(a,b){this.app=a;this.is_native=!1;this._startPolling(b)};b.HashLocationProxy.prototype={bind:function(){var c=this,e=this.app;a(d).bind("hashchange."+this.app.eventNamespace(),function(a,f){if(c.is_native===!1&&!f)b.log("native hash change exists, using"),c.is_native=!0,d.clearInterval(b.HashLocationProxy._interval);e.trigger("location-changed")});if(!b.HashLocationProxy._bindings)b.HashLocationProxy._bindings=0;b.HashLocationProxy._bindings++},unbind:function(){a(d).unbind("hashchange."+
+this.app.eventNamespace());b.HashLocationProxy._bindings--;b.HashLocationProxy._bindings<=0&&d.clearInterval(b.HashLocationProxy._interval)},getLocation:function(){var a=d.location.toString().match(/^[^#]*(#.+)$/);return a?a[1]:""},setLocation:function(a){return d.location=a},_startPolling:function(c){var e=this;if(!b.HashLocationProxy._interval){c||(c=10);var f=function(){var c=e.getLocation();(!b.HashLocationProxy._last_location||c!=b.HashLocationProxy._last_location)&&d.setTimeout(function(){a(d).trigger("hashchange",
+[!0])},13);b.HashLocationProxy._last_location=c};f();b.HashLocationProxy._interval=d.setInterval(f,c)}}};b.Application=function(a){var c=this;this.routes={};this.listeners=new b.Object({});this.arounds=[];this.befores=[];this.namespace=(new Date).getTime()+"-"+parseInt(Math.random()*1E3,10);this.context_prototype=function(){b.EventContext.apply(this,arguments)};this.context_prototype.prototype=new b.EventContext;g(a)&&a.apply(this,[this]);this._location_proxy||this.setLocationProxy(new b.HashLocationProxy(this,
+this.run_interval_every));this.debug&&this.bindToAllEvents(function(a,b){c.log(c.toString(),a.cleaned_type,b||{})})};b.Application.prototype=a.extend({},b.Object.prototype,{ROUTE_VERBS:["get","post","put","delete"],APP_EVENTS:["run","unload","lookup-route","run-route","route-found","event-context-before","event-context-after","changed","error","check-form-submission","redirect","location-changed"],_last_route:null,_location_proxy:null,_running:!1,element_selector:"body",debug:!1,raise_errors:!1,run_interval_every:50,
+template_engine:null,toString:function(){return"Sammy.Application:"+this.element_selector},$element:function(b){return b?a(this.element_selector).find(b):a(this.element_selector)},use:function(){var a=f(arguments),c=a.shift(),d=c||"";try{a.unshift(this),typeof c=="string"&&(d="Sammy."+c,c=b[c]),c.apply(this,a)}catch(e){typeof c==="undefined"?this.error("Plugin Error: called use() but plugin ("+d.toString()+") is not defined",e):g(c)?this.error("Plugin Error",e):this.error("Plugin Error: called use() but '"+
+d.toString()+"' is not a function",e)}return this},setLocationProxy:function(a){var b=this._location_proxy;this._location_proxy=a;this.isRunning()&&(b&&b.unbind(),this._location_proxy.bind())},route:function(b,d,e){var f=this,h=[],i,j;!e&&g(d)&&(e=d=b,b="any");b=b.toLowerCase();if(d.constructor==String){for(c.lastIndex=0;(j=c.exec(d))!==null;)h.push(j[1]);d=RegExp("^"+d.replace(c,"([^/]+)")+"$")}typeof e=="string"&&(e=f[e]);i=function(a){var b={verb:a,path:d,callback:e,param_names:h};f.routes[a]=
+f.routes[a]||[];f.routes[a].push(b)};b==="any"?a.each(this.ROUTE_VERBS,function(a,b){i(b)}):i(b);return this},get:p("get"),post:p("post"),put:p("put"),del:p("delete"),any:p("any"),mapRoutes:function(b){var c=this;a.each(b,function(a,b){c.route.apply(c,b)});return this},eventNamespace:function(){return["sammy-app",this.namespace].join("-")},bind:function(a,b,c){var d=this;typeof c=="undefined"&&(c=b);b=function(a,b){var e;b&&b.context?(e=b.context,delete b.context):e=new d.context_prototype(d,"bind",
+a.type,b,a.target);a.cleaned_type=a.type.replace(d.eventNamespace(),"");c.apply(e,[a,b])};this.listeners[a]||(this.listeners[a]=[]);this.listeners[a].push(b);this.isRunning()&&this._listen(a,b);return this},trigger:function(a,b){this.$element().trigger([a,this.eventNamespace()].join("."),[b]);return this},refresh:function(){this.last_location=null;this.trigger("location-changed");return this},before:function(a,b){g(a)&&(b=a,a={});this.befores.push([a,b]);return this},after:function(a){return this.bind("event-context-after",
+a)},around:function(a){this.arounds.push(a);return this},isRunning:function(){return this._running},helpers:function(b){a.extend(this.context_prototype.prototype,b);return this},helper:function(a,b){this.context_prototype.prototype[a]=b;return this},run:function(b){if(this.isRunning())return!1;var c=this;a.each(this.listeners.toHash(),function(b,d){a.each(d,function(a,d){c._listen(b,d)})});this.trigger("run",{start_url:b});this._running=!0;this.last_location=null;this.getLocation()==""&&typeof b!=
+"undefined"&&this.setLocation(b);this._checkLocation();this._location_proxy.bind();this.bind("location-changed",function(){c._checkLocation()});this.bind("submit",function(b){return c._checkFormSubmission(a(b.target).closest("form"))===!1?b.preventDefault():!1});a(d).bind("beforeunload",function(){c.unload()});return this.trigger("changed")},unload:function(){if(!this.isRunning())return!1;var b=this;this.trigger("unload");this._location_proxy.unbind();this.$element().unbind("submit").removeClass(b.eventNamespace());
+a.each(this.listeners.toHash(),function(c,d){a.each(d,function(a,d){b._unlisten(c,d)})});this._running=!1;return this},bindToAllEvents:function(b){var c=this;a.each(this.APP_EVENTS,function(a,d){c.bind(d,b)});a.each(this.listeners.keys(!0),function(a,d){c.APP_EVENTS.indexOf(d)==-1&&c.bind(d,b)});return this},routablePath:function(a){return a.replace(e,"")},lookupRoute:function(b,c){var d=this,e=!1;this.trigger("lookup-route",{verb:b,path:c});typeof this.routes[b]!="undefined"&&a.each(this.routes[b],
+function(a,b){if(d.routablePath(c).match(b.path))return e=b,!1});return e},runRoute:function(b,c,d,e){var f=this,g=this.lookupRoute(b,c),h,j,n,o,p,q,s;this.log("runRoute",[b,c].join(" "));this.trigger("run-route",{verb:b,path:c,params:d});typeof d=="undefined"&&(d={});a.extend(d,this._parseQueryString(c));if(g){this.trigger("route-found",{route:g});if((q=g.path.exec(this.routablePath(c)))!==null)q.shift(),a.each(q,function(a,b){if(g.param_names[a])d[g.param_names[a]]=i(b);else{if(!d.splat)d.splat=
+[];d.splat.push(i(b))}});h=new this.context_prototype(this,b,c,d,e);e=this.arounds.slice(0);n=this.befores.slice(0);p=[h].concat(d.splat);j=function(){for(var a;n.length>0;)if(o=n.shift(),f.contextMatchesOptions(h,o[0])&&(a=o[1].apply(h,[h]),a===!1))return!1;f.last_route=g;h.trigger("event-context-before",{context:h});a=g.callback.apply(h,p);h.trigger("event-context-after",{context:h});return a};a.each(e.reverse(),function(a,b){var c=j;j=function(){return b.apply(h,[c])}});try{s=j()}catch(t){this.error(["500 Error",
+b,c].join(" "),t)}return s}else return this.notFound(b,c)},contextMatchesOptions:function(a,b,c){if(typeof b==="undefined"||b=={})return!0;typeof c==="undefined"&&(c=!0);if(typeof b==="string"||g(b.test))b={path:b};if(b.only)return this.contextMatchesOptions(a,b.only,!0);else if(b.except)return this.contextMatchesOptions(a,b.except,!1);var d=!0,e=!0;b.path&&(d=g(b.path.test)?b.path.test(a.path):b.path.toString()===a.path);b.verb&&(e=b.verb===a.verb);return c?e&&d:!(e&&d)},getLocation:function(){return this._location_proxy.getLocation()},
+setLocation:function(a){return this._location_proxy.setLocation(a)},swap:function(a){return this.$element().html(a)},templateCache:function(a,b){return typeof b!="undefined"?n[a]=b:n[a]},clearTemplateCache:function(){return n={}},notFound:function(a,b){var c=this.error(["404 Not Found",a,b].join(" "));return a==="get"?c:!0},error:function(a,b){b||(b=Error());b.message=[a,b.message].join(" ");this.trigger("error",{message:b.message,error:b});if(this.raise_errors)throw b;else this.log(b.message,b)},
+_checkLocation:function(){var a,b;a=this.getLocation();if(!this.last_location||this.last_location[0]!="get"||this.last_location[1]!=a)this.last_location=["get",a],b=this.runRoute("get",a);return b},_getFormVerb:function(b){b=a(b);var c,d;d=b.find('input[name="_method"]');d.length>0&&(c=d.val());c||(c=b[0].getAttribute("method"));if(!c||c=="")c="get";return a.trim(c.toString().toLowerCase())},_checkFormSubmission:function(b){var c,d,e;this.trigger("check-form-submission",{form:b});c=a(b);d=c.attr("action");
+e=this._getFormVerb(c);this.log("_checkFormSubmission",c,d,e);e==="get"?(this.setLocation(d+"?"+this._serializeFormParams(c)),b=!1):(c=a.extend({},this._parseFormParams(c)),b=this.runRoute(e,d,c,b.get(0)));return typeof b=="undefined"?!1:b},_serializeFormParams:function(a){var b="";a=a.serializeArray();var c;if(a.length>0){b=this._encodeFormPair(a[0].name,a[0].value);for(c=1;c<a.length;c++)b=b+"&"+this._encodeFormPair(a[c].name,a[c].value)}return b},_encodeFormPair:function(a,b){return j(a)+"="+j(b)},
+_parseFormParams:function(a){var b={};a=a.serializeArray();var c;for(c=0;c<a.length;c++)b=this._parseParamPair(b,a[c].name,a[c].value);return b},_parseQueryString:function(a){var b={},c,d;if(a=a.match(e)){a=a[1].split("&");for(d=0;d<a.length;d++)c=a[d].split("="),b=this._parseParamPair(b,i(c[0]),i(c[1]))}return b},_parseParamPair:function(a,b,c){a[b]?h(a[b])?a[b].push(c):a[b]=[a[b],c]:a[b]=c;return a},_listen:function(a,b){return this.$element().bind([a,this.eventNamespace()].join("."),b)},_unlisten:function(a,
+b){return this.$element().unbind([a,this.eventNamespace()].join("."),b)}});b.RenderContext=function(a){this.event_context=a;this.callbacks=[];this.content=this.previous_content=null;this.waiting=this.next_engine=!1};b.RenderContext.prototype=a.extend({},b.Object.prototype,{then:function(a){if(!g(a))if(typeof a==="string"&&a in this.event_context){var b=this.event_context[a];a=function(a){return b.apply(this.event_context,[a])}}else return this;var c=this;this.waiting?this.callbacks.push(a):(this.wait(),
+d.setTimeout(function(){var b=a.apply(c,[c.content,c.previous_content]);b!==!1&&c.next(b)},13));return this},wait:function(){this.waiting=!0},next:function(a){this.waiting=!1;if(typeof a!=="undefined")this.previous_content=this.content,this.content=a;this.callbacks.length>0&&this.then(this.callbacks.shift())},load:function(b,c,d){var e=this;return this.then(function(){var f,h,i;g(c)?(d=c,c={}):c=a.extend({},c);d&&this.then(d);if(typeof b==="string"){f=(i=b.match(/\.json$/)||c.json)&&c.cache===!0||
+c.cache!==!1;e.next_engine=e.event_context.engineFor(b);delete c.cache;delete c.json;if(c.engine)e.next_engine=c.engine,delete c.engine;if(f&&(h=this.event_context.app.templateCache(b)))return h;this.wait();a.ajax(a.extend({url:b,data:{},dataType:i?"json":null,type:"get",success:function(a){f&&e.event_context.app.templateCache(b,a);e.next(a)}},c));return!1}else{if(b.nodeType)return b.innerHTML;if(b.selector)return e.next_engine=b.attr("data-engine"),c.clone===!1?b.remove()[0].innerHTML.toString():
+b[0].innerHTML.toString()}})},render:function(a,b,c){if(g(a)&&!b)return this.then(a);else{if(!b&&this.content)b=this.content;return this.load(a).interpolate(b,a).then(c)}},partial:function(a,b){return this.render(a,b).swap()},send:function(){var a=this,b=f(arguments),c=b.shift();h(b[0])&&(b=b[0]);return this.then(function(){b.push(function(b){a.next(b)});a.wait();c.apply(c,b);return!1})},collect:function(b,c,d){var e=this,f=function(){if(g(b))c=b,b=this.content;var d=[],f=!1;a.each(b,function(a,b){var g=
+c.apply(e,[a,b]);g.jquery&&g.length==1&&(g=g[0],f=!0);d.push(g);return g});return f?d:d.join("")};return d?f():this.then(f)},renderEach:function(b,c,d,e){h(c)&&(e=d,d=c,c=null);return this.load(b).then(function(f){var g=this;d||(d=h(this.previous_content)?this.previous_content:[]);if(e)a.each(d,function(a,d){var h={},i=this.next_engine||b;c?h[c]=d:h=d;e(d,g.event_context.interpolate(f,h,i))});else return this.collect(d,function(a,d){var e={},g=this.next_engine||b;c?e[c]=d:e=d;return this.event_context.interpolate(f,
+e,g)},!0)})},interpolate:function(a,b,c){var d=this;return this.then(function(e,f){!a&&f&&(a=f);if(this.next_engine)b=this.next_engine,this.next_engine=!1;var g=d.event_context.interpolate(e,a,b);return c?f+g:g})},swap:function(){return this.then(function(a){this.event_context.swap(a)}).trigger("changed",{})},appendTo:function(b){return this.then(function(c){a(b).append(c)}).trigger("changed",{})},prependTo:function(b){return this.then(function(c){a(b).prepend(c)}).trigger("changed",{})},replace:function(b){return this.then(function(c){a(b).html(c)}).trigger("changed",
+{})},trigger:function(a,b){return this.then(function(c){typeof b=="undefined"&&(b={content:c});this.event_context.trigger(a,b)})}});b.EventContext=function(a,c,d,e,f){this.app=a;this.verb=c;this.path=d;this.params=new b.Object(e);this.target=f};b.EventContext.prototype=a.extend({},b.Object.prototype,{$element:function(){return this.app.$element(f(arguments).shift())},engineFor:function(a){var b;if(g(a))return a;a=(a||this.app.template_engine).toString();if(b=a.match(/\.([^\.]+)$/))a=b[1];if(a&&g(this[a]))return this[a];
+if(this.app.template_engine)return this.engineFor(this.app.template_engine);return function(a){return a}},interpolate:function(a,b,c){return this.engineFor(c).apply(this,[a,b])},render:function(a,c,d){return(new b.RenderContext(this)).render(a,c,d)},renderEach:function(a,c,d,e){return(new b.RenderContext(this)).renderEach(a,c,d,e)},load:function(a,c,d){return(new b.RenderContext(this)).load(a,c,d)},partial:function(a,c){return(new b.RenderContext(this)).partial(a,c)},send:function(){var a=new b.RenderContext(this);
+return a.send.apply(a,arguments)},redirect:function(){var a;a=f(arguments);var b=this.app.getLocation();a.length>1?(a.unshift("/"),a=this.join.apply(this,a)):a=a[0];this.trigger("redirect",{to:a});this.app.last_location=[this.verb,this.path];this.app.setLocation(a);b==a&&this.app.trigger("location-changed")},trigger:function(a,b){typeof b=="undefined"&&(b={});if(!b.context)b.context=this;return this.app.trigger(a,b)},eventNamespace:function(){return this.app.eventNamespace()},swap:function(a){return this.app.swap(a)},
+notFound:function(){return this.app.notFound(this.verb,this.path)},json:function(b){return a.parseJSON(b)},toString:function(){return"Sammy.EventContext: "+[this.verb,this.path,this.params].join(" ")}});a.sammy=d.Sammy=b})(jQuery,window);Sammy.HashPushProxy=function(a,d){this.app=a;this.supportsHistory=!(!window.history||!history.pushState);if(!this.supportsHistory)this._startPolling(d),this.is_native=!1};
+Sammy.HashPushProxy.prototype={bind:function(){var a=this,d=this.app;if(this.app.supportsHistory)$(window).bind("popstate",function(){a.app.trigger("location-changed")}),$("a").live("click",function(b){location.hostname==this.hostname&&(b.preventDefault(),a.historyAPISupported?a.setLocation($(this).attr("href")):a.setLocation("#"+$(this).attr("href")),a.app.trigger("location-changed"))});else{$(window).bind("hashchange."+this.app.eventNamespace(),function(b,c){if(a.is_native===!1&&!c)Sammy.log("native hash change exists, using"),
+a.is_native=!0,window.clearInterval(Sammy.HashLocationProxy._interval);d.trigger("location-changed")});if(!Sammy.HashLocationProxy._bindings)Sammy.HashLocationProxy._bindings=0;Sammy.HashLocationProxy._bindings++}},unbind:function(){this.app.supportsHistory?($("a").unbind("click"),$(window).unbind("popstate")):($(window).unbind("hashchange."+this.app.eventNamespace()),Sammy.HashLocationProxy._bindings--,Sammy.HashLocationProxy._bindings<=0&&window.clearInterval(Sammy.HashLocationProxy._interval))},
+getLocation:function(){if(this.app.supportsHistory)return window.location.pathname;else{var a=window.location.toString().match(/^[^#]*(#.+)$/);return a?a[1]:""}},setLocation:function(a){if(this.app.supportsHistory)history.pushState({path:this.path},"",a);else return window.location=a},_startPolling:function(a){var d=this;if(!Sammy.HashLocationProxy._interval){a||(a=10);var b=function(){var a=d.getLocation();(!Sammy.HashLocationProxy._last_location||a!=Sammy.HashLocationProxy._last_location)&&window.setTimeout(function(){$(window).trigger("hashchange",
+[!0])},13);Sammy.HashLocationProxy._last_location=a};b();Sammy.HashLocationProxy._interval=window.setInterval(b,a)}}};
+(function(a){var d={};Sammy=Sammy||{};Sammy.Template=function(b,c){c||(c="template");b.helper(c,function(b,c,g,h){typeof g=="undefined"&&(g=b);typeof h=="undefined"&&typeof g=="object"&&(h=g,g=b);a:{c=a.extend({},this,c);if(d[g])b=d[g];else{if(typeof b=="undefined"){b=!1;break a}h=h&&h.escape_html===!1?'",$1,"':'",h($1),"';b=d[g]=new Function("obj",'var ___$$$___=[],print=function(){___$$$___.push.apply(___$$$___,arguments);};with(obj){___$$$___.push("'+String(b).replace(/[\r\t\n]/g," ").replace(/\"/g,
+'\\"').split("<%").join("\t").replace(/((^|%>)[^\t]*)/g,"$1\r").replace(/\t=(.*?)%>/g,h).replace(/\t!(.*?)%>/g,'",$1,"').split("\t").join('");').split("%>").join('___$$$___.push("').split("\r").join("")+"\");}return ___$$$___.join('');")}b=typeof c!="undefined"?b(c):b}return b})}})(jQuery);
diff --git a/ffdemo/static/assets/js/vendor/canvas_extensions.js b/ffdemo/static/assets/js/vendor/canvas_extensions.js
new file mode 100644
index 0000000..b97706f
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/canvas_extensions.js
@@ -0,0 +1,52 @@
+CanvasRenderingContext2D.prototype.dashedLineTo = function( fromX, fromY, toX, toY, pattern ) {
+	// Our growth rate for our line can be one of the following:
+	//	 (+,+), (+,-), (-,+), (-,-)
+	// Because of this, our algorithm needs to understand if the x-coord and
+	// y-coord should be getting smaller or larger and properly cap the values
+	// based on (x,y).
+	var lt = function ( a, b ) { return a <= b; };
+	var gt = function ( a, b ) { return a >= b; };
+	var capmin = function ( a, b ) { return Math.min( a, b ); };
+	var capmax = function ( a, b ) { return Math.max( a, b ); };
+
+	// if ( typeof(pattern) != "Array" ) pattern = [pattern];
+	var checkX = { thereYet: gt, cap: capmin };
+	var checkY = { thereYet: gt, cap: capmin };
+
+	if ( fromY - toY > 0 ) {
+		checkY.thereYet = lt;
+		checkY.cap = capmax;
+	}
+	if ( fromX - toX > 0 ) {
+		checkX.thereYet = lt;
+		checkX.cap = capmax;
+	}
+
+	this.moveTo( fromX, fromY );
+	var offsetX = fromX;
+	var offsetY = fromY;
+	var idx = 0, dash = true;
+	while ( !( checkX.thereYet( offsetX, toX ) && checkY.thereYet( offsetY, toY ) ) ) {
+		var ang = Math.atan2( toY - fromY, toX - fromX );
+		var len = pattern[idx];
+
+		offsetX = checkX.cap( toX, offsetX + (Math.cos( ang ) * len ) );
+		offsetY = checkY.cap( toY, offsetY + (Math.sin( ang ) * len ) );
+
+		if ( dash ) this.lineTo( offsetX, offsetY );
+		else this.moveTo( offsetX, offsetY );
+
+		idx = ( idx + 1 ) % pattern.length;
+		dash = !dash;
+	}
+};
+CanvasRenderingContext2D.prototype.dottedArc = function( x, y, radius, startAngle, endAngle, anticlockwise ) {
+	var g = Math.PI / radius / 2, sa = startAngle, ea = startAngle + g;
+	while( ea < endAngle ) {
+		this.beginPath();
+		this.arc( x, y, radius, sa, ea, anticlockwise );
+		this.stroke();
+		sa = ea + g;
+		ea = sa + g;
+	}
+};
diff --git a/ffdemo/static/assets/js/vendor/country_codes.json b/ffdemo/static/assets/js/vendor/country_codes.json
new file mode 100644
index 0000000..0c38466
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/country_codes.json
@@ -0,0 +1 @@
+[{"code": "AF", "name": "Afghanistan"}, {"code": "AX", "name": "Aland Islands"}, {"code": "AL", "name": "Albania"}, {"code": "DZ", "name": "Algeria"}, {"code": "AS", "name": "American Samoa"}, {"code": "AD", "name": "Andorra"}, {"code": "AO", "name": "Angola"}, {"code": "AI", "name": "Anguilla"}, {"code": "AQ", "name": "Antarctica"}, {"code": "AG", "name": "Antigua and Barbuda"}, {"code": "AR", "name": "Argentina"}, {"code": "AM", "name": "Armenia"}, {"code": "AW", "name": "Aruba"}, {"code": "AU", "name": "Australia"}, {"code": "AT", "name": "Austria"}, {"code": "AZ", "name": "Azerbaijan"}, {"code": "BS", "name": "Bahamas"}, {"code": "BH", "name": "Bahrain"}, {"code": "BD", "name": "Bangladesh"}, {"code": "BB", "name": "Barbados"}, {"code": "BY", "name": "Belarus"}, {"code": "BE", "name": "Belgium"}, {"code": "BZ", "name": "Belize"}, {"code": "BJ", "name": "Benin"}, {"code": "BM", "name": "Bermuda"}, {"code": "BT", "name": "Bhutan"}, {"code": "BO", "name": "Bolivia, Plurinational State of"}, {"code": "BQ", "name": "Bonaire, Saint Eustatius and Saba"}, {"code": "BA", "name": "Bosnia and Herzegovina"}, {"code": "BW", "name": "Botswana"}, {"code": "BV", "name": "Bouvet Island"}, {"code": "BR", "name": "Brazil"}, {"code": "IO", "name": "British Indian Ocean Territory"}, {"code": "BN", "name": "Brunei Darussalam"}, {"code": "BG", "name": "Bulgaria"}, {"code": "BF", "name": "Burkina Faso"}, {"code": "BI", "name": "Burundi"}, {"code": "KH", "name": "Cambodia"}, {"code": "CM", "name": "Cameroon"}, {"code": "CA", "name": "Canada"}, {"code": "CV", "name": "Cape Verde"}, {"code": "KY", "name": "Cayman Islands"}, {"code": "CF", "name": "Central African Republic"}, {"code": "TD", "name": "Chad"}, {"code": "CL", "name": "Chile"}, {"code": "CN", "name": "China"}, {"code": "CX", "name": "Christmas Island"}, {"code": "CC", "name": "Cocos (Keeling) Islands"}, {"code": "CO", "name": "Colombia"}, {"code": "KM", "name": "Comoros"}, {"code": "CG", "name": "Congo"}, {"code": "CD", "name": "Congo, The Democratic Republic of the"}, {"code": "CK", "name": "Cook Islands"}, {"code": "CR", "name": "Costa Rica"}, {"code": "CI", "name": "Cote D'ivoire"}, {"code": "HR", "name": "Croatia"}, {"code": "CU", "name": "Cuba"}, {"code": "CW", "name": "Curacao"}, {"code": "CY", "name": "Cyprus"}, {"code": "CZ", "name": "Czech Republic"}, {"code": "DK", "name": "Denmark"}, {"code": "DJ", "name": "Djibouti"}, {"code": "DM", "name": "Dominica"}, {"code": "DO", "name": "Dominican Republic"}, {"code": "EC", "name": "Ecuador"}, {"code": "EG", "name": "Egypt"}, {"code": "SV", "name": "El Salvador"}, {"code": "GQ", "name": "Equatorial Guinea"}, {"code": "ER", "name": "Eritrea"}, {"code": "EE", "name": "Estonia"}, {"code": "ET", "name": "Ethiopia"}, {"code": "FK", "name": "Falkland Islands (Malvinas)"}, {"code": "FO", "name": "Faroe Islands"}, {"code": "FJ", "name": "Fiji"}, {"code": "FI", "name": "Finland"}, {"code": "FR", "name": "France"}, {"code": "GF", "name": "French Guiana"}, {"code": "PF", "name": "French Polynesia"}, {"code": "TF", "name": "French Southern Territories"}, {"code": "GA", "name": "Gabon"}, {"code": "GM", "name": "Gambia"}, {"code": "GE", "name": "Georgia"}, {"code": "DE", "name": "Germany"}, {"code": "GH", "name": "Ghana"}, {"code": "GI", "name": "Gibraltar"}, {"code": "GR", "name": "Greece"}, {"code": "GL", "name": "Greenland"}, {"code": "GD", "name": "Grenada"}, {"code": "GP", "name": "Guadeloupe"}, {"code": "GU", "name": "Guam"}, {"code": "GT", "name": "Guatemala"}, {"code": "GG", "name": "Guernsey"}, {"code": "GN", "name": "Guinea"}, {"code": "GW", "name": "Guinea-Bissau"}, {"code": "GY", "name": "Guyana"}, {"code": "HT", "name": "Haiti"}, {"code": "HM", "name": "Heard Island and McDonald Islands"}, {"code": "VA", "name": "Holy See (Vatican City State)"}, {"code": "HN", "name": "Honduras"}, {"code": "HK", "name": "Hong Kong"}, {"code": "HU", "name": "Hungary"}, {"code": "IS", "name": "Iceland"}, {"code": "IN", "name": "India"}, {"code": "ID", "name": "Indonesia"}, {"code": "IR", "name": "Iran, Islamic Republic of"}, {"code": "IQ", "name": "Iraq"}, {"code": "IE", "name": "Ireland"}, {"code": "IM", "name": "Isle of Man"}, {"code": "IL", "name": "Israel"}, {"code": "IT", "name": "Italy"}, {"code": "JM", "name": "Jamaica"}, {"code": "JP", "name": "Japan"}, {"code": "JE", "name": "Jersey"}, {"code": "JO", "name": "Jordan"}, {"code": "KZ", "name": "Kazakhstan"}, {"code": "KE", "name": "Kenya"}, {"code": "KI", "name": "Kiribati"}, {"code": "KP", "name": "Korea, Democratic People's Republic of"}, {"code": "KR", "name": "Korea, Republic of"}, {"code": "KW", "name": "Kuwait"}, {"code": "KG", "name": "Kyrgyzstan"}, {"code": "LA", "name": "Lao People's Democratic Republic"}, {"code": "LV", "name": "Latvia"}, {"code": "LB", "name": "Lebanon"}, {"code": "LS", "name": "Lesotho"}, {"code": "LR", "name": "Liberia"}, {"code": "LY", "name": "Libyan Arab Jamahiriya"}, {"code": "LI", "name": "Liechtenstein"}, {"code": "LT", "name": "Lithuania"}, {"code": "LU", "name": "Luxembourg"}, {"code": "MO", "name": "Macao"}, {"code": "MK", "name": "Macedonia, The Former Yugoslav Republic of"}, {"code": "MG", "name": "Madagascar"}, {"code": "MW", "name": "Malawi"}, {"code": "MY", "name": "Malaysia"}, {"code": "MV", "name": "Maldives"}, {"code": "ML", "name": "Mali"}, {"code": "MT", "name": "Malta"}, {"code": "MH", "name": "Marshall Islands"}, {"code": "MQ", "name": "Martinique"}, {"code": "MR", "name": "Mauritania"}, {"code": "MU", "name": "Mauritius"}, {"code": "YT", "name": "Mayotte"}, {"code": "MX", "name": "Mexico"}, {"code": "FM", "name": "Micronesia, Federated States of"}, {"code": "MD", "name": "Moldova, Republic of"}, {"code": "MC", "name": "Monaco"}, {"code": "MN", "name": "Mongolia"}, {"code": "ME", "name": "Montenegro"}, {"code": "MS", "name": "Montserrat"}, {"code": "MA", "name": "Morocco"}, {"code": "MZ", "name": "Mozambique"}, {"code": "MM", "name": "Myanmar"}, {"code": "NA", "name": "Namibia"}, {"code": "NR", "name": "Nauru"}, {"code": "NP", "name": "Nepal"}, {"code": "NL", "name": "Netherlands"}, {"code": "NC", "name": "New Caledonia"}, {"code": "NZ", "name": "New Zealand"}, {"code": "NI", "name": "Nicaragua"}, {"code": "NE", "name": "Niger"}, {"code": "NG", "name": "Nigeria"}, {"code": "NU", "name": "Niue"}, {"code": "NF", "name": "Norfolk Island"}, {"code": "MP", "name": "Northern Mariana Islands"}, {"code": "NO", "name": "Norway"}, {"code": "OM", "name": "Oman"}, {"code": "PK", "name": "Pakistan"}, {"code": "PW", "name": "Palau"}, {"code": "PS", "name": "Palestinian Territory, Occupied"}, {"code": "PA", "name": "Panama"}, {"code": "PG", "name": "Papua New Guinea"}, {"code": "PY", "name": "Paraguay"}, {"code": "PE", "name": "Peru"}, {"code": "PH", "name": "Philippines"}, {"code": "PN", "name": "Pitcairn"}, {"code": "PL", "name": "Poland"}, {"code": "PT", "name": "Portugal"}, {"code": "PR", "name": "Puerto Rico"}, {"code": "QA", "name": "Qatar"}, {"code": "RE", "name": "Reunion"}, {"code": "RO", "name": "Romania"}, {"code": "RU", "name": "Russian Federation"}, {"code": "RW", "name": "Rwanda"}, {"code": "BL", "name": "Saint Barthelemy"}, {"code": "SH", "name": "Saint Helena, Ascension and Tristan Da Cunha"}, {"code": "KN", "name": "Saint Kitts and Nevis"}, {"code": "LC", "name": "Saint Lucia"}, {"code": "MF", "name": "Saint Martin (French Part)"}, {"code": "PM", "name": "Saint Pierre and Miquelon"}, {"code": "VC", "name": "Saint Vincent and the Grenadines"}, {"code": "WS", "name": "Samoa"}, {"code": "SM", "name": "San Marino"}, {"code": "ST", "name": "Sao Tome and Principe"}, {"code": "SA", "name": "Saudi Arabia"}, {"code": "SN", "name": "Senegal"}, {"code": "RS", "name": "Serbia"}, {"code": "SC", "name": "Seychelles"}, {"code": "SL", "name": "Sierra Leone"}, {"code": "SG", "name": "Singapore"}, {"code": "SX", "name": "Sint Maarten (Dutch Part)"}, {"code": "SK", "name": "Slovakia"}, {"code": "SI", "name": "Slovenia"}, {"code": "SB", "name": "Solomon Islands"}, {"code": "SO", "name": "Somalia"}, {"code": "ZA", "name": "South Africa"}, {"code": "GS", "name": "South Georgia and the South Sandwich Islands"}, {"code": "ES", "name": "Spain"}, {"code": "LK", "name": "Sri Lanka"}, {"code": "SD", "name": "Sudan"}, {"code": "SR", "name": "Suriname"}, {"code": "SJ", "name": "Svalbard and Jan Mayen"}, {"code": "SZ", "name": "Swaziland"}, {"code": "SE", "name": "Sweden"}, {"code": "CH", "name": "Switzerland"}, {"code": "SY", "name": "Syrian Arab Republic"}, {"code": "TW", "name": "Taiwan, Province of China"}, {"code": "TJ", "name": "Tajikistan"}, {"code": "TZ", "name": "Tanzania, United Republic of"}, {"code": "TH", "name": "Thailand"}, {"code": "TL", "name": "Timor-Leste"}, {"code": "TG", "name": "Togo"}, {"code": "TK", "name": "Tokelau"}, {"code": "TO", "name": "Tonga"}, {"code": "TT", "name": "Trinidad and Tobago"}, {"code": "TN", "name": "Tunisia"}, {"code": "TR", "name": "Turkey"}, {"code": "TM", "name": "Turkmenistan"}, {"code": "TC", "name": "Turks and Caicos Islands"}, {"code": "TV", "name": "Tuvalu"}, {"code": "UG", "name": "Uganda"}, {"code": "UA", "name": "Ukraine"}, {"code": "AE", "name": "United Arab Emirates"}, {"code": "GB", "name": "United Kingdom"}, {"code": "US", "name": "United States"}, {"code": "UM", "name": "United States Minor Outlying Islands"}, {"code": "UY", "name": "Uruguay"}, {"code": "UZ", "name": "Uzbekistan"}, {"code": "VU", "name": "Vanuatu"}, {"code": "VE", "name": "Venezuela, Bolivarian Republic of"}, {"code": "VN", "name": "Viet Nam"}, {"code": "VG", "name": "Virgin Islands, British"}, {"code": "VI", "name": "Virgin Islands, U.S."}, {"code": "WF", "name": "Wallis and Futuna"}, {"code": "EH", "name": "Western Sahara"}, {"code": "YE", "name": "Yemen"}, {"code": "ZM", "name": "Zambia"}, {"code": "ZW", "name": "Zimbabwe"}]
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/jquery.collapsibleMod.js b/ffdemo/static/assets/js/vendor/jquery.collapsibleMod.js
new file mode 100644
index 0000000..ccaebfd
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/jquery.collapsibleMod.js
@@ -0,0 +1,102 @@
+/*
+ * makes divs with an h3 and a ul collapse. Not very useful for other things.
+ * 
+*/
+(function($) {
+	
+	$.collapsibleMod = {
+		cfg: {
+			'collapsedClass': 'collapsibleMod-collapsed',
+			'expandedClass': 'collapsibleMod-expanded',
+			'$header': null,
+			'expandedHeight': 0,
+			'collapsedHeight': 0,
+			'$content': null,
+			'collapsed': false,
+			'stateKey': '',
+			'saveState': true // when set to true, and the container ele has an id, we'll attempt to save the state between requests
+		},
+		fn: {
+			'init': function ( container, options ) {
+				var $this = $( container );
+				var context = $.extend({}, $.collapsibleMod.cfg, options );
+				
+				context.$container = $this;
+				context.$header = $this.find( 'h3:first' );
+				context.$content = $this.children().not( 'h3:first' );
+				
+				// save our height to expand to
+				context.expandedHeight = context.$content.height();
+				
+				context.$header.bind( 'click', function( e ) {
+					e.preventDefault();
+					$.collapsibleMod.fn.toggle( context );
+				} );
+				
+				// setup state saving
+				if( context.saveState && context.$container.attr( 'id' ) != "" && typeof localStorage != 'undefined' ) {
+					context.stateKey = 'collapsibleMod-state-' + context.$container.attr( 'id' );
+					$.collapsibleMod.fn.restoreState( context );
+				} else {
+					context.saveState = false;
+				}
+				
+				if ( context.collapsed ) {
+					$.collapsibleMod.fn.collapse( context );
+				} else {
+					context.$container
+						.addClass( context.expandedClass );
+				}
+				
+				$this.data( 'collapsibleMod-context', context );
+			},
+			'collapse': function ( context ) {
+				context.$container
+					.addClass( context.collapsedClass )
+					.removeClass( context.expandedClass );
+				context.$content
+					.animate( { 'height': context.collapsedHeight }, 'fast', function() {
+						if ( context.collapsedHeight == 0 )
+							context.$content.hide();
+					} );
+				context.collapsed = true;
+				$.collapsibleMod.fn.saveState( context );
+			},
+			'expand': function ( context ) {
+				context.$container
+					.removeClass( context.collapsedClass )
+					.addClass( context.expandedClass );
+					context.$content
+						.show()
+						.animate( { 'height': context.expandedHeight }, 'fast' );
+				context.collapsed = false;
+				$.collapsibleMod.fn.saveState( context );
+			},
+			'saveState': function( context ) {
+				if( context.saveState ) {
+					try {
+						localStorage.removeItem( context.stateKey );
+						localStorage.setItem( context.stateKey, context.collapsed );
+					} catch (e) {
+					 	 if ( e == QUOTA_EXCEEDED_ERR ) { /* data wasn't successfully saved due to quota exceed */ }
+					}
+				}
+			},
+			'restoreState': function( context ) {
+				if ( context.saveState && localStorage.getItem( context.stateKey ) ) {
+					context.collapsed = ( localStorage.getItem( context.stateKey ) === 'true' ) ;
+				}
+			},
+			'toggle': function ( context ) {
+				context.collapsed ? $.collapsibleMod.fn.expand( context ) : $.collapsibleMod.fn.collapse( context );
+			}
+		}
+	};
+	
+	$.fn.collapsibleMod = function ( options ) {
+		return $( this ).each( function () {
+			$.collapsibleMod.fn.init( this, options );
+		} );
+	};
+	
+})(jQuery);
diff --git a/ffdemo/static/assets/js/vendor/jquery.delayedBind.js b/ffdemo/static/assets/js/vendor/jquery.delayedBind.js
new file mode 100644
index 0000000..49e1ac5
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/jquery.delayedBind.js
@@ -0,0 +1,68 @@
+(function( $ ) {
+/**
+ * Function that escapes spaces in event names. This is needed because
+ * "_delayedBind-foo bar-1000" refers to two events
+ */
+function encodeEvent( event ) {
+	return event.replace( /-/g, '--' ).replace( / /g, '-' );
+}
+
+$.fn.extend( {
+	/**
+	 * Bind a callback to an event in a delayed fashion.
+	 * In detail, this means that the callback will be called a certain
+	 * time after the event fires, but the timer is reset every time
+	 * the event fires.
+	 * @param timeout Number of milliseconds to wait
+	 * @param event Name of the event (string)
+	 * @param data Data to pass to the event handler (optional)
+	 * @param callback Function to call
+	 */
+	delayedBind: function( timeout, event, data, callback ) {
+		var encEvent = encodeEvent( event );
+		return this.each( function() {
+			var that = this;
+			// Bind the top half
+			// Do this only once for every (event, timeout) pair
+			if (  !( $(this).data( '_delayedBindBound-' + encEvent + '-' + timeout ) ) ) {
+				$(this).data( '_delayedBindBound-' + encEvent + '-' + timeout, true );
+				$(this).bind( event, function() {
+					var timerID = $(this).data( '_delayedBindTimerID-' + encEvent + '-' + timeout );
+					// Cancel the running timer
+					if ( typeof timerID != 'undefined' )
+						clearTimeout( timerID );
+					timerID = setTimeout( function() {
+						$(that).trigger( '_delayedBind-' + encEvent + '-' + timeout );
+					}, timeout );
+					$(this).data( '_delayedBindTimerID-' + encEvent + '-' + timeout, timerID );
+				} );
+			}
+			
+			// Bottom half
+			$(this).bind( '_delayedBind-' + encEvent + '-' + timeout, data, callback );
+		} );
+	},
+	
+	/**
+	 * Cancel the timers for delayed events on the selected elements.
+	 */
+	delayedBindCancel: function( timeout, event ) {
+		var encEvent = encodeEvent( event );
+		return this.each( function() {
+			var timerID = $(this).data( '_delayedBindTimerID-' + encEvent + '-' + timeout );
+			if ( typeof timerID != 'undefined' )
+				clearTimeout( timerID );
+		} );
+	},
+	
+	/**
+	 * Unbind an event bound with delayedBind()
+	 */
+	delayedBindUnbind: function( timeout, event, callback ) {
+		var encEvent = encodeEvent( event );
+		return this.each( function() {
+			$(this).unbind( '_delayedBind-' + encEvent + '-' + timeout, callback );
+		} );
+	}
+} );
+} )( jQuery );
diff --git a/ffdemo/static/assets/js/vendor/jquery.markApp.capture.js b/ffdemo/static/assets/js/vendor/jquery.markApp.capture.js
new file mode 100644
index 0000000..fdc29e7
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/jquery.markApp.capture.js
@@ -0,0 +1,526 @@
+( function( $ ) {
+	
+	var markApp = $.markApp = $.markApp || {};
+	var modules = $.markApp.modules = $.markApp.modules || {}; 
+
+	modules.capture = {
+		defaults: {
+			state: 'intro', // possible values -> intro, drawing, submitting
+			invite_code: null,
+			locale: null,
+			contributor_type: null
+		},
+		config: {
+			captureLimit: 300,
+			layerManager: null,
+			capturedPoints: 0,
+			strokes: [],
+			framecount: 0,
+			cleanedStrokes: [],
+			lastX: null,
+			lastY: null,
+			captureTime: null,
+			rtl: null,
+			initialized: false,
+			currentStroke: null,
+			mark: null,
+			timeBetweenStrokes: 400, // the amount of time to pause between strokes
+			events: []  // unexecuted events we bind to times to 
+		},
+		// Event handlers
+		evt: {
+			resize: function ( context, e ) {
+				var lC = context.modules.capture;
+				lC.layerManager.resizeAll( context.width, context.height );
+				// redraw all marks
+				if( lC.mark && lC.mark.strokes.length > 0 ) {
+					for( var i = 0; i < lC.mark.strokes.length; i++ ) {
+						modules.capture.fn.drawStroke( context, lC.mark.strokes[i] );
+					}
+				}
+			},
+			mousemove: function( context, e ) {
+				if ( context.mouseDown && context.modules.capture.state == "drawing" )
+					modules.capture.fn.capturePoint( context );
+			},
+			mousedown: function( context, e ) {
+				switch ( context.modules.capture.state ) {
+					case "drawing":
+						// close the country select if it's open 
+						if( $( '#location-dialog' ).is( ':visible' ) ) {
+							$( '#location-dialog' )
+								.fadeOut( 'fast' );
+						}
+						// start a new mark if we need to
+						if( !context.modules.capture.mark ) modules.capture.fn.startMark( context );
+						// start a new stroke unless we already have a stroke open for some reason
+						if( !context.modules.capture.currentStroke ) modules.capture.fn.startStroke( context );
+						break;
+					case "intro":
+						// start a new mark if we need to
+						if( !context.modules.capture.mark ) modules.capture.fn.startMark( context );
+						// start a new stroke unless we already have a stroke open for some reason
+						if( !context.modules.capture.currentStroke ) modules.capture.fn.startStroke( context );
+						modules.capture.fn.endIntro( context );
+						
+						break;
+				}
+			},
+			mouseup: function( context, e ) {
+				if( context.modules.capture.state == "drawing" ) {
+					modules.capture.fn.endStroke( context );
+				}
+			},
+			ready: function ( context, e ) {
+				var lC = context.modules.capture;				
+				// hide errything
+				$( '#markmaker' )
+					.hide()
+					.children()
+					.hide();
+				// template dom is ready
+				$( '#markmaker-reset a' )
+					.addClass( 'disabled' )
+					.bind( 'mousedown', function( e ) {
+						e.preventDefault();
+						modules.capture.fn.reset( context );
+					} );
+				$( '#markmaker-submit a' )
+					.addClass( 'disabled' )
+					.bind( 'mousedown', function( e ) {
+						e.preventDefault();
+						modules.capture.fn.submit( context );
+					} );
+				// load the country codes into the dialog
+				context.fn.withCountryCodes( function ( countryCodes ) {
+					var $select = $( '#markmaker-country' );
+					for( var i = 0; i < countryCodes.length; i++ ) {
+						var $option = $( '<option />' )
+							.val( countryCodes[i].code )
+							.text( countryCodes[i].name );
+						$select.append( $option );
+					}
+				} );
+				$( '#markmaker-location a' )
+					.bind( 'mousedown', {context: context}, modules.capture.fn.locationDialogToggle );
+				$( '#markmaker-information' )
+					.bind( 'mouseover', {context: context}, modules.capture.fn.informationDialogToggle )
+					.bind( 'mouseout', {context: context}, modules.capture.fn.informationDialogToggle );
+				if ( lC.state == "drawing" ) {
+					modules.capture.fn.initDrawing( context );
+				}
+				
+				
+				$("#sammy #markmaker-country").selectBox({ autoWidth: false });
+				
+				
+			},
+			loop: function ( context, e ) {
+				var lC = context.modules.capture;
+				if ( !lC.initialized ) return;
+				// increment the frame counter
+				lC.frameCount++;
+				// Draw the cursor
+				modules.capture.fn.commonLoop( context );
+				// state specific code
+				switch( context.modules.capture.state ) {
+					case "drawing":
+						modules.capture.fn.drawLoop( context );
+						break;
+				}
+			}
+		},
+		fn: {
+			init: function ( context, options ) {
+				var lC = context.modules.capture;
+								
+				// if we've already set the interface up, just reset it
+				if ( '$capture' in lC ) {
+					// FIXME -- this reinit portion could use some love
+					if( 'state' in options ) {
+						modules.capture.fn.reset( context );
+						if ( options['state'] == 'drawing' ) {
+							if( context.mouseDown )
+								context.fn.trigger( 'mousedown' );
+						}
+						lC.state = options['state'];
+						modules.capture.fn.initDrawing( context );
+					}
+				} else {
+					// allow defaults to be overriden
+					$.extend( lC, modules.capture.defaults );
+					$.extend( lC, options );
+					// but not the cofig
+					$.extend( lC, modules.capture.config );
+					// DOM setup
+					lC.$capture = $( '<div />' )
+						.addClass( "capture-container" );
+					context.$container
+						.css( { 'zIndex': 100, 'cursor': 'none' } )
+						.append( lC.$capture );
+
+					lC.layerManager = new Mark.layerManager( lC.$capture.get( 0 ) );
+
+					// add two layers for the interface to use
+					lC.layerManager.addLayer( 'drawnLayer' );
+					lC.layerManager.addLayer( 'liveDrawingLayer' );
+
+					// trigger resize so our new layers are sized to fit
+					context.fn.trigger( 'resize' );
+					
+					lC.initialized = true;
+				}
+			},
+			deinit: function( context ) {
+				var lC = context.modules.capture;
+				// fade out our container
+				lC.$capture.fadeOut( 'fast', function () {
+					// remove all our layers
+					lC.layerManager.removeAll();
+					lC.$capture.remove();
+					lC.initialized = false;
+				} );
+			},
+			initIntro: function ( context ) {
+				
+			},
+			initDrawing: function ( context ) {
+				var lC = context.modules.capture;
+				// hide any intro stuff that might be being displayed
+				if( $( '#browse-marks' ).is( ':visible' ) ) {
+					$( '#browse-marks, #click-anywhere, #intro-main-copy' )
+						.fadeOut( 'fast' );
+					$( '#markmaker-legal-line' ).fadeIn( 'slow' );
+				} 
+				$( '#markmaker' ).css( 'background-position', '0 ' + ( context.height - 140 ) + 'px' );
+				// update our resize handler 
+				$( '#markmaker' )
+					.unbind( 'resize.markApp' )
+					.bind( 'resize.markApp', function ( e, w, h ) {
+						$( '#markmaker' ).css( 'background-position', '0 ' + ( context.height - 140 ) + 'px' );
+						
+						// if there are dialogs open, reposition them
+						if( $( '#location-dialog:visible').size() > 0  ) {
+							$( '#location-dialog:visible' )
+								.css( {
+									'bottom': $( '#markmaker-location' ).height() + 25,
+									'left':  $( '#markmaker-location' ).offset().left + 32
+								} );
+						}
+					} );
+				if( !$( '#markmaker' ).is( ':visible' ) ) {
+					$( '#markmaker' )
+						.width( 0 )
+						.show()
+						.animate( { 'width': context.width }, 'slow', function () {
+							$( '#markmaker-controls' ).fadeIn( 'slow', function() {
+								$( '#markmaker-information' ).fadeIn( 'slow' );
+							} );
+							$( '#markmaker-legal-line' ).fadeIn( 'slow' );
+						} );
+				} else {
+					$( '#markmaker-controls' ).fadeIn( 'slow', function() {
+						$( '#markmaker-information' ).fadeIn( 'slow' );
+					} );
+				}
+				
+				// special cases
+				if ( lC.invite_code && lC.contributor_type == "t" ) {
+					lC.captureLimit = 1000;
+					lC.$capture.addClass( 'translator' );
+					$( '#translator-fields' )
+						.find( '#translator-locale' )
+							.text( "'" + context.locale + "'" )
+							.end()
+						.collapsibleMod( )
+						.fadeIn( 'slow' );
+				} else if ( lC.invite_code && lC.contributor_type == "c" ) {
+					lC.$capture.addClass( 'contributor' );
+					$( '#contributor-fields' )
+						.collapsibleMod( )
+						.fadeIn( 'slow' );
+				}
+			},
+			// fades out the intro content and switches into drawing mode
+			endIntro: function ( context ) {
+				var lC = context.modules.capture;
+				// switch to drawing mode
+				context.app.setLocation( '#/mark/new' );
+			},
+			locationDialogToggle: function ( e, context ) {
+				e.preventDefault();
+				if( $( '#location-dialog' ).is( ':visible' ) ) {
+					$( '#location-dialog' )
+						.fadeOut( 'fast' );
+				} else {
+					$( '#location-dialog' )
+						.fadeIn( 'fast' )
+						.css( {
+							'bottom': $( '#markmaker-location' ).height() + 25,
+							'left':  $( '#markmaker-location' ).offset().left + 32
+						} );
+				}
+			},
+			informationDialogToggle: function ( e, context ) {
+				e.preventDefault();
+				if( e.type == "mouseout") {
+					$( '#information-dialog' )
+						.fadeOut( 'fast' );
+				} else {
+					$( '#information-dialog' )
+						.fadeIn( 'fast' )
+						.css( {
+							'bottom': $( '#markmaker-information' ).height() + 36,
+							'left':  $( '#markmaker-information' ).offset().left - $( '#information-dialog' ).width() + 30
+						} );
+				}
+			},
+			startMark: function ( context ) {
+				var lC = context.modules.capture;
+				// setup the mark
+				lC.captureTime = ( new Date() ).getTime();
+				lC.rtl = context.mouseX > $( window ).width() / 2;
+				lC.mark = new Mark.gmlMark( [], '', '', lC.captureTime, lC.rtl );
+				// remove the disabled styling from the submit and reset buttons
+				$( '#markmaker-submit a, #markmaker-reset a' ).removeClass( 'disabled' );
+			},
+			endMark: function ( context ) {
+				var lC = context.modules.capture;
+				// close out the mark and prep for submission
+				lC.mark.setupVars();
+			},
+			startStroke: function ( context ) {
+				// start a new, empty stroke
+				var lC = context.modules.capture;
+				lC.currentStroke = [];
+				// set the time relative to the last stroke, plus an offset
+				if( lC.strokes.length > 0 )
+					lC.captureTime = ( new Date() ).getTime() - 
+						( lC.strokes[lC.strokes.length - 1][lC.strokes[lC.strokes.length - 1].length - 1].time + lC.timeBetweenStrokes );
+			},
+			endStroke: function ( context ) {
+				var lC = context.modules.capture;
+				// ignore strokes with less than three points
+				if ( lC.currentStroke.length > 2 ) {
+					// close out this stroke
+					lC.strokes.push( lC.currentStroke );
+					// run the simplification algorithim
+					var simpStroke = Mark.simplification.simplifyPath( lC.currentStroke, 1 );
+					// run the weighting algorithm 
+					simpStroke = Mark.simplification.weightPath( simpStroke, [5,10,20,40] );
+					lC.mark.strokes.push( simpStroke );
+					lC.cleanedStrokes.push( simpStroke );
+					// draw this stroke the to drawn layer
+					modules.capture.fn.drawStroke( context, simpStroke );
+					// recalculate the captured point count
+					lC.capturedPoints -= lC.currentStroke.length - simpStroke.length;
+				}
+				// set the currentStroke to null 
+				lC.currentStroke = null;
+			},
+			capturePoint: function ( context ) {
+				var lC = context.modules.capture;
+				if( lC.capturedPoints > lC.captureLimit ) {
+					context.fn.trigger( 'mouseup' );
+					modules.capture.fn.closeShop( context );
+					return;
+				}
+				var time = ( new Date() ).getTime();
+				// create a new point and add it to the current stroke
+				var point = new Mark.gmlPoint( context.mouseX, context.mouseY, time - lC.captureTime, 0 );
+				if( lC.currentStroke.length > 0 ) {
+					var lastPoint = lC.currentStroke[lC.currentStroke.length - 1];
+					point.speed = lastPoint.speedToPoint( point );
+					point.setAngleFromPoint( lastPoint );
+					point.smoothAgainst( lastPoint, 1/100 );
+				} else {
+					// if this isn't the first stroke, draw a connecting line
+					if( lC.strokes.length >= 1 ) {
+						modules.capture.fn.drawGuide( lC.layerManager.layers['drawnLayer'].context, lC.lastX, lC.lastY, point.x, point.y );
+					}
+				}
+				lC.currentStroke.push( point );
+				lC.lastX = point.x;
+				lC.lastY = point.y;
+			
+				// increment our total points counter
+				lC.capturedPoints++;
+			},
+			reset: function ( context ) {
+				var lC = context.modules.capture;
+				lC.layerManager.layers['liveDrawingLayer'].clean();
+				lC.layerManager.layers['drawnLayer'].clean();
+				lC.capturedPoints = 0;
+				lC.rtl = null;
+				lC.mouseDown = false
+				lC.lastX = null;
+				lC.lastY = null;
+				lC.strokes = [];
+				lC.currentStroke = null;
+				lC.mark = null;
+				lC.captureTime = null;
+				lC.state = "drawing";
+				$( '#markmaker-submit a, #markmaker-reset a' ).addClass( 'disabled' );
+				$( '#markapp' ).css( { 'cursor': 'none' } );
+				$( '#markmaker-instructions' ).fadeIn();
+			},
+			closeShop: function( context ) {
+				var lC = context.modules.capture;
+				lC.state = 'preview';
+				// close the mark
+				modules.capture.fn.endMark( context );
+				// clear the drawing layer
+				lC.layerManager.layers['liveDrawingLayer'].clean();
+				// if the user is out of points, draw the line to the opposite side of the screen
+				var g = lC.layerManager.layers['liveDrawingLayer'].context,
+					x = lC.lastX,
+					y = lC.lastY;
+				g.strokeStyle = 'rgba(0,0,0,0.2)';
+				g.lineWidth = 1;
+				g.beginPath();
+				g.dashedLineTo( x, y, lC.rtl ? 0 : lC.layerManager.layers['liveDrawingLayer'].canvas.width, y, [7, 5] );
+				g.closePath();
+				g.stroke();
+				// set our cursor back to normal
+				$( '#markapp' ).css( { 'cursor': 'default' } );
+			},
+			submit: function( context ) {
+				var lC = context.modules.capture;
+				if( lC.state == "submitting" ) return;
+				if( lC.state != "preview" ) modules.capture.fn.closeShop( context );
+				// process our points, and send them off
+				lC.state = "submitting";
+				$( '#markmaker-submit a' ).addClass( 'disabled' );
+				var data = {};
+				data.rtl = lC.rtl;
+				data.strokes = lC.strokes;
+				//data.locale = cfg.locale; // TODO - impliment location awareness
+				var points_obj = JSON.stringify( data );
+				var points_obj_simplified = JSON.stringify( lC.mark );
+				var country_code = $( '#markmaker-country' ).val() == "label" ? "" : $( '#markmaker-country' ).val();
+				// show loader
+				context.fn.showLoader( context.fn.getString( 'submitting-mark' ) );
+				var params = {
+					'points_obj': points_obj,
+					'points_obj_simplified': points_obj_simplified,
+					'country_code': country_code
+				};
+				if ( lC.invite_code && lC.contributor_type == "t" ) {
+					params.contributor_locale = context.locale;
+					params.invite = lC.invite_code;
+				} else if (lC.invite_code && lC.contributor_type == "c" ) {
+					params.contributor = $( '#contributor-name' ).val();
+					// add the quote as the marks extra_info
+					lC.mark.extra_info = $( '#contributor-quote' ).val();
+					// re-stringify our points obj
+					params.points_obj_simplified = JSON.stringify( lC.mark );
+					params.invite = lC.invite_code;
+				}
+				$.ajax( {
+					url: '/requests/save_mark',
+					data: params,
+					type: 'POST',
+					dataType: 'JSON',
+					success: function( data ) {
+						// if we submitted a locale, the mark wont be in the line, so just start at the beginning
+						if ( params.contributor_locale ) {
+							context.app.setLocation( '#/linear/' );
+							context.fn.hideLoader();
+						} else {
+							// store the users mark for later access
+							context.fn.storeData( 'userMark', { 'reference': data.mark_reference, 'country_code': country_code } );
+							// now tell the app to redirect to our FRESH mark
+							context.app.setLocation( '#/linear/'+ data.mark_reference + '?playback=true' );
+							// hide loader
+							context.fn.hideLoader();
+						}
+
+					},
+					error: function( data ) {
+						context.fn.showError( context.fn.getString( 'submit-error' ) );
+					}
+				} );
+				return false;
+			},
+			drawStroke: function ( context, stroke ) { 
+				var lC = context.modules.capture;
+				Mark.thickBrush( lC.layerManager.layers['drawnLayer'].context, [stroke] );
+				lC.layerManager.layers['drawnLayer'].context.fillStyle = "rgba(255,255,255,0.3)";
+				lC.layerManager.layers['drawnLayer'].context.strokeStyle = "rgba(255,255,255,0.3)";
+				Mark.circleBrush( lC.layerManager.layers['drawnLayer'].context, [stroke] );
+			},
+			drawGuide: function( g, x1, y1, x2, y2 ) {
+				g.strokeStyle = 'rgba(0,0,0,0.2)';
+				g.lineWidth = 1;
+				g.beginPath();
+				g.dashedLineTo( x1, y1, x2, y2, [7, 5] );
+				g.closePath();
+				g.stroke();
+			},
+			drawCursor: function ( g, x, y, per ) {
+				g.strokeStyle = '#ff5400';
+				g.fillStyle = '#000000';
+				// draw stroke
+				g.beginPath();
+				g.moveTo( x, y );
+				g.lineTo( x + 1, y - 8 );
+				g.lineTo( x + 20, y - 27 );
+				g.lineTo( x + 23, y - 23 );
+				g.lineTo( x, y );
+				g.closePath();
+				g.stroke();
+				// draw filling
+				per *= 18.5;
+				per += 4.5;
+				g.beginPath();
+				g.moveTo( x, y );
+				g.lineTo( x + 1, y - 8 );
+				g.lineTo( x + ( per - 3 ), y - ( per + 4 ) );
+				g.lineTo( x + per, y - per );
+				g.lineTo( x, y );
+				g.closePath();
+				g.fill();
+			},
+			commonLoop: function( context ) {
+				var lC = context.modules.capture;
+				
+				// clear the drawing layer
+				lC.layerManager.layers['liveDrawingLayer'].clean();
+				
+				// draw the cursor if the cursor is in the frame
+				if( context.mouseIn && ( lC.state == "drawing" || lC.state == "intro" ) ) {
+					modules.capture.fn.drawCursor( lC.layerManager.layers['liveDrawingLayer'].context, context.mouseX, context.mouseY, ( lC.captureLimit - lC.capturedPoints ) / lC.captureLimit  );
+				}
+			},
+			introLoop: function( context ) {
+				
+			},
+			drawLoop: function( context ) {
+				var lC = context.modules.capture;
+				// Clean the drawing layer
+				if( lC.currentStroke && lC.currentStroke.length > 0 ) {
+					// draw out what we've got in the stroke buffer
+					Mark.thickBrush( lC.layerManager.layers['liveDrawingLayer'].context, [lC.currentStroke] );
+					lC.layerManager.layers['liveDrawingLayer'].context.fillStyle = "rgba(255,255,255,0.3)";
+					lC.layerManager.layers['liveDrawingLayer'].context.strokeStyle = "rgba(255,255,255,0.3)";
+					Mark.circleBrush( lC.layerManager.layers['liveDrawingLayer'].context, [lC.currentStroke] );
+				}
+				if( ! context.mouseIn ) return;
+				if( ! context.mouseDown ) {
+					// draw the guide
+					var x, y;
+					if( lC.strokes.length == 0 ) {
+						x = context.mouseX > $( window ).width() / 2 ? lC.layerManager.layers['liveDrawingLayer'].canvas.width : 0,
+						y = context.mouseY;
+					} else {
+						x = lC.lastX;
+						y = lC.lastY;
+					}
+					modules.capture.fn.drawGuide( lC.layerManager.layers['liveDrawingLayer'].context, x, y, context.mouseX, context.mouseY );
+				}
+				
+			}
+		}
+	};
+	
+}( jQuery ) );
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/jquery.markApp.intro.js b/ffdemo/static/assets/js/vendor/jquery.markApp.intro.js
new file mode 100644
index 0000000..975fe70
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/jquery.markApp.intro.js
@@ -0,0 +1,310 @@
+( function( $ ) {
+	
+	// support loose augmentation
+	markApp = $.markApp = $.markApp || {};
+	modules = $.markApp.modules = $.markApp.modules || {};
+	
+	// Code for introducing the site. 
+	// runs quickly, then unloads
+	// store all data in a flat json file that django recompiles after a new intro mark is added 
+	modules.intro = {
+		defaults: {
+			// optional reference mark -- will init the visualization on this mark if passed
+			reference_mark: null
+		},
+		config: {
+			// all marks held here
+			marks: {},
+			animationMarks: ['vVR', 'myWb'],
+			playbackTimes: {},
+			vizScene: null, // for rendering the viz preview
+			textScene: null, // for rendering tahe extra text 
+			// layer manager
+			layerManager: null,
+			// boolean flag to indicate if this module is fully setup
+			initialized: false,
+			eventChange: false,
+			curLocaleMark: null,
+			animationComplete: false,
+			tweens: {}
+		},
+		evt: {
+			resize: function( context, e ) {
+				context.modules.intro.layerManager.resizeAll( context.width, context.height );
+				context.modules.intro.eventChange = true;
+				
+				if ( context.modules.intro.xAnimationComplete ) {
+					// redraw the X
+					modules.intro.fn.drawX( context );
+					// reposition and redraw the translateMark
+					
+				}
+				
+			},
+			loop: function ( context, e ) {
+				var lC = context.modules.intro;
+
+				// update the position of the camera and draw the viz preview
+				TWEEN.update();
+				lC.layerManager.layers['viz'].clean();
+				Mark.renderer.renderScene( lC.vizScene, { width: context.width, height: context.height } );
+				
+				if( lC.curLocaleMark || lC.xMark ) {
+					lC.layerManager.layers['mainMark'].clean();
+					// render the locale mark
+					if( lC.curLocaleMark ) {
+							var scale = 500 / lC.curLocaleMark.bWidth;
+							Mark.renderer.renderMark( 
+								lC.layerManager.layers['mainMark'].context, 
+								lC.curLocaleMark, 
+								{ offset: {x: (context.width / 2) - 115, y: context.height - 240 }, 
+									scale: {x: scale, y: scale, thickness: scale},
+									color: '255,84,0',
+									timer: lC.textScene.timers[lC.curLocaleMark.reference] } );
+					}
+					if ( lC.xMark ) {
+						// RENDER THE X
+						var xScale = ( ( ( context.width / 2 ) - 200 ) / lC.xMark.bWidth );
+						var yScale = ( ( context.height + 200 ) / lC.xMark.bHeight );
+						Mark.renderer.renderMark( 
+							lC.layerManager.layers['mainMark'].context, 
+							lC.xMark, 
+							{ offset: {x: 10, y: -100 }, 
+								scale: {x: xScale, y: yScale, thickness: 5},
+								color: '0,0,0',
+								timer: lC.textScene.timers[lC.xMark.reference] } );
+					}
+				}
+			},
+			ready: function( context, e ) {
+				$( '#markmaker' )
+					.hide()
+					.children()
+					.hide();
+				/* 
+				 * Here's the order in which we want to run this intro
+				 * 1. quick viz preview with make your mark in varying languages (2 sec)
+				 * 2. dotted line animated across the screen as the viz preview fades out ( 1 sec)
+				 * 3. big X draws in (2 sec)
+				 * 4. dom elements animate up (1 sec)
+				 * 5. Make your Mark draws in (4 sec)
+				 * 
+				 * If any part of this fails, we revert to a simple intro where our intro screens if faded in.
+				 *
+				 */
+				$.when( modules.intro.fn.initInterface( context ), modules.intro.fn.loadMarks( context ) )
+						.then( function() { modules.intro.fn.runVizPreview( context ); } )
+						.then( function() { modules.intro.fn.startDomAnimation( context ); } )
+						.fail( function() { modules.intro.fn.simpleIntro( context ); } );
+			}
+		},
+		fn: {
+			init: function( context, options ) {
+				var lC = context.modules.intro;
+				if ( lC.initialized ) {
+					// this module isn't really intended to be reloaded
+					// now our options into our context
+					$.extend( lC, lC, options );
+					// since merging won't replace null or undefined values, make sure we clean up after it
+					for( option in modules.intro.defaults ) {
+						if ( options[option] == null ) lC[option] = modules.intro.defaults[option];
+					}
+				} else {
+					// allow defaults to be overriden
+					$.extend( lC, modules.intro.defaults, options );
+					// but not the cofig
+					$.extend( lC, lC, modules.intro.config );
+
+					// DOM setup
+					lC.$intro = $( '<div />' )
+						.addClass( "intro-container" );
+					context.$container
+						.append( lC.$intro );
+
+					// scene setup
+					lC.vizScene = new Mark.scene();
+					lC.textScene = new Mark.scene();
+					
+					// layer setup
+					lC.layerManager = new Mark.layerManager( lC.$intro.get( 0 ) );
+					// we draw the viz preview to this
+					lC.layerManager.addLayer( 'viz' );
+					lC.vizScene.canvasContext = lC.layerManager.layers['viz'].context;
+					// and then the 'Make Your Mark' on this
+					lC.layerManager.addLayer( 'mainMark' );
+					lC.textScene.canvasContext = lC.layerManager.layers['mainMark'].context;
+					// and for the X
+					lC.layerManager.addLayer( 'X' );
+					// trigger resize so our new layers are sized to fit
+					context.fn.trigger( 'resize' );
+					
+					lC.initialized = true;
+					
+				}
+			},
+			deinit: function( context ) {
+				var lC = context.modules.intro;
+				lC.$intro.fadeOut( 'fast', function () {
+					// remove all our layers
+					lC.layerManager.removeAll();
+					lC.$intro.remove();
+					lC.initialized = false;
+				} );
+			},
+			initInterface: function ( context ) {
+				$( '#markmaker' )
+					.unbind( 'resize.markApp' )
+					.bind( 'resize.markApp', function ( e, w, h ) {
+						// reposition the elements
+						var rAnchor = ( w / 2 ) + 485;
+						var bOffset = ( h - 140 ); // position of the background graphic
+						var wasHidden = false;
+						$( '#markmaker' ).css( 'background-position', '0 ' + bOffset + 'px' );
+						// if these aren't shown yet, do this quick trick
+						if( !$( '#markmaker' ).is( ':visible' ) ) {
+							wasHidden = true;
+							$( '#markmaker, #browse-marks, #click-anywhere, #intro-main-copy' )
+								.css( { 'display': 'block' } );
+						}
+						$( '#browse-marks' )
+							.css( { 'top': bOffset - 50, 'left': rAnchor - 85 } );
+						$( '#click-anywhere' )
+							.css( { 'top': bOffset + 12, 'left': rAnchor - $( '#intro-main-copy' ).width() } );
+						$( '#intro-main-copy' )
+							.css( { 'top': bOffset - $( '#intro-main-copy' ).height() - 100, 'left': rAnchor - $( '#intro-main-copy' ).width() } );
+						if( wasHidden ) {
+							$( '#markmaker, #browse-marks, #click-anywhere, #intro-main-copy' )
+								.css( { 'display': 'none' } );
+						}
+					} )
+					.trigger( 'resize.markApp', [context.width, context.height] )
+					.width( 0 )
+					.height( context.height );
+					
+				
+			},
+			loadMarks: function( context ) {
+				return $.ajax( {
+						url: '/requests/get_translated_marks',
+						dataType: 'JSON'
+					} )
+					.success( function ( data ) {
+						modules.intro.fn.setupMarks( context, data.marks );
+					} );
+			},
+			setupMarks: function( context, marks ) {
+				var lC = context.modules.intro;
+				// FXIME - if this is empty, throw an error
+				if( typeof marks === "undefined" || marks.length == 0 ) return;
+				// set our layer's visiblity to 0
+				$( lC.layerManager.layers['viz'].canvas ).css( 'opacity', 0 );
+				// sort the marks randomly
+				marks.sort( function( a, b ) { return ( Math.round( Math.random() ) - 0.5 ); } );
+				// // duplicate marks until we've got 25
+				// 			while ( marks.length < 25 ) {
+				// 				marks = marks.concat( marks );
+				// 			}
+				var pMark = null;
+				// add them to the scene
+				for ( var i = 0; i < marks.length; i++ ) {
+					try { 
+						var points_obj = JSON.parse( marks[i].points_obj_simplified );
+						var mark = new Mark.gmlMark( points_obj.strokes, marks[i].reference, marks[i].country_code, marks[i].date_drawn, points_obj.rtl, marks[i].id, marks[i].is_approved );
+						if ( !lC.currentMark ) lC.currentMark = mark;
+						// if we dont have a permanant ref to this mark yet, create it
+						if( !( marks[i].reference in lC.marks ) ) {
+							lC.marks[mark.reference] = mark;
+						}
+						// position this mark relative to the last one
+						if ( pMark ) mark.positionRelativeTo( pMark, false );
+						if ( marks[i].contributor_locale == context.locale || !lC.curLocaleMark ) {
+							var distantFuture = ( new Date() ).getTime() * 3;
+							lC.curLocaleMark = new Mark.gmlMark( points_obj.strokes, marks[i].reference, marks[i].country_code, marks[i].date_drawn, points_obj.rtl, marks[i].id, marks[i].is_approved );
+							lC.textScene.timers[lC.curLocaleMark.reference] = { 'start': distantFuture, 'end': distantFuture + lC.curLocaleMark.maxTime, 'speed': 2 };
+							
+						}
+							
+						lC.vizScene.objects.push( mark );
+						pMark = mark;
+					} catch ( e ) {
+						// console.warn( "Mark failed import", marks[i].reference );
+					}
+					
+				}
+			},
+			runVizPreview: function ( context ) {
+				var lC = context.modules.intro;
+				// can't do this on less than three marks
+				if( lC.vizScene.objects.length < 3 ) return;
+				// move the camera way back
+				lC.vizScene.camera.position.x = -2000;
+				lC.vizScene.camera.position.z = -3000;
+				var targetMark = lC.vizScene.objects[lC.vizScene.objects.length - 2];
+				// tween the camera on down the line
+				var tween = new TWEEN.Tween( lC.vizScene.camera.position );
+				tween
+					.to( { 
+						x: targetMark.position.x + (targetMark.bWidth / 2),
+						y: targetMark.position.y + (targetMark.bHeight / 2),
+						z: targetMark.position.z - 2000 }, 6000 )
+					.onComplete( function( ) {
+						delete lC.tweens['cameraEase'];
+					} )
+					.easing( TWEEN.Easing.Quartic.EaseInOut )
+					.start();
+				lC.tweens['cameraEase'] = tween;
+				$( lC.layerManager.layers['viz'].canvas )
+					.animate( { opacity: '1' }, 'slow' )
+					.delay( 2000 )
+					.animate( { opacity: '0.1'}, 'slow' );
+				// delay the dom animation
+				$( '#markmaker' )
+					.delay( 3000 );
+			},
+			startDomAnimation: function ( context ) {
+				var lC = context.modules.intro;
+				$( '#markmaker' )
+				.width( 0 )
+				.show()
+				.animate( { 'width': context.width }, 'slow', function () {
+					modules.intro.fn.startMarkAnimations( context );
+					$( '#intro-main-copy' ).fadeIn( 'slow' );
+					$( '#click-anywhere' ).delay( 200 ).fadeIn( 'slow' );
+					$( '#browse-marks' ).delay( 100 ).fadeIn( 'slow' );
+				} );
+			},
+			startMarkAnimations: function ( context ) {
+				var lC = context.modules.intro;
+				modules.intro.fn.drawX( context );
+				// start drawing the translated mark
+				if( lC.curLocaleMark ) {
+					var now = ( new Date() ).getTime() + 2000;
+					lC.textScene.timers[lC.curLocaleMark.reference] = { 'start': now, 'end': now + lC.curLocaleMark.maxTime, 'speed': 2 };
+				}
+			},
+			drawX: function ( context ) {
+				var lC = context.modules.intro;
+				// draw the X, with hardcoded data? good idea? maybe?
+				var xMarkData = {"strokes":[[{"x":177,"y":0,"z":0,"time":51,"speed":0,"angle":0,"significance":5},{"x":129,"y":60,"z":0,"time":255,"speed":0.45069390943299864,"angle":0.5880026035475675,"significance":1},{"x":123,"y":65,"z":0,"time":271,"speed":0.4931203163041915,"angle":0.7853981633974483,"significance":1},{"x":103,"y":89,"z":0,"time":339,"speed":0.45069390943299864,"angle":0.5880026035475675,"significance":1},{"x":56,"y":139,"z":0,"time":503,"speed":0.45073896963561083,"angle":0.7853981633974483,"significance":1},{"x":38,"y":162,"z":0,"time":584,"speed":0.3572203090978693,"angle":0.46364760900080615,"significance":1},{"x":9,"y":192,"z":0,"time":691,"speed":0.3535533905932738,"angle":0.7853981633974483,"significance":1},{"x":0,"y":206,"z":0,"time":727,"speed":0.45069390943299864,"angle":0.5880026035475675,"significance":5}],[{"x":11,"y":23,"z":0,"time":1178,"speed":0,"angle":0,"significance":5},{"x":30,"y":49,"z":0,"time":1246,"speed":0.32424352695503,"angle":5.639684198386302,"significance":1},{"x":55,"y":77,"z":0,"time":1321,"speed":0.48790367901871773,"angle":5.497787143782138,"significance":1},{"x":72,"y":100,"z":0,"time":1367,"speed":0.5216642390945547,"angle":5.695182703632019,"significance":1},{"x":85,"y":113,"z":0,"time":1408,"speed":0.5355917833779965,"angle":5.497787143782138,"significance":2},{"x":154,"y":175,"z":0,"time":1662,"speed":0.3311927108182759,"angle":5.497787143782138,"significance":1},{"x":186,"y":196,"z":0,"time":1802,"speed":0.2849548128987055,"angle":5.497787143782138,"significance":5}]],"country_code":"","time":1300925747439,"rtl":false,"maxTime":1802,"reference":"","hoverState":false,"renderedBounds":null,"id":null,"contributor_name":null,"extra_info":null,"color":"0,0,0","hoverColor":"0,139,211","x":454,"y":199,"position":{"x":0,"y":0,"z":0},"rotationAngle":{"x":0,"y":0,"z":0},"sX":0,"sY":0,"bWidth":186,"bHeight":206};
+				
+				lC.xMark = new Mark.gmlMark( xMarkData.strokes, "xMark" );
+				
+				lC.textScene.objects.push( lC.xMark ); 
+				var now = ( new Date() ).getTime();
+				lC.textScene.timers[lC.xMark.reference] = { 'start': now, 'end': now + lC.xMark.maxTime, 'speed': 1 };
+			},
+			// fallback function that doesn't bother with anything but the DOM elements
+			simpleIntro: function ( context ) {
+				var lC = context.modules.intro;
+				$( '#markmaker' )
+				.width( 0 )
+				.show()
+				.animate( { 'width': context.width }, 'slow', function () {
+					$( '#intro-main-copy' ).fadeIn( 'slow' );
+					$( '#click-anywhere' ).delay( 200 ).fadeIn( 'slow' );
+					$( '#browse-marks' ).delay( 100 ).fadeIn( 'slow' );
+				} );
+			}
+		}
+	};
+}( jQuery ) );
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/jquery.markApp.js b/ffdemo/static/assets/js/vendor/jquery.markApp.js
new file mode 100644
index 0000000..d0faede
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/jquery.markApp.js
@@ -0,0 +1,317 @@
+( function( $ ) {
+		
+	// The markApp namespace is used for storing available module code, instances of markApp, and any context free functions
+	$.markApp = {
+		// holds all available modules
+		modules: {},
+		// we keep track of all instances of markApp in here
+		instances: [],
+		// helper functions go here
+		fn: {}
+	};
+	
+	// Creates a markApp instances with an element, and handles function calls on the instance
+	$.fn.markApp = function( options ) {
+		var $this = $( this );
+		// The context each markApp instance is stored as data on that element
+		var context = $this.data( 'markApp-context' );
+		// On first call, we need to set things up, but on all following calls we can skip right to the API handling
+		if ( !context || typeof context == 'undefined' ) {
+			context = {
+				// useful variables -- jquery objects get prefixed with $
+				app: null,
+				$container: $this,
+				frameCount: 0,
+				width: 0,
+				height: 0,
+				minWidth: 700,
+				minHeight: 500,
+				countries: [],
+				mouseX: null,
+				mouseY: null,
+				mouseDown: false,
+				mouseIn: false,
+				modules: {},
+				usersMark: null,
+				translatedStrings: {},
+				locale: ( window.location.pathname.split("/").length > 1 ) ? window.location.pathname.split("/")[1] : "en", // locale -- set by URL, default to 'en'
+				instance: $.markApp.instances.push( $this ) - 1,   // store this instances index in the global instace array
+				// events
+				evt: {
+					resize: function( e ) {
+						var availableWidth = $( window ).width();
+						var availableHeight = $( window ).height() -  ( $( 'header' ).height() + $( '#callout-boxes' ).height() );
+						if ( availableWidth < context.minWidth ) availableWidth = context.minWidth;
+						if ( availableHeight < context.minHeight ) availableHeight = context.minHeight;
+						context.$container.parent().width( availableWidth );
+						context.$container.parent().height( availableHeight );
+						context.width = availableWidth;
+						context.height = availableHeight;
+						// resize any elements with the autoResize class
+						$( '.autoResize' )
+							.height( availableHeight )
+							.width( availableWidth )
+							.trigger( 'resize.markApp', [availableWidth, availableHeight] );
+					},
+					mousemove: function( e ) {
+						context.mouseX = e.layerX;
+						context.mouseY = e.layerY;
+					},
+					mousedown: function( e ) {
+						if( 'preventDefault' in e ) e.preventDefault();
+						context.mouseDown = true;
+					},
+					mouseup: function( e ) {
+						if( 'preventDefault' in e ) e.preventDefault();
+						context.mouseDown = false;
+					},
+					mouseover: function( e ) {
+						if( 'preventDefault' in e ) e.preventDefault();
+						context.mouseIn = true;
+					},
+					mouseout: function( e ) {
+						if( 'preventDefault' in e ) e.preventDefault();
+						context.mouseX = null;
+						context.mouseY = null;
+						context.mouseIn = false;
+					},
+					ready: function ( e ) {
+						// refresh our translations
+						context.fn.loadTranslations();
+					}
+				},
+				// publicly accessible functions
+				public_fn: {
+					addModule: function( context, data ) {
+						var moduleName,
+							moduleOptions = {};
+						if( typeof data == "string" ) {
+							moduleName = data
+						} else if( typeof data == "object" ) {
+							for ( var moduleData in data ) {
+								moduleName = moduleData
+								moduleOptions = data[moduleData];
+								break;
+							}
+						}
+						if( $.markApp.modules[moduleName] ) {
+							// give this module it's own space for storing stuff if it doesn't already have it
+							context.modules[moduleName] = context.modules[moduleName] || {};
+							// if it has an init function, run it
+							if( 'init' in $.markApp.modules[moduleName].fn )
+								$.markApp.modules[moduleName].fn.init( context, moduleOptions );
+						}
+					},
+					unloadModule: function( context, moduleName ) {
+						if( moduleName == "all" ) {
+							// unload all the currently loaded modules
+							for ( moduleName in context.modules ) {
+								// if it has a deinit function, run it
+								if( 'deinit' in $.markApp.modules[moduleName].fn )
+									$.markApp.modules[moduleName].fn.deinit( context );
+								// remove it from our modules
+								delete context.modules[moduleName];
+							}
+						} else if ( moduleName in context.modules ) {
+							// if it has a deinit function, run it
+							if( 'deinit' in $.markApp.modules[moduleName].fn )
+								$.markApp.modules[moduleName].fn.deinit( context );
+							// remove it from our modules
+							delete context.modules[moduleName];
+						}
+					}
+				},
+				// internal functions
+				fn: {
+					// trigger event handlers on modules
+					trigger: function( eventName, eventObj, args ) {
+						// Add some assurances to our eventObj
+						if( typeof eventObj == "undefined" )
+							eventObj = { 'type': 'custom' };
+						
+						// trigger the global handlers first
+						if ( eventName in context.evt ) {
+							// if it returns false, stop the train
+							if ( context.evt[eventName]( eventObj ) == false ) {
+								return false;
+							}
+						}
+						
+						// run the event handler on each module that's got it
+						for( var module in context.modules ) {
+							if( module in $.markApp.modules && 
+								'evt' in $.markApp.modules[module] &&
+								eventName in $.markApp.modules[module].evt ) {
+									$.markApp.modules[module].evt[eventName]( context, eventObj, args );
+								}
+						}
+					},
+					loop: function( e ) {
+						// reset the delay
+						setTimeout( function() { context.fn.loop( ); }, 42 );
+						// incremenet the counter
+						context.frameCount++;
+						// dispatch the event
+						context.fn.trigger( 'loop', {}, [] );
+					},
+					// useful for delayed loading of the country data
+					withCountryCodes: function ( callback ) {
+						if ( 'US' in context.countries ) {
+							callback( context.countries );
+						} else {
+							$.ajax( {
+								'url': '/media/assets/js/vendor/country_codes.json',
+								'dataType': 'JSON',
+								'success': function ( data ) {
+									context.countries = data;
+									for( var i = 0; i < data.length; i++ ) {
+										context.countries[ data[i].code ] = data[i].name;
+									}
+									callback( context.countries );
+								},
+								'error': function () {
+									// handle error loading countries
+								}
+							} );
+						}
+					},
+					showLoader: function( msg, custom_class ) {
+						var custom_class = typeof custom_class === "string" ? custom_class : '';
+						var msg = typeof msg === "string" ? msg : context.fn.getString( 'default-loading-msg' );
+						// append our loader
+						var $loader = $( '<div />' )
+							.width( context.width )
+							.height( context.height )
+							.hide()
+							.addClass( 'overlay-wrapper autoResize' )
+							.addClass( custom_class )
+							.attr( 'id', 'markapp-loader' )
+							.append( $( '<div />' )
+								.text( msg ) );
+						context.$container
+							.append( $loader );
+						$loader.fadeIn( 'fast' );
+					},
+					hideLoader: function( ) {
+						$( '#markapp-loader' ).fadeOut( 'fast', function() {
+							$( this ).remove();
+						} );
+					},
+					showError: function ( msg ) {
+						var msg = typeof msg === "string" ? msg : context.fn.getString( 'default-error-msg' );
+						var $error = $( '<div />' )
+							.width( context.width )
+							.height( context.height )
+							.hide()
+							.click( function ( e ) {
+								e.preventDefault();
+								context.fn.hideError();
+							} )
+							.addClass( 'overlay-wrapper autoResize' )
+							.attr( 'id', 'markapp-error' )
+							.append( $( '<div />' )
+								.attr( 'id', 'markapp-error-content' )
+								.append( $( '<p />' ).html( msg ) ) );
+						context.$container
+							.append( $error );
+						$error.fadeIn( 'fast' );
+					},
+					hideError: function ( ) {
+						$( '#markapp-error' ).fadeOut( 'fast', function() {
+							$( this ).remove();
+						} );
+					},
+					// parses translated strings out of div.translated-strings
+					// ol's are treated as arrays
+					// everything else as is
+					loadTranslations: function( ) {
+						$( 'div.translated-strings' ).each( function () {
+							$( this ).children().each( function () {
+								var $this = $( this );
+								if ( $this.is( 'ol' ) ) {
+									// if it's an ol, load the strings in each childnode as an array
+									context.translatedStrings[$this.attr( 'id' )] = [];
+									$this.children().each( function () {
+										context.translatedStrings[$this.attr( 'id' )].push( $( this ).html() );
+									} );
+								} else {
+									// otherwise just load the elements contents
+									context.translatedStrings[$this.attr( 'id' )] = $this.html();
+								}
+							} );
+						} );
+					},
+					// looks for a match in translated stings
+					// returns the match if found, else it returns the key
+					getString: function ( key, index ) {
+						if( key in context.translatedStrings ) {
+							if( typeof context.translatedStrings[key] === "object" && typeof index === "number" ) {
+								// if this tranlsation is an array of strings, and we were passed an index val
+								return context.translatedStrings[key][index];
+							} else {
+								// otherwise just return the match
+								return context.translatedStrings[key];
+							}
+						} else {
+							// fallback to returning the passed key if we can't find the translation
+							return key;
+						}
+					},
+					storeData: function( key, value ) {
+						if ( typeof localStorage != 'undefined' ) {
+							// use localStorage if it exists
+							try {
+								if( typeof value === "object" ) {
+									value = JSON.stringify( value );
+								}
+								localStorage.setItem( key, value );
+							} catch (e) {
+							 	 if ( e == QUOTA_EXCEEDED_ERR ) { /* data wasn't successfully saved due to quota exceed */ }
+							}
+						}
+					},
+					getData: function( key ) {
+						if ( typeof localStorage != 'undefined' ) {
+							var item = localStorage.getItem( key );
+							if( item ) {
+								if ( item[0]=="{" ) item = JSON.parse( item );
+								return item;
+							} else {
+								return false;
+							}
+						}
+					}
+				}
+			};
+			// bindings
+			$( window )
+				.delayedBind( 300, 'resize', function( e ) {
+					return context.fn.trigger( 'resize', e );
+				} )
+				.bind( 'keydown keypress keyup', function( e ) {
+					return context.fn.trigger( e.type, e );
+				} )
+				.trigger( 'resize' );
+			context.$container
+				.bind( 'mousemove mousedown mouseup mouseover mouseout ready swap', function( e ) {
+					return context.fn.trigger( e.type, e );
+				} );
+			// start the loop
+			context.fn.loop();
+		}
+		
+		// Convert the arguments to an array to make this easier
+		var args = $.makeArray( arguments );
+		
+		// handle public function calls
+		if ( args.length > 0 ) {
+			var call = args.shift();
+			if ( call in context.public_fn ) {
+				context.public_fn[call]( context, typeof args[0] == 'undefined' ? {} : args[0] );
+			}
+		}
+		
+		return $this.data( 'markApp-context', context );
+	};
+	
+}( jQuery ) );
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/jquery.markApp.linear.js b/ffdemo/static/assets/js/vendor/jquery.markApp.linear.js
new file mode 100644
index 0000000..b7215b8
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/jquery.markApp.linear.js
@@ -0,0 +1,975 @@
+( function( $ ) {
+	
+	// support loose augmentation
+	markApp = $.markApp = $.markApp || {};
+	modules = $.markApp.modules = $.markApp.modules || {};
+	
+	modules.linear = {
+		defaults: {
+			reference_mark: null, // optional reference mark -- will init the visualization on this mark if passed
+			country_code: null, // optional country code -- only loads marks with this county code if present 
+			playback: false, // set this to true to immediately play back the initial mark
+			is_flagged: false, // optional flagged flag -- only loads marks that are flagged (for use within moderation)
+			linear_root: 'linear'
+		},
+		config: {
+			marks: {}, // all marks held here
+			flaggings: {}, // loaded from local storage, and used for some local checking that users are flagging things multiple times
+			orderedMarks: [], // array of mark references, arranged by id
+			leftBuffer: [], // mark buffers for the left and right of the marks currently in the scene
+			rightBuffer: [],
+			bufferSize: 20, // amount of marks to keep in a buffer
+			bufferMinSize: 5, // min amount of marks to keep in a buffer before forcing a refill
+			scene: null,
+			// handles camera changes -- could probably be shifted into the camera object
+			cameraChange: {},
+			tweens: {},
+			layerManager: null, // layer manager
+			initialized: false, // boolean flag to indicate if this module is fully setup
+			requestingMarks: false, // prevents more mark request from being sent when set to true
+			moreLeft: true, // Flags for the begining and end of the line. Assume we're not there at the start
+			moreRight: true, 
+			hoverMark: null, // holds the mark currently being hovered over
+			currentMark: null,
+			playbackTimes: {}, // used for storing mark playback times by reference
+			eventChange: false // flag to tell the render loop if the mouse is causing changes that need rendered
+		},
+		evt: {
+			ready: function ( context, e ) {
+				modules.linear.fn.initInterface( context );
+			},
+			resize: function( context, e ) {
+				context.modules.linear.eventChange = true;
+				context.modules.linear.layerManager.resizeAll( context.width, context.height );
+			},
+			keydown: function ( context, e ) {
+				var lC = context.modules.linear;
+				switch( e.keyCode ) {
+					case 38:
+						// arrow up
+						e.preventDefault();
+						lC.cameraChange.aZ = 10;
+						break;
+					case 40:
+						// arrow down
+						e.preventDefault();
+						lC.cameraChange.aZ = -10;
+						break;
+					case 39:
+						// arrow right -- pan the camera to the right
+						e.preventDefault();
+						// next mark
+						lC.cameraChange.aX = 10;
+						// hide mark info
+						modules.linear.fn.hideMarkInformation( context );
+						break;
+					case 37:
+						// arrow left -- pan the camera to the left
+						e.preventDefault();
+						// prev mark
+						lC.cameraChange.aX = -10;
+						// hide mark info
+						modules.linear.fn.hideMarkInformation( context );
+						break;
+				}
+			},
+			keyup: function( context, e ) {
+				var lC = context.modules.linear;
+				switch( e.keyCode ) {
+					case 38:
+					case 40:
+						// arrow up
+						e.preventDefault();
+						lC.cameraChange.aZ = 0;
+						break;
+					case 39:
+					case 37:
+						e.preventDefault();
+						lC.cameraChange.aX = 0;
+						break;
+				}
+			},
+			// prevent our bound keys from firing native events
+			keypress: function( context, e ) {
+				switch( e.keyCode ) {
+					case 38:
+					case 40:
+					case 39:
+					case 37:
+						e.preventDefault();
+						break;
+				}
+			},
+			mousedown: function( context, e ) {
+				var lC = context.modules.linear;
+				if( mark = modules.linear.fn.hitTest( context, context.mouseX, context.mouseY ) ) {
+					// if the mark hasn't changed from what's in our URL, we just need to show the details again
+					if ( mark == lC.currentMark ) {
+						modules.linear.fn.centerCurrentMark( context, function() {
+							modules.linear.fn.showMarkInformation( context );
+						} );
+					// otherwise update the URL, and the module will jump to the referenced mark
+					} else if ( lC.country_code ) {
+						context.app.setLocation( '#/' + lC.linear_root + '/country/' + lC.country_code + '/' + mark.reference );
+					} else {
+						context.app.setLocation( '#/' + lC.linear_root + '/' + mark.reference );
+					}
+				}
+			},
+			mousemove: function( context, e ) {
+				var lC = context.modules.linear;
+				lC.eventChange = true;
+				// hover test
+				if( mark = modules.linear.fn.hoverTest( context, context.mouseX, context.mouseY, lC.hoverMark ) ) {
+					// reset the old hovered mark
+					if( lC.hoverMark ) lC.hoverMark.color = lC.hoverMark.contributor_name ? '0,139,211' : '0,0,0';
+					// store this hover mark
+					lC.hoverMark = mark;
+					if ( lC.currentMark && lC.hoverMark.reference == lC.currentMark.reference && lC.hoverMark.contributor_name && $( '#mark-information' ).is( ':visible' ) ) {
+						$( '#contributor-quote-box' )
+							.fadeIn( 'fast' )
+							.css( { left: context.mouseX - 15, top: context.mouseY - $( '#contributor-quote-box' ).height() - 15 } );
+					} else {
+						$( '#contributor-quote-box:visible' ).fadeOut( 'fast' );
+						lC.hoverMark.color = lC.hoverMark.contributor_name ? '255,111,40' : '0,139,211';
+					}
+				} else if ( lC.hoverMark ) {
+					lC.hoverMark.color = lC.hoverMark.contributor_name ? '0,139,211' : '0,0,0';
+					lC.hoverMark = null;
+					// fade out any contributor quotes we might happen to be showing 
+					$( '#contributor-quote-box:visible' ).fadeOut( 'fast' );
+				}
+				
+			},
+			loop: function ( context ) {
+				var lC = context.modules.linear,
+					dLayer = lC.layerManager.layers['drawingLayer'];
+					
+				// update the position of the camera 
+				var lastCameraPosition = {x: lC.scene.camera.position.x, y: lC.scene.camera.position.y, z: lC.scene.camera.position.z };
+				// two ways this can happen
+				if( 'cameraEase' in lC.tweens ) {
+					// with a tween
+					TWEEN.update();
+				} else {
+					// or with physics
+					lC.cameraChange.vZ += lC.cameraChange.aZ;
+					lC.cameraChange.vX += lC.cameraChange.aX;
+					lC.cameraChange.vX *= .93;
+					lC.cameraChange.vZ *= .93;
+					lC.scene.camera.position.x += lC.cameraChange.vX;
+					lC.scene.camera.position.z += lC.cameraChange.vZ;
+					// bring the Y and Z positions close to the current mark
+					var mark = modules.linear.fn.closestMark( context );
+					if ( mark ) {
+						var dY = lC.scene.camera.position.y - ( mark.position.y + ( mark.bHeight / 2 ) );
+						// if Z is not changing, try to maintain
+						// if( )
+						// var dZ = lC.scene.camera.position.z - 
+						if ( dY != 0 && Math.abs(dY) >= 10) lC.scene.camera.position.y += ( dY > 0 ? -10 : 10 );
+					}
+					// TODO: fix the Z index while navigating the line
+				}
+				
+				// if nothing has changed, return RIGHT NOW
+				if( !lC.eventChange &&
+					lastCameraPosition.x == lC.scene.camera.position.x &&
+					lastCameraPosition.y == lC.scene.camera.position.y &&
+					lastCameraPosition.z == lC.scene.camera.position.z ) {
+					return false;
+				}
+				
+				// modified hover test -- only removes hover states 
+				if( lC.hoverMark && ! modules.linear.fn.hoverTest( context, context.mouseX, context.mouseY, lC.hoverMark ) ) {
+					lC.hoverMark.color = lC.hoverMark.contributor_name ? '0,139,211' : '0,0,0';
+					lC.hoverMark = null;
+					// fade out any contributor quotes we might happen to be showing 
+					$( '#contributor-quote-box:visible' ).fadeOut( 'fast' );
+				}
+				
+				dLayer.clean();
+				// update scene marks && add more as needed
+				modules.linear.fn.updateScene( context, lC.scene.camera.position.x - 10000, lC.scene.camera.position.x + 10000 );
+				// cleanup the scene and tend to empty buffers
+				modules.linear.fn.updateBuffers( context, lC.scene.camera.position.x - 10000, lC.scene.camera.position.x + 10000 );
+				
+				// render the scene 
+				Mark.renderer.renderScene( lC.scene, { 'cursor': {x: context.mouseX, y: context.mouseY}, width: context.width, height: context.height } );
+				// ark.renderer.renderScene( lC.scene, dLayer.context, { x: context.mouseX, y: context.mouseY }, context.width, context.height, lC.playbackTimes );
+				
+				// set the eventChange flag back to false -- a mouse/keyboard or playback event will need to set it back to true again before we'll render because of it
+				lC.eventChange = false
+				
+				// cleanup playback times if necissary
+				for( mark in lC.scene.timers ) {
+					var now = ( new Date() ).getTime();
+					if( lC.scene.timers[mark].end < now ) {
+						delete lC.scene.timers[mark];
+					} 
+					lC.eventChange = true;
+				}
+				
+			}
+		},
+		fn: {
+			init: function( context, options ) {
+				var lC = context.modules.linear;
+				// if this modules has already been initialized, update the options
+				if ( '$linear' in context.modules.linear ) {
+					// before we merge options, check if we need to dump our current data
+					if ( options['country_code'] != lC.country_code ) {
+						modules.linear.fn.dumpAllMarks( context );
+					}
+					// now our options into our context
+					$.extend( lC, lC, options );
+					// since merging won't replace null or undefined values, make sure we clean up after it
+					for( option in modules.linear.defaults ) {
+						if ( options[option] == null ) lC[option] = modules.linear.defaults[option];
+					}
+					// update the interface
+					modules.linear.fn.updateInterface( context );
+					// load our marks
+					modules.linear.fn.initMarks( context );
+				} else {
+					// allow defaults to be overriden
+					$.extend( lC, modules.linear.defaults, options );
+					// but not the cofig
+					$.extend( lC, lC, modules.linear.config );
+
+					// DOM setup
+					lC.$linear = $( '<div />' )
+						.addClass( "linear-container" );
+					context.$container
+						.append( lC.$linear );
+
+					// scene setup
+					lC.scene = new Mark.scene();
+					lC.cameraChange = { aX: 0, aY: 0, aZ: 0, vX: 0, vY: 0, vZ: 0 };
+					// layer setup
+					lC.layerManager = new Mark.layerManager( lC.$linear.get( 0 ) );
+					lC.layerManager.addLayer( 'drawingLayer' );
+					lC.scene.canvasContext = lC.layerManager.layers['drawingLayer'].context;
+					// trigger resize so our new layers are sized to fit
+					context.fn.trigger( 'resize' );
+
+					lC.initialized = true;
+				}
+				// load flaggings
+				lC.flaggings = context.fn.getData( 'markFlaggings' ) || {};
+			},
+			deinit: function( context ) {
+				var lC = context.modules.linear;
+				lC.$linear.fadeOut( 'fast', function () {
+					// remove all our layers
+					lC.layerManager.removeAll();
+					lC.$linear.remove();
+					lC.initialized = false;
+				} );
+			},
+			initInterface: function( context ) {
+				var lC = context.modules.linear;
+				// hide anything that needs data loaded into it
+				$( '#stats' )
+					.hide( );
+				// enable the controls
+				$( '#mark-browsing-zoom-in a, #mark-browsing-zoom-out a, #mark-browsing-next a, #mark-browsing-prev a' )
+					.click( function( e ){ e.preventDefault(); } )
+					.bind( 'mouseup mouseout', function( e ) {
+						e.preventDefault();
+						if ( $( this ).data( 'mouseDown' ) ) {
+							if( $( this ).is( '#mark-browsing-zoom-in a, #mark-browsing-zoom-out a' ) ) {
+								context.modules.linear.cameraChange.aZ = 0;
+							} else if( $( this ).is( '#mark-browsing-next a, #mark-browsing-prev a' ) ) {
+								context.modules.linear.cameraChange.aX = 0;
+							}
+							$( this ).data( 'mouseDown', false );
+						}
+					} )
+					.bind( 'mousedown', function( e ) {
+						e.preventDefault();
+						$( this ).data( 'mouseDown', true );
+						if( $( this ).is( '#mark-browsing-zoom-in a, #mark-browsing-zoom-out a' ) ) {
+							context.modules.linear.cameraChange.aZ = $( this ).is( '#mark-browsing-zoom-in a' ) ? 10 : -10;
+						} else if ( $( this ).is( '#mark-browsing-next a, #mark-browsing-prev a' ) ) {
+							context.modules.linear.cameraChange.aX = $( this ).is( '#mark-browsing-next a' ) ? 10 : -10;
+							// hide the mark information
+							modules.linear.fn.hideMarkInformation( context );
+						}
+					} );
+					// populate our country filter select box
+					context.fn.withCountryCodes( function ( countryCodes ) {
+						var $select = $( '#country-select' );
+						for( var i = 0; i < countryCodes.length; i++ ) {
+							var $option = $( '<option />' )
+								.val( countryCodes[i].code )
+								.text( countryCodes[i].name );
+							$select.append( $option );
+						}
+						$select.change( function ( ) {
+							var val = $( this ).val();
+							if( val.length != 2 && lC.country_code ) {
+								// redirect back to the unfiltered view
+								context.app.setLocation( '#/' + lC.linear_root + '/' );
+							} else if ( val.length == 2 && val != lC.country_code ) {
+								// redirect to linear mode with the new country code
+								context.app.setLocation( '#/' + lC.linear_root + '/country/' + val + '/' );
+							}
+							// return focus to the viz
+							$( this ).blur();
+							context.$container.focus();
+						} );
+						// select the current mark if we have it
+						if( lC.country_code ) $select.val( lC.country_code );
+					} );
+
+				// hide all the mark detial things 
+				$( '#mark-information' ).hide();
+				// setup the mark details 
+				$( '#mark-playback' )
+					.click( function ( e ) {
+						e.preventDefault();
+						modules.linear.fn.replayCurrentMark( context );
+					} );
+				$( '#mark-flag' )
+					.click( function( e ) {
+						e.preventDefault();
+						modules.linear.fn.flagCurrentMark( context );
+					} );
+				//	Click events for moderation mode
+				$( '#delete-mark' )
+					.click( function( e ) {
+						e.preventDefault();
+						modules.linear.fn.deleteCurrentMark( context );
+					} );
+				$( '#approve-mark-checkbox' )
+					.change( function( e ) {
+						e.preventDefault();
+						var shouldApprove = $(this).is(':checked');
+						modules.linear.fn.approveCurrentMark( context, shouldApprove );
+					} );
+				// setup sharing
+				$( '#twitter-share' ).socialShare( { 
+					'share_url': 'http://twitter.com/share', 
+					'share_params': { 'text': context.fn.getString( 'twitter-msg' ) }
+					} );
+				$( '#facebook-share' ).socialShare( {
+					'share_url': 'http://www.facebook.com/sharer.php',
+					'share_params': { 't': context.fn.getString( 'facebook-msg' ) }
+					} );
+				// run the interface update
+				modules.linear.fn.updateInterface( context );
+				// load our marks
+				modules.linear.fn.initMarks( context );
+				
+				
+				$("#sammy #country-select").selectBox({ autoWidth: false });
+				$("#sammy #contributor-select").selectBox({ autoWidth: false });
+				
+				
+			},
+			initMarks: function ( context ) {
+				var lC = context.modules.linear;
+				if ( lC.reference_mark && lC.reference_mark != "" ) {
+					// If we were passed a mark to start with, start there
+					if( lC.reference_mark in lC.marks ) {
+						// if we already have this mark, just jump to it
+						modules.linear.fn.jumpToMark( context, lC.reference_mark, lC.playback );
+					} else {
+						// load the mark and it's surrounding marks
+						modules.linear.fn.loadMarks( context, {
+							'reference': lC.reference_mark,
+							'include_forward': 20,
+							'include_back': 20,
+							'include_mark': 1,
+							'success': function ( data ) {
+								if( data.success ) {
+									// push the marks into the leftBuffer
+									modules.linear.fn.setupMarks( context, data.marks );
+									// and jump to our mark
+									modules.linear.fn.jumpToMark( context, lC.reference_mark, lC.playback );
+								} else {
+									// show the error message, with a link back to the main visualization link
+									context.fn.showError( lC.errorMsg );
+								}
+								lC.requestingMarks = false;
+							}
+						} );
+					}
+					
+				} else {
+					// otherwise start at the first mark
+					modules.linear.fn.loadMarks( context,  {
+						'offset': 0,
+						'max': 20,
+						'success': function ( data ) {
+							if( data.success ) {
+								modules.linear.fn.setupMarks( context, data.marks );
+								// after we load the marks, back the camera away and zoom to the first one
+								if( firstMark = lC.marks[data.marks[0].reference] ) {
+									lC.scene.camera.position.x = -4000;
+									lC.scene.camera.position.z = -3000;
+									var tween = 'cameraEase' in lC.tweens ? lC.tweens['cameraEase'] : new TWEEN.Tween( lC.scene.camera.position );
+									tween
+										.to( { 
+											x: ( firstMark.bWidth / 2 ), 
+											y: ( firstMark.bHeight / 2 ),
+											z: -1000 }, 2000 )
+										.onComplete( function( ) {
+											delete lC.tweens['cameraEase'];
+											if ( typeof callback === "function" ) callback( this );
+										} )
+										.easing( TWEEN.Easing.Quartic.EaseInOut )
+										.start();
+									lC.tweens['cameraEase'] = tween;
+								}
+							} else {
+								// show the error message, with a link back to the main visualization link
+								context.fn.showError( lC.errorMsg );
+							}
+							lC.requestingMarks = false;
+						}
+					} );
+				}
+			},
+			// DOM updates that should run after every new request should go here
+			updateInterface: function ( context ) {
+				var lC = context.modules.linear;
+				// show the appropriate middle link
+				var userMark = context.fn.getData( 'userMark' );
+				if( userMark && ( lC.country_code ? ( userMark.country_code == lC.country_code ) : true ) ) {
+					$( '#your-mark-link' )
+						.attr( 'href', '#/' + lC.linear_root + '/' + context.fn.getData( 'userMark' ).reference )
+						.show();
+				} else {
+					$( '#your-mark-link' )
+						.hide();
+				}
+				// setup the stats
+				var options = {};
+				if( lC.country_code ) {
+					options['country_code'] =  lC.country_code;
+					$( "#contributor-select" ).next().hide();
+					$( '#contributor-select-label' ).hide();
+				} else {
+					$( "#contributor-select" ).next().show();
+					$( '#contributor-select-label' ).show();
+				}
+				// if the country has changed, grab updated data
+				if( ! $( '#mark-browsing-options' ).is( '.country-' + ( lC.country_code ? lC.country_code : 'all' ) ) ) {
+					$.ajax( {
+						'url': '/requests/init_viz_data',
+						'data': options,
+						dataType: 'JSON', 
+						success: function( data ) {
+							// set the class on the details to indicate country 
+							$( '#mark-browsing-options' )
+								.removeAttr( 'class' )
+								.addClass( 'country-' + ( lC.country_code ? lC.country_code : 'all' ) );
+							// setup and show the stats
+							$( '#stats-number-of-marks' )
+								.text( data.total_marks );
+							$( '#stats-number-of-countries' )
+								.text( data.total_countries );
+							var now = new Date();
+							var then = new Date( data.first_mark_at );
+							var days = Math.ceil( ( now.getTime() - then.getTime() ) / ( 1000 * 60 * 60 * 24 ) ); 
+							$( '#stats-number-of-days' )
+								.text( days );
+							$( '#stats' )
+								.fadeIn( 'fast' );
+							if( lC.country_code ) {
+								$( '#first-mark-link' )
+									.attr( 'href', '#/' + lC.linear_root + '/country/' + lC.country_code + '/' + data.country_first_mark );
+								$( '#last-mark-link' )
+									.attr( 'href', '#/' + lC.linear_root + '/country/' + lC.country_code + '/' + data.country_last_mark );
+							} else {
+								$( '#first-mark-link' )
+									.attr( 'href', '#/' + lC.linear_root + '/' + data.first_mark );
+								$( '#last-mark-link' )
+									.attr( 'href', '#/' + lC.linear_root + '/' + data.last_mark );
+							}
+							// setup collapsibles
+							$( '#mark-browsing' ).collapsibleMod( );
+							$( '#stats' ).collapsibleMod( { 'collapsedHeight': 10 } );
+							
+							// if the contributor box is empty, fill it
+							if( $( '#contributor-select option' ).size() == 1 ) {
+								var $select = $( '#contributor-select' );
+								if ( data.contributor_marks ) {
+									for( var i = 0; i < data.contributor_marks.length; i++ ) {
+										var $option = $( '<option />' )
+											.val( data.contributor_marks[i].reference )
+											.text( data.contributor_marks[i].contributor );
+										$select.append( $option );
+									}
+								}
+								$select.change( function ( ) {
+									var val = $( this ).val();
+									if( val.length != "label" ) {
+										// jump to this contributors mark
+										context.app.setLocation( '#/' + lC.linear_root + '/' + val );
+									}
+									// return focus to the viz
+									$( this ).blur();
+									context.$container.focus();
+								} );
+								if( lC.country_code ) {
+									options['country_code'] =  lC.country_code;
+									$( "#contributor-select" ).next().hide();
+									$( '#contributor-select-label' ).hide();
+								} else {
+									$( "#contributor-select" ).next().show();
+									$( '#contributor-select-label' ).show();
+								}
+							} 
+						}
+					} );
+				}
+			},
+			dumpAllMarks: function ( context ) {
+				var lC = context.modules.linear;
+				for( mark in lC.marks )
+					delete lC.marks[mark];
+				lC.scene.objects = [];
+				lC.leftBuffer = [];
+				lC.rightBuffer = [];
+				lC.moreRight = true;
+				lC.moreLeft = true;
+				// whenever we do this, we need to set the camera back to 0,0,-1000
+				lC.scene.camera.position.x = 0;
+				lC.scene.camera.position.y = 0;
+				lC.scene.camera.position.z = -1000;
+			},
+			loadMarks: function( context, options ) {
+				var lC = context.modules.linear;
+				var callback = options.success;
+				delete options.success;
+				// pass the country code if we have one
+				if ( lC.country_code ) options.country_code = lC.country_code;
+				var url_to_load = options.reference ? '/requests/marks_by_reference' : '/requests/all_marks';
+				if (lC.is_flagged)
+				{
+					url_to_load = '/requests/marks_by_flagged';
+				}
+				// if we're loading based on a reference we dont have, we need to dump everything as we can't ensure we wont drop marks in between
+				if( options.reference && !( options.reference in lC.marks ) ) {
+					// if we're looking for a specific mark see if we already have that one
+					modules.linear.fn.dumpAllMarks( context );
+					context.fn.showLoader( context.fn.getString( 'loading-marks-msg' ), 'overlay-light' );
+				} else if ( ! options.reference ) {
+					context.fn.showLoader( context.fn.getString( 'loading-marks-msg' ), 'overlay-light' );
+				}
+				$.ajax( {
+					url: url_to_load,
+					data: options,
+					dataType: 'JSON'
+				} )
+				.success( callback )
+				.success( function ( data ) {
+					// hide the loader
+					context.fn.hideLoader();
+				} );
+			},
+			setupMarks: function( context, marks ) {
+				var lC = context.modules.linear;
+				// if this is empty, return
+				if( marks.length == 0 ) return;
+				// get rid of marks we've already got
+				for( var i = 0; i < marks.length; i++ ) {
+					if( marks[i].reference in lC.marks ) {
+						marks.shift( i, 1 );
+					}
+				}
+
+				// sort our current marks so we can tell what buffer to load these into
+				var sortedMarks = [];
+				for ( var mark in lC.marks )
+					sortedMarks.push( [mark, lC.marks[mark].id] );
+				sortedMarks.sort( function( a, b ) { return a[1] - b[1] } );
+				
+				// default to the right buffer
+				var buffer = sortedMarks.length == 0 || sortedMarks[0][1] < marks[0].id ? lC.rightBuffer: lC.leftBuffer;
+				// var buffer = sortedMarks.length > 0 && sortedMarks[0][1] > marks[0].id ? lC.rightBuffer : lC.leftBuffer;
+				var reverse = buffer == lC.leftBuffer ? true : false;
+				if( reverse ) marks.reverse();
+				// try to establish a previous mark by which we can position the new marks
+				var pMark = buffer.length > 0 ? 
+					lC.marks[buffer[ reverse ? 0 : buffer.length - 1 ]] :
+					lC.scene.objects[ reverse ? 0 : lC.scene.objects.length - 1];
+				for ( var i = 0; i < marks.length; i++ ) {
+					// if we already have this one, on to the next one
+					if( marks[i].reference in lC.marks ) continue;
+					var points_obj = JSON.parse( marks[i].points_obj_simplified );
+					// do some validation to make sure this mark wont break the viz
+					if( !( 'strokes' in points_obj ) || 
+						points_obj.strokes.length == 0 ||
+						points_obj.strokes[0].length < 2 ) continue;
+					var mark = new Mark.gmlMark( points_obj.strokes, marks[i].reference, marks[i].country_code, marks[i].date_drawn, points_obj.rtl, marks[i].id, marks[i].is_approved );
+					if( marks[i].contributor ) {
+						mark.contributor_name = marks[i].contributor;
+						mark.extra_info = points_obj.extra_info;
+						mark.color = '0,139,211';
+					}
+					// stash this mark
+					lC.marks[mark.reference] = mark;
+					// position this mark relative to the last one
+					if ( pMark ) mark.positionRelativeTo( pMark, reverse );
+
+					if( reverse ) {
+						buffer.unshift( mark.reference );
+					} else {
+						buffer.push( mark.reference );
+					}
+					pMark = mark;
+				}
+				// if ( !lC.currentMark ) lC.currentMark = mark;
+			},
+			// attempts to refill a buffer that's running low
+			refillBuffer: function( context, buffer ) {
+				var lC = context.modules.linear;
+				if( lC.requestingMarks ) return;
+				lC.requestingMarks = true;
+				var isLeft = buffer == lC.leftBuffer;
+				var lastMark = null;
+				lastMark = buffer.length > 0 ? 
+					lC.marks[buffer[ isLeft ? 0 : buffer.length - 1 ]] :
+					lC.scene.objects[ isLeft ? 0 : lC.scene.objects.length - 1];
+				modules.linear.fn.loadMarks( context, {
+					'reference': lastMark.reference,
+					'include_forward': isLeft ? 0 : 20,
+					'include_back': isLeft ? 20 : 0,
+					'include_mark': 0,
+					'success': function ( data ) {
+						if( data.success ) {
+							// push the marks into the leftBuffer
+							modules.linear.fn.setupMarks( context, data.marks );
+							// if we got back less than we asked for, assume we're at the end
+							if ( data.marks.length == 0 ) {
+								lC[ isLeft ? 'moreLeft' : 'moreRight'] = false;
+							}
+						} else {
+							// if we got an error, assume we're at the end and don't allow more to be loaded
+							lC[ isLeft ? 'moreLeft' : 'moreRight'] = false;
+						}
+						lC.requestingMarks = false;
+					}
+				} );
+			},
+			// moves marks from the display to the buffers
+			// also will grab more marks if a buffer length sinks below a threshold
+			updateBuffers: function( context, xMin, xMax ) {
+				var lC = context.modules.linear;
+				if( lC.scene.objects.length == 0 ) return;
+				// look for marks that need moved into the left buffer
+				var mark = lC.scene.objects[0];
+				while( mark && mark.position.x + mark.bWidth < xMin ) {
+					lC.leftBuffer.push( lC.scene.objects.shift().reference );
+					mark = lC.scene.objects[0];
+				}
+				// look for marks that need moved into the right buffer
+				mark = lC.scene.objects[lC.scene.objects.length - 1];
+				while( mark && mark.position.x > xMax ) {
+					lC.rightBuffer.unshift( lC.scene.objects.pop().reference );
+					mark = lC.scene.objects[lC.scene.objects - 1];
+				}
+				// if either of our buffers are running low, load more marks
+				if ( lC.leftBuffer.length < 5 && lC.scene.objects.length > 0 && lC.moreLeft && !lC.requestingMarks ) {
+					modules.linear.fn.refillBuffer( context, lC.leftBuffer );
+				} else if ( lC.rightBuffer.length < 5 && lC.scene.objects.length > 0 && lC.moreRight && !lC.requestingMarks ) {
+					modules.linear.fn.refillBuffer( context, lC.rightBuffer );
+				}
+			},
+			// moves marks from the buffers to the display
+			updateScene: function( context, xMin, xMax) {
+				var lC = context.modules.linear;
+				if( lC.rightBuffer.length > 0 ) {
+					// look for marks that need added from the right buffer
+					var mark = lC.marks[lC.rightBuffer[0]];
+					while( mark && mark.position && mark.position.x < xMax ) {
+						lC.scene.objects.push( lC.marks[lC.rightBuffer.shift()] );
+						mark = lC.rightBuffer[0];
+					}
+				}
+				if( lC.leftBuffer.length > 0 ) {
+					// look for marks that need added from the left buffer
+					var mark = lC.marks[lC.leftBuffer[lC.leftBuffer.length - 1]];
+					while( mark && mark.position && mark.position.x + mark.bWidth > xMin ) {
+						lC.scene.objects.unshift( lC.marks[lC.leftBuffer.pop()] );
+						mark = lC.leftBuffer[lC.leftBuffer.length - 1];
+					}
+				}
+			},
+			jumpToMark: function( context, reference, playback ) {
+				var lC = context.modules.linear;
+				// find the mark
+				var oldMark = lC.currentMark;
+				lC.currentMark = lC.marks[reference];
+				// delay playback
+				if ( playback ) {
+					var wayLater = ( new Date() ).getTime() *2;
+					lC.scene.timers[reference] = { 'start': wayLater, 'end': wayLater + lC.currentMark.maxTime, 'speed': 1 };
+				}
+				modules.linear.fn.centerCurrentMark( context, function () {
+					// if we're playing it back, play it back
+					if( playback ) modules.linear.fn.replayCurrentMark( context );
+					// fade up those beautiful details if they're not already shown
+					modules.linear.fn.showMarkInformation( context );
+				} );
+			},
+			// unused but maybe helpful at some point?
+			// updatedOrderedMarks: function( context ) {
+			// 	var lC = context.modules.linear;
+			// 	var sortedMarks = [];
+			// 	for ( var mark in lC.marks )
+			// 		sortedMarks.push( [mark, lC.marks[mark].id] );
+			// 	sortedMarks.sort( function( a, b ) { return a[1] - b[1] } );
+			// 	// clear it out first
+			// 	lC.orderedMarks = [];
+			// 	for( var i = 0; i < sortedMarks.length; i++ ) {
+			// 		lC.orderedMarks.push( sortedMarks[i][0] );
+			// 	}
+			// },
+			// nextMark: function( context ) {
+			// 	var lC = context.modules.linear;
+			// 	var next = lC.orderedMarks[lC.orderedMarks.indexOf( lC.currentMark.reference ) + 1];
+			// 	if ( next ) {
+			// 		modules.linear.fn.jumpToMark( context, next );
+			// 	}
+			// }, 
+			// prevMark: function( context ) {
+			// 	var lC = context.modules.linear;
+			// 	var prev = lC.orderedMarks[lC.orderedMarks.indexOf( lC.currentMark.reference ) - 1];
+			// 	if ( prev ) {
+			// 		modules.linear.fn.jumpToMark( context, prev );
+			// 	}
+			// },
+			closestMark: function ( context ) {
+				var lC = context.modules.linear;
+				var retM = lC.scene.objects[0];
+				for( var i = 1; i < lC.scene.objects.length; i++ ) {
+					var nextM = lC.scene.objects[i];
+					var d = Math.abs( lC.scene.camera.position.x - ( nextM.position.x + ( nextM.bWidth / 2 ) ) );
+					var lastD = Math.abs( lC.scene.camera.position.x - ( retM.position.x + ( retM.bWidth / 2 ) ) );
+					if( d < lastD ) retM = nextM;
+				}
+				return retM;
+			},
+			// wrapper for the hit test method that offers preference to the optional curHoveredMark arg
+			hoverTest: function( context, x, y, curHoveredMark ) {
+				var lC = context.modules.linear;
+				// check if we're still over the hover mark
+				if( curHoveredMark && 
+					curHoveredMark.renderedBounds &&
+					x >= curHoveredMark.renderedBounds.minX && 
+					x <= curHoveredMark.renderedBounds.maxX && 
+					y >= curHoveredMark.renderedBounds.minY && 
+					y <= curHoveredMark.renderedBounds.maxY)
+						return curHoveredMark; 
+						
+				// if that didn't work we need to deffer to hit test
+				return modules.linear.fn.hitTest( context, x, y );
+			},
+			hitTest: function( context, x, y ) {
+				var lC = context.modules.linear;
+				// loop through displayed marks, see if any match these coords
+				for( var i = 0; i < lC.scene.objects.length; i++ ) {
+					if( lC.scene.objects[i].renderedBounds &&
+						x >= lC.scene.objects[i].renderedBounds.minX && 
+						x <= lC.scene.objects[i].renderedBounds.maxX && 
+						y >= lC.scene.objects[i].renderedBounds.minY && 
+						y <= lC.scene.objects[i].renderedBounds.maxY ) {
+						return lC.scene.objects[i];
+					}
+				}
+				return false;
+			},
+			showMarkInformation: function( context ) {
+				var lC = context.modules.linear;
+				if( !lC.currentMark ) return false;
+				var mark = lC.currentMark;
+				// update the information
+				$( '#mark-id' ).text( mark.id );
+				var d = new Date( mark.time );
+				// get our (hopefully) translated month abbreviation
+				var dateString = [];
+				dateString.push( context.fn.getString( 'month-abbreviations', d.getMonth() ) + " " + d.getDate() );
+				// dateString.push( $( '#month-abreviations li:eq(' + d.getMonth() + ')' ).text() + " " + d.getDate() );
+				dateString.push( d.getHours() + ":" + ( String(d.getMinutes()).length == 1 ? "0" + d.getMinutes() : d.getMinutes() ) );
+				if( mark.country_code ) {
+					context.fn.withCountryCodes( function ( countries ) { 
+						$( '#mark-country' ).text( " / " + countries[mark.country_code] );
+					} );
+				} else {
+					$( '#mark-country' ).text( "" );
+				}
+				
+				// set the contributor name, if we've got it
+				if( mark.contributor_name ) {
+					$( '#mark-contributor-name' ).text( "- " + mark.contributor_name );
+					$( '#mark-flag' ).hide();
+					$( '#contributor-quote' )
+						.text( mark.extra_info )
+						.html( "&#8220;" + $( '#contributor-quote' ).text() + "&#8221;" );
+					$( '#contributor-name' )
+						.text( "- " + mark.contributor_name );
+				} else {
+					$( '#mark-contributor-name, #contributor-quote, #contributor-name' ).text( "" );
+					$( '#mark-flag' ).show();
+				}
+				
+				$( '#mark-timestamp' ).text( dateString.join( " / " )  );
+				$( '#url-share input' ).val( window.location.href ); 
+				// update the sharing links
+				if (lC.linear_root != "moderate")
+				{
+					$( '#twitter-share' )
+						.data( 'socialShare-context' ).share_params['url'] = window.location.href;
+					$( '#facebook-share' )
+						.data( 'socialShare-context' ).share_params['u'] = window.location.href;
+				}
+				//	Update approved state if we're moderating // URK - hate this condition // Watch out // TODO
+				if (lC.linear_root == "moderate")
+				{
+					$("#approve-mark-checkbox").attr('checked', mark.is_approved);
+				}
+				// give the flag the appropriate class
+				if( lC.currentMark.reference in lC.flaggings ) {
+					$( '#mark-flag').addClass( 'disabled' );
+				} else {
+					$( '#mark-flag').removeClass( 'disabled' );
+				}
+				// animate it in if it's hidden
+				$( '#mark-information' ).fadeIn( 'fast' );
+			},
+			hideMarkInformation: function( context ) {
+				$( '#mark-information' ).fadeOut( 'fast' );
+			},
+			replayCurrentMark: function ( context ) {
+				var lC = context.modules.linear;
+				var now = ( new Date() ).getTime();
+				lC.eventChange = true;
+				lC.scene.timers[lC.currentMark.reference] = { 'start': now, 'end': now + lC.currentMark.maxTime, 'speed': 1 };
+			},
+			flagCurrentMark: function ( context ) {
+				var lC = context.modules.linear;
+				// if this user has already flagged this mark, return
+				if( lC.currentMark.reference in lC.flaggings ) return;
+				$.ajax( {
+					url: '/requests/flag_mark',
+					data: {
+						'reference': lC.currentMark.reference
+					},
+					type: 'POST',
+					dataType: 'JSON',
+					success: function( data ) {
+						// change the flag icon's class
+						$( '#mark-flag').addClass( 'disabled' );
+						// store the data that this user flagged this mark
+						lC.flaggings[lC.currentMark.reference] = true;
+						context.fn.storeData( 'markFlaggings', lC.flaggings );
+					},
+					error: function ( data ) {
+						context.fn.showError( lC.errorMsg );
+					}
+				} );
+				
+			},
+			deleteCurrentMark: function ( context ) {
+				var lC = context.modules.linear;
+				$.ajax( {
+					url: '/requests/delete_mark',
+					data: {
+						'reference': lC.currentMark.reference
+					},
+					type: 'POST',
+					dataType: 'JSON',
+					success: function( data ) {
+						
+						var deletedMarkReference = lC.currentMark.reference,
+							deletedMarkIndex = null;
+						//	Delete current mark from marks data
+						delete lC.marks[lC.currentMark.reference];
+						lC.currentMark = null;
+						
+						// remove the mark from the scene and reposition the rest
+						for ( var i=0; i < lC.scene.objects.length; i++ ) {
+							// start at the left and run through until you find the deleted mark
+							if( !deletedMarkIndex && lC.scene.objects[i].reference != deletedMarkReference ) continue;
+							// remove it
+							if( !deletedMarkIndex ) {
+								deletedMarkIndex = i;
+								lC.scene.objects.splice( i, 1 );
+								// set current mark to the next one
+								lC.currentMark = lC.scene.objects[i];
+							}
+							// reposition everything after it
+							if ( i == 0 ) {
+								lC.scene.objects[i].positionToStart( );
+							} else {
+								lC.scene.objects[i].positionRelativeTo( lC.scene.objects[i-1] );
+							}
+						}
+						// update the URL
+						context.app.setLocation( '#/' + lC.linear_root + '/' + lC.currentMark.reference );
+						
+						lC.eventChange = true;
+
+					},
+					error: function ( data ) {
+						// TODO translate this msg
+						context.fn.showError( lC.errorMs );
+					}
+				} );
+			},
+			approveCurrentMark: function ( context, shouldApprove ) {
+				var lC = context.modules.linear;
+				$.ajax( {
+					url: '/requests/approve_mark',
+					data: {
+						'reference': lC.currentMark.reference,
+						'should_approve': shouldApprove
+					},
+					type: 'POST',
+					dataType: 'JSON',
+					success: function( data ) {
+						//	Update approved status locally
+						lC.currentMark.is_approved = shouldApprove;
+					},
+					error: function ( data ) {
+						context.fn.showError( lC.errorMsg );
+					}
+				} );
+			},
+			centerCurrentMark: function( context, callback ) {
+				var lC = context.modules.linear;
+				if( !lC.currentMark ) return false;
+				modules.linear.fn.showMarkInformation( context );
+				// stop movement
+				lC.cameraChange.aX = 0;
+				lC.cameraChange.vX = 0;
+				lC.cameraChange.aZ = 0;
+				lC.cameraChange.vZ = 0;
+				// tween the camera to the mark
+				var speed = Math.abs( lC.currentMark.position.x - lC.scene.camera.position.x ) / 2;
+				speed = Math.max( 1000, speed );
+				
+				// var speed = Math.min( 8000, Math.max( 1000, speed) );
+				var tween = 'cameraEase' in lC.tweens ? lC.tweens['cameraEase'] : new TWEEN.Tween( lC.scene.camera.position );
+				tween
+					.to( { 
+						x: lC.currentMark.position.x + ( lC.currentMark.bWidth / 2 ), 
+						y: lC.currentMark.position.y + ( lC.currentMark.bHeight / 2 ),
+						z: lC.currentMark.position.z - 1000 }, speed )
+					.onComplete( function( ) {
+						delete lC.tweens['cameraEase'];
+						if ( typeof callback === "function" ) callback( this );
+					} )
+					.easing( speed > 1200 ? TWEEN.Easing.Quadratic.EaseInOut : TWEEN.Easing.Quartic.EaseInOut )
+					.start();
+				lC.tweens['cameraEase'] = tween;
+			}
+		}
+	};
+	
+	
+}( jQuery ) );
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/jquery.socialShare.js b/ffdemo/static/assets/js/vendor/jquery.socialShare.js
new file mode 100644
index 0000000..7db7d88
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/jquery.socialShare.js
@@ -0,0 +1,79 @@
+/*
+ * A generic plugin to assist with those pesky social media buttons.
+ * 
+ * Actually, you know what? This is more basic than that. It just opens up a new window with the dimensions you specify
+ * and the URL you specify, with the GET params you specify.
+ * 
+ * That just happens to be the basic functionality you need to impliment a twitter or facebook share button. 
+ * 
+ * EXAMPLE:
+ * $( '#twitter-share' ).socialShare( { 
+ *   'share_url': 'http://twitter.com/share', 
+ *   'share_params': { 'text': 'Wow. I love this website. Check. It. Out', 'url': 'http://thegreatestwebsiteever.com/' }
+ *   } );
+ *
+ * USEFUL FACEBOOK INFO: 
+ * - url: http://www.facebook.com/sharer.php
+ * - required params: 
+ *		- u: the url you want to share
+ *		- t: the title of the link you want to share
+ *
+ * USEFUL TWITTER INFO: 
+ * - url: http://twitter.com/share
+ * - params:
+ *		- url: the url you want to share
+ *		- text: the message you want to tweet with this url
+ *		- via: your twitter account, w/o the @, if you want attributed
+ *		- related: a related account. Can also format it with a title like 'adammiller: People who dislike social media buttons'
+ * 
+*/
+( function( $ ) {
+	
+	$.socialShare = {
+		cfg: {
+			'$link': null,
+			'share_url': 'http://twitter.com/share',
+			'share_title': 'Share on Twitter',
+			'share_params': {},
+			'popupWidth': 550,
+			'popupHeight': 450
+		},
+		fn: {
+			'init': function ( container, options ) {
+				var $this = $( container );
+				var context = $.extend( {}, $.socialShare.cfg, options );
+				
+				context.$link = $this;
+				
+				context.$link.bind( 'click', function( e ) {
+					e.preventDefault();
+					$.socialShare.fn.share( context );
+				} );
+				
+				$this.data( 'socialShare-context', context );
+			},
+			'shareURL': function ( context ){
+				var params = [];
+				for( param in context.share_params ) {
+					params.push( param + '=' + encodeURIComponent( context.share_params[param] ) );
+				}
+				return context.share_url + '?' + params.join( "&" );
+			},
+			'share': function ( context ) {
+				// open the pop up
+				window.open(
+					$.socialShare.fn.shareURL( context ),
+					context.share_title,
+					'height=' + context.popupHeight + ',width=' + context.popupWidth
+				);
+			}
+		}
+	};
+	
+	$.fn.socialShare = function( options ) {
+		return $( this ).each( function () {
+			$.socialShare.fn.init( this, options );
+		} );
+	};
+	
+} )( jQuery );
diff --git a/ffdemo/static/assets/js/vendor/jquery.ui-selectBox.js b/ffdemo/static/assets/js/vendor/jquery.ui-selectBox.js
new file mode 100644
index 0000000..1c05c8d
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/jquery.ui-selectBox.js
@@ -0,0 +1,822 @@
+/*
+	
+	jQuery selectBox (version 0.1.6)
+	
+		A cosmetic, styleable replacement for SELECT elements
+		
+		Homepage:   http://abeautifulsite.net/blog/2011/01/jquery-selectbox-plugin/
+		Demo page:  http://labs.abeautifulsite.net/projects/js/jquery/selectBox/
+		
+		Copyright 2011 A Beautiful Site, LLC.
+	
+	
+	License:
+		
+		Licensed under both the MIT license and the GNU GPL (same as jQuery)
+	
+	
+	Usage:
+		
+		Link to the JS file:
+			
+			<script src="jquery.ui-selectbox.min.js" type="text/javascript"></script>
+		
+		Add the CSS file (or append contents of your own):
+		
+			<link href="jquery.ui-selectbox.css" rel="stylesheet" type="text/css" />
+		
+		To create:
+			
+			$("SELECT").selectBox()
+			
+		To create with options:
+			
+			$("SELECT").selectBox({
+				autoWidth: [true|false]
+			});
+		
+		To destroy:
+		
+			$("SELECT").selectBox('destroy');
+			
+		To update the options on the fly:
+			
+			$("SELECT").selectBox('setOptions', {
+				
+				// Options are created like this
+				'value' : 'displayText',
+				'value' : 'displayText',
+				
+				// Optgroups are created like this
+				'optgroupLabel' : {
+					'value' : 'displayText',
+					'value' : 'displayText'
+				}
+				
+			});
+		
+		To change the value:
+		
+			$("SELECT").selectBox('value', 'optionValue');
+		
+		Note: you can use any valid selector in lieu of "SELECT".
+	
+	
+	Events:
+		
+		The focus, blur, and change events fire on the *orignal* SELECT element.
+	
+	
+	Freebies:
+		
+		- Includes keyboard support (tab in/out, arrows, page up/down, home/end, enter/esc)
+		
+		- Supports jQuery UI .ui-corner-x classes (http://jqueryui.com/docs/Theming/API#Corner_Radius_helpers)
+		
+		- Uses CSS3 techniques (fully customizable via CSS)
+	
+	
+	Change log:
+	
+		v0.1 (2011-01-24)   - Initial release
+		v0.1.1 (2011-02-09)   - Added setOptions method for changing options on the fly
+						    - UI control now inherits all classes of the original control
+		v0.1.2 (2011-02-23) - UI control now inherits the style and title attribute of the original control
+		v0.1.3 (2011-02-24) - Added autoWidth option to simulate default browser behavior; fixed bug
+		                      that caused the UI control to display as inline instead of inline-block 
+		                      after destroy/create; fixed version numbers (old 0.2 = 0.1.1, old 0.3 = 0.1.2)
+		v0.1.4 (2011-02-25) - Added 'value' method; added return $(this) to setOptions method
+		v0.1.5 (2011-03-11) - Fixed bug where special HTML characters did not get escaped properly in the UI control
+		v0.1.6 (2011-03-21) - Fixed bug where initial settings were forgotten when setOptions was called
+		
+	Known issues:
+		
+		- The change event fires every time an option is changed using the keyboard. This differs
+		  from the way change events occur on normal select elements (on blur).
+		
+		- Disabled controls will technically accept focus (but no event will be trigger) when tabbed 
+		  over. This differs from the default browser behavior where the control would normally be 
+		  skipped.
+		
+		- If using the keyboard while the mouse is hovering over the dropdown, the hover events
+		  sometimes conflict making it seem like the keyboard selection is buggy (move the mouse 
+		  out and the behavior goes away)
+		  
+		- The plugin cannot poll for changes to the original control (i.e. disabling it dynamically). 
+		  Since the dropdown gets re-generated each time it is shown, this isn't an issue with 
+		  optgroups and options. Calling scripts should be aware of this.
+		  
+		- Safari doesn't currently allow focus via tabbing (Chrome does; possible WebKit bug?)
+		  
+		- Does not support multiple="multiple"
+		 
+		- Not tested in IE6
+	
+		
+	Wish list:
+		
+		- Enforce that dropdowns always appear in the viewport
+		
+		- Predictive selection (auto-selecting of elements while typing)
+		  
+		  Issue: keypress doesn't fire on non-input elements (only in Firefox, 
+		  but this is against the standard), so we have to use the keydown event.
+		  There isn't a reliable way to map extended (i.e. non-ASCII) characters 
+		  without using the keypress event.
+		  
+		  Aside from that, it should be easy enough to set a timer that waits 
+		  about two seconds after each keystroke before clearing the filter. 
+		  Then we just select the first option that matches the filter. This
+		  feature should be available with or without the dropdown showing.
+	
+*/
+if(jQuery) (function($) {
+	
+	$.extend($.fn, {
+		
+		selectBox: function(o, data) {
+			
+			
+			var _show = function(event) {
+				
+				var select = event.data.select;
+				var control = event.data.control;
+				
+				// Don't show disabled controls
+				if( $(control).hasClass('ui-selectBox-disabled') ) return false;
+				
+				// Hide if the control is selected when the dropdown is already open
+				if( $(control).hasClass('ui-selectBox-focus') && $("#ui-selectBox-dropdown").size() === 1 ) {
+					_hide(event, true);
+					return false;
+				}
+				
+				// Remove focus and dropdown from any/all other selectBoxes
+				$('.ui-selectBox').not(control).trigger('blur');
+				
+				_focus(event);
+				
+				event.stopPropagation();
+				
+				// Generate the dropdown
+				$("#ui-selectBox-dropdown").remove();
+				var dropdown = $('<div id="ui-selectBox-dropdown" class="ui-corner-bottom" />');
+				var options = $('<ul />');
+				
+				if( $(select).children('optgroup').size() === 0 ) {
+				
+					$(select).children('option').each( function() {
+						var text = $(this).text() !== '' ? $(this).text() : '\u00A0';
+						var extraClasses = '';
+						if( $(this).attr('disabled') ) extraClasses += ' ui-selectBox-disabled';
+						$(options).append('<li class="ui-selectBox-option' + extraClasses + '">' + _htmlspecialchars(text) + '</li>');
+					});
+				
+				} else {
+					
+					$(dropdown).addClass('ui-selectBox-hasOptgroups');
+					
+					$(select).children('optgroup').each( function() {
+						$(options).append('<li class="ui-selectBox-optgroup">' + _htmlspecialchars($(this).attr('label')) + '</li>');
+						$(this).children('option').each( function() {
+							var text = $(this).text() !== '' ? $(this).text() : '\u00A0';
+							var extraClasses = '';
+							if( $(this).attr('disabled') ) extraClasses += ' ui-selectBox-disabled';
+							$(options).append('<li class="ui-selectBox-option' + extraClasses + '">' + _htmlspecialchars(text) + '</li>');
+						});
+					});
+					
+				}
+				
+				// Add the options
+				$(dropdown).append(options);
+				
+				// Select the appropriate option
+				var selectedIndex = $(select)[0].selectedIndex;
+				$(dropdown).find('LI.ui-selectBox-option').eq(selectedIndex).addClass('ui-selectBox-initial ui-selectBox-current');
+				
+				// Add option events
+				$(dropdown).find('LI.ui-selectBox-option').hover( function() {
+					$(dropdown).find('.ui-selectBox-current').removeClass('ui-selectBox-current');
+					$(this).addClass('ui-selectBox-current');
+				}, function() {
+					$(this).removeClass('ui-selectBox-current');
+				}).click( { select: select, control: control }, function(event) {
+					_select(event);
+				}).mouseup( { select: select, control: control }, function(event) {
+					$(event.target).trigger('click');
+				});				
+				
+				// Position and display
+				$('BODY').append(dropdown);
+				var cPos = $(control).offset();
+				var cHeight = $(control).outerHeight();
+				var cWidth = $(control).outerWidth();
+				
+				var borderAdjustment = parseInt($(dropdown).css('borderLeftWidth')) + parseInt($(dropdown).css('borderRightWidth'));
+				
+				$(dropdown).css({
+					position: 'absolute',
+					zIndex: '999999',
+					top: cPos.top + cHeight,
+					left: cPos.left,
+					width: cWidth - borderAdjustment
+				}).show();
+				
+				$(control).removeClass('ui-corner-all').addClass('ui-corner-top');
+				
+				_disableSelection(dropdown);
+				_dropdownScrollFix(true);
+				
+			};
+			
+			
+			var _hide = function(event, preventBlur) {
+				
+				var select = event.data.select;
+				var control = event.data.control;
+				
+				$("#ui-selectBox-dropdown").remove();
+				$(control).removeClass('ui-corner-top').addClass('ui-corner-all');
+				
+				if( !preventBlur ) {
+					_blur(event);
+				} else {
+					$(control).focus();
+				}
+				
+			};
+			
+			
+			var _select = function(event, option) {
+				
+				var select = event.data.select;
+				var control = event.data.control;				
+				
+				option = option ? option : event.target;
+				
+				if( $(option).hasClass('ui-selectBox-disabled') ) return false;
+				
+				var oldSelectedIndex = $(select)[0].selectedIndex;
+				$('#ui-selectBox-dropdown .ui-selectBox-optgroup').remove();
+				var newSelectedIndex = $('#ui-selectBox-dropdown').find('LI.ui-selectBox-current').index();				
+				
+				if( oldSelectedIndex !== newSelectedIndex ) {
+					$(select)[0].selectedIndex = newSelectedIndex;
+					$(control).find('.ui-selectBox-label').text( $(option).text() );
+					$(select).trigger('change');
+				}
+				
+				_hide(event, true);
+				
+			};
+			
+			
+			var _focus = function(event) {
+				
+				var select = event.data.select;
+				var control = event.data.control;				
+				
+				if( $(control).hasClass('ui-selectBox-disabled') ) return true;
+				if( $(control).hasClass('ui-selectBox-focus') ) return false;
+				
+				// Remove dropdown and other focuses
+				$(".ui-selectBox.ui-selectBox-focus").removeClass("ui-selectBox-focus");
+				$("#ui-selectBox-dropdown").remove();
+				
+				$(control).addClass('ui-selectBox-focus');
+				$(document).bind('mousedown', { select: select, control: control }, _blur);
+				$(document).bind('keydown', { select: select, control: control }, _key);
+				$(select).trigger('focus');
+				$(control).focus();
+				
+			};
+			
+			
+			var _blur = function(event) {
+				
+				var select = event.data.select;
+				var control = event.data.control;
+				
+				// Prevent blur if the click was on the dropdown
+				if( event.target.id === 'ui-selectBox-dropdown' || 
+					$(event.target).parents('#ui-selectBox-dropdown').size() === 1 ) {
+					$(control).trigger('focus');
+					return false;
+				}
+				
+				if( $(control).hasClass('ui-selectBox-focus') ) {
+					$(control).removeClass('ui-selectBox-focus');
+					$(document).unbind('mousedown', _blur);
+					$(document).unbind('keydown', _key);
+					$(select).trigger('blur');
+					_hide(event);
+				}
+				
+			};
+			
+			
+			var _key = function(event) {
+				
+				var select = event.data.select;
+				var control = event.data.control;
+				var dropdown = $("#ui-selectBox-dropdown");
+				
+				if( $(control).hasClass('ui-selectBox-disabled') ) return false;
+				
+				switch( event.keyCode ) {
+					
+					case 9: // tab
+						_blur(event);
+						break;
+					
+					case 13: // enter
+						
+						if( $(dropdown).size() === 0 ) return false;
+						
+						var siblings = $(dropdown).find('.ui-selectBox-option');
+						var currentIndex = -1;
+						$.each(siblings, function(index, option) {
+							if( $(option).hasClass('ui-selectBox-current') ) {
+								currentIndex = index;
+								return;
+							}
+						});
+						
+						if( currentIndex >= 0 ) {
+							_select(event, $(siblings).eq(currentIndex));
+						}
+						
+						return false;
+						
+						break;
+						
+					case 27: // esc
+						_hide(event, true);
+						break;
+						
+					case 38: // up
+					case 37: // left
+					case 33: // page up
+						
+						var interval = event.keyCode === 33 ? 20 : 1;
+						
+						if( $(dropdown).size() === 0 ) {
+							
+							if( event.altKey ) {
+								_show(event);
+								return false;
+							}
+							
+							// Previous selection
+							var totalIndexes = $(select).find('OPTION').size(),
+								oldSelectedIndex = $(select)[0].selectedIndex,
+								newSelectedIndex = $(select)[0].selectedIndex - interval;
+							
+							// Look for non-disabled option
+							while( $(select).find('OPTION').eq(newSelectedIndex).attr('disabled') === true && newSelectedIndex >= 0 ) {
+								newSelectedIndex--;
+							}
+							
+							// Look for first enabled option
+							if( newSelectedIndex < 0 ) {
+								newSelectedIndex = $(select).find('OPTION:not([disabled]):first').index();
+							}
+							
+							$(select)[0].selectedIndex = newSelectedIndex;
+							if( $(select)[0].selectedIndex === -1 ) {
+								newSelectedIndex = 0;
+								$(select)[0].selectedIndex = newSelectedIndex;
+							}
+							var label = $(select).find('OPTION:selected').text();
+							if( label === '' ) label = '\u00A0'; // &nbsp;
+							$(control).find('.ui-selectBox-label').text(label);
+							
+							if( newSelectedIndex !== oldSelectedIndex ) $(select).trigger('change');
+							
+							return false;
+							
+						}
+						
+						// Determine currently selected index (ignoring optgroup LIs)
+						var siblings = $(dropdown).find('.ui-selectBox-option');
+						var currentIndex = -1;
+						$.each(siblings, function(index, option) {
+							if( $(option).hasClass('ui-selectBox-current') ) {
+								currentIndex = index;
+								return;
+							}
+						});
+						
+						currentIndex = currentIndex - interval;
+						if( currentIndex < 0 ) currentIndex = 0;
+						
+						$(siblings).removeClass('ui-selectBox-current');
+						$(siblings).eq(currentIndex).addClass('ui-selectBox-current');						
+						
+						_dropdownScrollFix();
+						
+						return false;
+						
+						break;
+						
+					case 40: // down
+					case 39: // right
+					case 34: // page down
+						
+						var interval = event.keyCode === 34 ? 20 : 1;
+						
+						if( $(dropdown).size() === 0 ) {
+							
+							if( event.altKey ) {
+								_show(event);
+								return false;
+							}
+							
+							var totalIndexes = $(select).find('OPTION').size(),
+								oldSelectedIndex = $(select)[0].selectedIndex,
+								newSelectedIndex = $(select)[0].selectedIndex + interval;
+							
+							// Look for non-disabled option
+							while( $(select).find('OPTION').eq(newSelectedIndex).attr('disabled') === true  && newSelectedIndex <= $(select).find('OPTION').size() ) {
+								newSelectedIndex++;
+							}
+							
+							// Look for last enabled option
+							if( newSelectedIndex > totalIndexes - 1 ) {
+								newSelectedIndex = $(select).find('OPTION:not([disabled]):last').index();
+							}
+							
+							$(select)[0].selectedIndex = newSelectedIndex;
+							if( $(select)[0].selectedIndex === -1 ) {
+								newSelectedIndex = $(select).find('OPTION').size() - 1;
+								$(select)[0].selectedIndex = newSelectedIndex;
+							}
+							var label = $(select).find('OPTION:selected').text();
+							if( label === '' ) label = '\u00A0'; // &nbsp;
+							$(control).find('.ui-selectBox-label').text(label);
+							
+							if( newSelectedIndex != oldSelectedIndex ) $(select).trigger('change');
+							
+							return false;
+							
+						}
+						
+						// Determine currently selected index (ignoring optgroup LIs)
+						var siblings = $(dropdown).find('.ui-selectBox-option');
+						var currentIndex = -1;
+						$.each(siblings, function(index, option) {
+							if( $(option).hasClass('ui-selectBox-current') ) {
+								currentIndex = index;
+								return;
+							}
+						});
+						
+						currentIndex = currentIndex + interval;
+						if( currentIndex > $(siblings).size() - 1 ) currentIndex = $(siblings).size() - 1;
+						
+						$(siblings).removeClass('ui-selectBox-current');
+						$(siblings).eq(currentIndex).addClass('ui-selectBox-current');
+						
+						_dropdownScrollFix();
+						
+						return false;
+						
+						break;
+						
+					case 36: // home
+					case 35: // end
+						
+						if( $(dropdown).size() === 0 ) {
+							
+							if( event.altKey ) {
+								_show(event);
+								return false;
+							}
+							
+							var oldSelectedIndex = $(select)[0].selectedIndex,
+								newSelectedIndex;
+							
+							if( event.keyCode === 36 ) {
+								// First
+								newSelectedIndex = 0;
+							} else {
+								// Last
+								newSelectedIndex = $(select).find('OPTION').size() - 1;
+							}
+							
+							// Handle disabled options
+							if( $(select).find('OPTION').eq(newSelectedIndex).attr('disabled') === true ) {
+								if( event.keyCode === 36 ) {
+									newSelectedIndex = $(select).find('OPTION:not([disabled]):first').index();	
+								} else {
+									newSelectedIndex = $(select).find('OPTION:not([disabled]):last').index();
+								}
+							}
+							
+							$(select)[0].selectedIndex = newSelectedIndex;
+							var label = $(select).find('OPTION:selected').text();
+							if( label === '' ) label = '\u00A0'; // &nbsp;
+							$(control).find('.ui-selectBox-label').text(label);
+							
+							if( newSelectedIndex != oldSelectedIndex ) $(select).trigger('change');
+							
+							return false;
+						}					
+						
+						$(dropdown).find('.ui-selectBox-current').removeClass('ui-selectBox-current');
+						if( event.keyCode === 36 ) {
+							// First
+							$(dropdown).find('.ui-selectBox-option:first').addClass('ui-selectBox-current');
+						} else {
+							// Last
+							$(dropdown).find('.ui-selectBox-option:last').addClass('ui-selectBox-current');
+						}
+						
+						_dropdownScrollFix();
+						
+						return false;
+						
+						break;
+						
+				}
+				
+			};
+			
+			
+			var _dropdownScrollFix = function(centerSelection) {
+				
+				var dropdown = $("#ui-selectBox-dropdown");
+				if( $(dropdown).size() === 0 ) return false;
+				
+				var target = $(dropdown).find('.ui-selectBox-current');
+				if( $(target).size() === 0 ) return false;
+				
+				var targetTop = parseInt($(target).offset().top - $(dropdown).position().top);
+				var targetBottom = parseInt(targetTop + $(target).outerHeight());
+				
+				if( centerSelection ) {
+					
+					$(dropdown).scrollTop(
+						$(target).offset().top - $(dropdown).offset().top + $(dropdown).scrollTop() - ($(dropdown).height() / 2)
+					);
+					
+				} else {
+				
+					if( targetTop < 0 ) {
+						$(dropdown).scrollTop(
+							$(target).offset().top - $(dropdown).offset().top + $(dropdown).scrollTop()
+						);
+					}
+					
+					if( targetBottom > $(dropdown).height() ) {
+						$(dropdown).scrollTop(
+							($(target).offset().top + $(target).outerHeight() ) - $(dropdown).offset().top + $(dropdown).scrollTop() - $(dropdown).height()
+						);
+					}
+				
+				}
+				
+			};
+			
+			
+			var _disableSelection = function(selector) {
+				
+				$(selector)
+					.css('MozUserSelect', 'none')
+					.bind('selectstart', function() {
+						return false;
+					})
+					.bind('mousedown', function() {
+						return false;
+					});
+				
+				return true;
+				
+			};
+			
+			
+			var _htmlspecialchars = function(string) {
+				return( string.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;') );
+			};
+			
+			
+			switch( o ) {
+				
+				
+				case 'destroy':
+					
+					$(this).each( function() {
+						
+						var select = $(this);
+						var control = $(this).next('.ui-selectBox');
+						
+						if( $(select)[0].tagName.toLowerCase() === 'select' ) {
+							$(control).remove();
+							$(select).removeData('selectBox-options').show();
+						}
+						
+					});
+					
+					return $(this);
+					
+					break;
+				
+				
+				case 'disable':
+					
+					$(this).each( function() {
+						
+						var select = $(this);
+						var control = $(this).next('.ui-selectBox');
+						
+						$(select).attr('disabled', true);
+						$(control).addClass('ui-selectBox-disabled');
+						
+					});
+					
+					return $(this);
+					
+					break;
+				
+				
+				case 'enable':
+					
+					$(this).each( function() {
+						
+						var select = $(this);
+						var control = $(this).next('.ui-selectBox');
+						
+						$(select).attr('disabled', false);
+						$(control).removeClass('ui-selectBox-disabled');
+						
+					});
+					
+					return $(this);
+					
+					break;				
+				
+				
+				case 'setOptions':
+					
+					if( !data ) return $(this);
+					
+					$(this).each( function() {
+						
+						var select = $(this);
+						var control = $(this).next('.ui-selectBox');
+						
+						switch( typeof(data) ) {
+							
+							case 'string':
+								
+								$(select).html(data);
+								
+								break;
+								
+							case 'object':
+								
+								$(select).html('');
+								
+								for( var i in data ) {
+									
+									if( data[i] === null ) continue;
+									
+									if( typeof(data[i]) === 'object' ) {
+										// OPTGROUP
+										var optgroup = $('<optgroup label="' + i + '" />');
+										for( var j in data[i] ) {
+											$(optgroup).append('<option value="' + j + '">' + data[i][j] + '</option>');
+										}
+										$(select).append(optgroup);
+									} else {
+										// OPTION
+										var option = $('<option value="' + i + '">' + data[i] + '</option>');
+										$(select).append(option);
+									}
+									
+								}
+								
+								break;
+							
+						}
+						
+						// Refresh the options
+						var options = $(select).data('selectBox-options');
+						$(select).selectBox('destroy');
+						$(select).selectBox(options);
+						
+					});
+					
+					return $(this);
+					
+					break;
+				
+				
+				case 'value':
+					
+					// Remove dropdown
+					$("#ui-selectBox-dropdown").remove();
+					
+					$(this).each( function() {
+						
+						var select = $(this);
+						var control = $(this).next('.ui-selectBox');
+						
+						// Update value
+						$(select).val(data);
+						
+						// Fix corners and update label
+						var label = $(select).find(':selected').text();
+						if( label === '' ) label = '\u00A0'; // &nbsp;
+						$(control).removeClass('ui-corner-top').addClass('ui-corner-all').find('.ui-selectBox-label').text(label);
+						
+					});
+					
+					return $(this);
+					
+					break;
+				
+				
+				default:
+					
+					// Create the control
+					$(this).each( function() {
+						
+						// Default options
+						if( !o ) o = {};
+						var options = $.extend({
+							autoWidth: true
+						}, o);
+						
+						var select = $(this);
+						
+						if( $(this).next('.ui-selectBox').size() === 0 ) {
+							
+							// Generate new control
+							var control = $('<a href="#" class="ui-selectBox ui-corner-all" tabindex="' + parseInt($(select).attr('tabindex')) + '" />');
+							
+							// Inherit class names, style, and title attributes
+							$(control).addClass($(select).attr('class')).attr({
+								style: ($(select).attr('style') + '').replace(/inline/, 'inline-block'),
+								title: $(select).attr('title')
+							});
+							
+							// Store options for later use
+							$(select).data('selectBox-options', options);
+							
+							// Auto-width based on longest option
+							if( options.autoWidth ) {
+								
+								// Determine character count of longest option
+								var longestOption = '';
+								$(select).find('OPTION').each( function() {
+									if( $(this).text().length > longestOption.length ) longestOption = $(this).text();
+								});
+								
+								// Create a fake option, measure it, set the width, and remove the fake option
+								var div = $('<div class="ui-selectBox-dropdown" style="position: absolute; top: -9999em; left: -9999em; width: auto; display: inline-block;" />');
+								var li = $('<li class="ui-selectBox-option">' + _htmlspecialchars(longestOption) + '</li>');
+								$(div).append(li);
+								$('BODY').append(div);
+								$(control).width(li.outerWidth());
+								$(div).remove();
+								
+							}
+							
+							if( $(select)[0].tagName.toLowerCase() !== 'select' || $(select).attr('multiple') === true ) return;
+							if( $(select).attr('disabled') === true ) $(control).addClass('ui-selectBox-disabled');
+							
+							var label = $(select).find('OPTION:selected').text();
+							if( label === '' ) label = '\u00A0'; // &nbsp;
+							
+							// Add label and arrow
+							$(control).append('<span class="ui-selectBox-label">' + _htmlspecialchars(label) + '</span>');
+							$(control).append('<span class="ui-selectBox-arrow"></span>');
+							$(select).hide().after(control);
+							
+							_disableSelection(control);
+							
+							$(control)
+								.bind('click', function() { return false; })
+								.bind('mousedown', { select: select, control: control }, _show)
+								.bind('focus', { select: select, control: control }, _focus)
+								.bind('blur', { select: select, control: control }, _blur);
+							
+						}
+						
+					});
+					
+					return $(this);
+					
+					break;
+				
+			}
+
+				
+		}
+		
+			
+	});
+	
+})(jQuery);
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/json2.js b/ffdemo/static/assets/js/vendor/json2.js
new file mode 100644
index 0000000..241a271
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/json2.js
@@ -0,0 +1,478 @@
+/*
+    http://www.JSON.org/json2.js
+    2008-11-19
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or '&nbsp;'),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the object holding the key.
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+*/
+
+/*jslint evil: true */
+
+/*global JSON */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+if (!this.JSON) {
+    JSON = {};
+}
+(function () {
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function (key) {
+
+            return this.getUTCFullYear()   + '-' +
+                 f(this.getUTCMonth() + 1) + '-' +
+                 f(this.getUTCDate())      + 'T' +
+                 f(this.getUTCHours())     + ':' +
+                 f(this.getUTCMinutes())   + ':' +
+                 f(this.getUTCSeconds())   + 'Z';
+        };
+
+        String.prototype.toJSON =
+        Number.prototype.toJSON =
+        Boolean.prototype.toJSON = function (key) {
+            return this.valueOf();
+        };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ?
+            '"' + string.replace(escapable, function (a) {
+                var c = meta[a];
+                return typeof c === 'string' ? c :
+                    '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+            }) + '"' :
+            '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0 ? '[]' :
+                    gap ? '[\n' + gap +
+                            partial.join(',\n' + gap) + '\n' +
+                                mind + ']' :
+                          '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    k = rep[i];
+                    if (typeof k === 'string') {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0 ? '{}' :
+                gap ? '{\n' + gap + partial.join(',\n' + gap) + '\n' +
+                        mind + '}' : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                     typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/.
+test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@').
+replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').
+replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function' ?
+                    walk({'': j}, '') : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+})();
diff --git a/ffdemo/static/assets/js/vendor/mark/mark.base.js b/ffdemo/static/assets/js/vendor/mark/mark.base.js
new file mode 100644
index 0000000..1c5d9c5
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/mark/mark.base.js
@@ -0,0 +1,13 @@
+var Mark = ( function ( mark ) { 
+	
+	// Basic classes for use throughout Mark
+	
+	mark.vector = function ( x, y, z ) {
+		this.x = x || 0;
+		this.y = y || 0;
+		this.z = z || 0;
+	}
+	
+	return mark;
+	
+}( Mark || {} ) );
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/mark/mark.brushes.js b/ffdemo/static/assets/js/vendor/mark/mark.brushes.js
new file mode 100644
index 0000000..61cc451
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/mark/mark.brushes.js
@@ -0,0 +1,218 @@
+var Mark = ( function ( mark ) { 
+	
+	mark.dof = 10000;
+
+	mark.thickMarkBrush = function( g, strokes, translateOptions, colorBase, w, h ) {
+		var colorBase = colorBase ? colorBase : '0,0,0';
+		// setup our starting bound
+		var p = Mark.renderer.translatePoint( strokes[0][0], translateOptions );
+		var bounds = { minX: p.x, maxX: p.x, minY: p.y, maxY: p.y };
+		// if this mark isn't even close to being on screen, just return
+		if ( ( w && h ) && ( p.x > w*2 || p.x < -w || p.y > h*2 || p.y < -h || p.z > mark.dof || p.z < 0 ) ) return;
+		// iterate
+		for( var i = 0; i < strokes.length; i++ ) {
+			if( typeof( strokes[i] ) == "undefined" || strokes[i].length <= 1 ) continue;
+			var prevP = null;
+			for( var j=0; j < strokes[i].length; j++ ) {
+				var p = Mark.renderer.translatePoint( strokes[i][j], translateOptions );
+				// if this point is out of the depth of field, on to the next one
+				if( p.z && ( p.z > mark.dof ) ) continue;
+				// if this point isn't significant enough, on to the next one
+				if( p.significance && p.significance * ( mark.dof / 5 )  < p.z - 500  ) continue;
+				// if this is the first point in a stroke
+				if( !prevP ) {
+					// if this isn't the first stroke in this mark, and this mark is a reasonable distance from the camera, connect them
+					if( i != 0 && p.z < 1500 ) {
+						var lastStrokePoint = Mark.renderer.translatePoint( strokes[i-1][strokes[i-1].length - 1], translateOptions );
+						if( lastStrokePoint.z && lastStrokePoint.z < mark.dof ) {
+							g.strokeStyle = 'rgba(0,0,0,0.3)';
+							g.lineWidth = 1;
+							g.beginPath();
+							g.dashedLineTo( lastStrokePoint.x, lastStrokePoint.y, p.x, p.y, [6,4] );
+							g.closePath();
+							g.stroke();
+						}
+					}
+					prevP = p;
+					prevPX = 0;
+					prevPY = 0;
+					continue;
+				}
+				g.lineWidth = 1;
+				// set line width
+				if ( j == strokes[i].length - 1 ) {
+					// if this is the last point, make the widht 0 so we dont have a blunt end
+					var px = 0;
+					var py = 0;
+				} else {
+					var distance = 9 - Math.max( 0, Math.pow(p.speed + 1, 3) );
+					if( translateOptions.mode == "flatScale" && translateOptions.scale.thickness ) {
+						distance *= translateOptions.scale.thickness;
+					} else {
+						if( p.z ) distance *= (2/p.z) * ( h / 2 );
+					}
+					if ( distance < 0.1 ) distance = 0.1;
+					distance += 1;
+					var px = Math.cos( p.angle ) * distance;
+					var py =  Math.sin( p.angle ) * distance;
+				}
+				g.strokeStyle = 'rgba(' + colorBase + ',' + ( ( mark.dof - p.z ) / mark.dof )+')';
+				g.fillStyle = 'rgba(' + colorBase + ',' + ( ( mark.dof - p.z ) / mark.dof  )+')';
+				
+					
+				try {
+					g.beginPath();
+					g.lineWidth = 0.5 * ( ( mark.dof - p.z ) / mark.dof );
+					g.moveTo( prevP.x - prevPX - 0.5, prevP.y - prevPY - 0.5 );
+					g.lineTo( prevP.x + prevPX - 0.5, prevP.y + prevPY - 0.5 );
+					g.lineTo( p.x + px - 0.5, p.y + py - 0.5 );
+					g.lineTo( p.x - px - 0.5, p.y - py - 0.5 );
+					g.lineTo( prevP.x - prevPX - 0.5, prevP.y - prevPY - 0.5 );
+					g.fill();
+					g.stroke();
+				} catch( e ) {
+					// console.error( p, prevX, prevY, prevT, px, py, dx, dy, dt );
+				}
+				// expand bounds
+				bounds.minX = p.x < bounds.minX ? p.x : bounds.minX;
+				bounds.minY = p.y < bounds.minY ? p.y : bounds.minY;
+				bounds.maxX = p.x > bounds.maxX ? p.x : bounds.maxX;
+				bounds.maxY = p.y > bounds.maxY ? p.y : bounds.maxY;
+				// stash variables for later
+				prevP = p
+				prevPX = px;
+				prevPY = py;
+			}
+		}
+		// return our bounds for storage
+		return bounds;
+	};
+	mark.connectionBrush = function( g, p1, p2, offset1, offset2, w, h ) {
+		var tO = { offset: offset1, w: w, h: h, mode: 'pinhole' };
+		p1 = Mark.renderer.translatePoint( p1, tO );
+		tO.offset = offset2;
+		p2 = Mark.renderer.translatePoint( p2, tO );
+		// if these points are both off the screen, don't render the line
+		if ( ( p1.x > w || p1.x < 0 || p1.y > h || p1.y < 0 ) && ( p2.x > w || p2.x < 0 || p2.y > h || p2.y < 0 )  ) return;
+		// if these points are out of the dof, don't render the line
+		if ( p1.z && p2.z && ( p1.z > mark.dof || p1.z < 0 ) && ( p2.z > mark.dof || p2.z < 0 ) ) return;
+		g.strokeStyle = 'rgba(0,0,0,' + ( ( mark.dof - p1.z ) / (mark.dof*2) )+')';
+		var distance = 3 * (2/p1.z) * ( h / 2 );
+		if ( distance < 1 ) distance = 1;
+		g.lineWidth = distance;
+		g.beginPath();
+		g.moveTo( p1.x, p1.y );
+		g.lineTo( p2.x, p2.y );
+		g.closePath();
+		g.stroke();
+	},
+	mark.thickBrush = function( g, strokes, offsetX, offsetY, depth ) {
+		var offsetX = offsetX ? offsetX : 0;
+		var offsetY = offsetY ? offsetY : 0;
+		var depth = depth ? depth : 1;
+		
+		for( var i = 0; i < strokes.length; i++ ) {
+			if( typeof( strokes[i] ) == "undefined" || strokes[i].length <= 1 ) continue;
+			// if this is the first point in a stroke
+			if( i > 0 ) {
+				// connect to the last stroke
+				g.strokeStyle = 'rgba(0,0,0,0.1)';
+				g.lineWidth = 1;
+				g.beginPath();
+				var lastX = strokes[i-1][strokes[i-1].length - 1].x,
+					lastY = strokes[i-1][strokes[i-1].length - 1].y,
+					firstX = strokes[i][0].x,
+					firstY = strokes[i][0].y;
+				g.dashedLineTo( lastX + offsetX, lastY + offsetY, firstX + offsetX, firstY + offsetY, [6,4] );
+				g.closePath();
+				g.stroke();
+			}
+			g.lineWidth = 1;
+			g.strokeStyle = '#000000';
+			g.fillStyle = '#000000';
+			var prevPX = 0,
+				prevPY = 0,
+				prevT = strokes[i][0].time,
+				prevX = strokes[i][0].x,
+				prevY = strokes[i][0].y ;
+			for( var j=1; j < strokes[i].length; j++ ) {
+				var p = strokes[i][j];
+				// if this point is insignificant, on to the next one
+				if( p.significance < depth ) continue;
+				// if this is the last stroke
+				if ( j == strokes[i].length - 1 ) {
+					var px = 0;
+					var py = 0;
+				} else {
+					var distance = 9 - Math.pow(p.speed + 1, 3);
+					if ( distance < 0.5 ) distance = 0.5;
+					distance += 1;
+					var px = Math.cos( p.angle ) * distance;
+					var py =  Math.sin( p.angle ) * distance;
+				}
+				try {
+					g.beginPath();
+					g.moveTo( prevX - prevPX - 0.5 + offsetX, prevY - prevPY - 0.5 + offsetY );
+					g.lineTo( prevX + prevPX - 0.5 + offsetX, prevY + prevPY - 0.5 + offsetY );
+					g.lineTo( p.x + px - 0.5 + offsetX, p.y + py - 0.5 + offsetY );
+					g.lineTo( p.x - px - 0.5 + offsetX, p.y - py - 0.5 + offsetY );
+					g.lineTo( prevX - prevPX - 0.5 + offsetX, prevY - prevPY - 0.5 + offsetY );
+					g.fill();
+					g.stroke();
+				} catch( e ) {
+					// console.error( p, prevX, prevY, prevT, px, py, dx, dy, dt );
+				}
+				prevPX = px;
+				prevPY = py;
+				prevX = p.x;
+				prevY = p.y;
+				prevT = p.time;
+				prevAng = p.angle;
+			}
+		}
+	};
+	
+	mark.circleMarkBrush = function( g, strokes, offsetParent ) {
+		var d = 3;
+		for( var i = 0; i < strokes.length; i++ ) {
+			if( strokes[i].length == 0 ) continue;
+			for( var j=0; j < strokes[i].length; j++ ) {
+				var p = Mark.renderer.translatePoint( strokes[i][j], offsetParent );
+				if( p.z && p.z > mark.dof ) continue;
+				d = 3 * ( ( mark.dof - p.z ) / mark.dof );
+				g.fillStyle = "rgba(255,255,255,0.4)";
+				g.strokeStyle = "rgba(255,255,255,0.4)";
+				g.beginPath();
+				g.arc(p.x, p.y, d, 0, Math.PI*2, true);
+				g.closePath();
+				g.fill();
+				g.stroke();
+				g.lineTo( p.x, p.y );
+			}
+		}
+	};
+	
+	mark.circleBrush = function( g, strokes, offsetX, offsetY, depth ) {
+		var offsetX = offsetX ? offsetX : 0;
+		var offsetY = offsetY ? offsetY : 0;
+		var depth = depth ? depth : 1;
+		for( var i = 0; i < strokes.length; i++ ) {
+			if( strokes[i].length == 0 ) continue;
+			var p1 = strokes[i][0];
+			g.beginPath();
+			for( var j=0; j < strokes[i].length; j++ ) {
+				var p = strokes[i][j];
+				// if this point is insignificant, on to the next one
+				if( p.significance < depth ) continue;
+				g.beginPath();
+				g.arc(p.x + offsetX, p.y + offsetY, 3, 0, Math.PI*2, true);
+				g.closePath();
+				g.fill();
+				g.stroke();
+				g.lineTo( p.x + offsetX, p.y + offsetY );
+			}
+		}
+	};
+	
+	return mark; 
+}( Mark || {} ) );
diff --git a/ffdemo/static/assets/js/vendor/mark/mark.camera.js b/ffdemo/static/assets/js/vendor/mark/mark.camera.js
new file mode 100644
index 0000000..dc81f85
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/mark/mark.camera.js
@@ -0,0 +1,14 @@
+var Mark = ( function ( mark ) { 
+	
+	// This is currently very rudimentry
+	// no projection math happening, just some offsets to consult when rendering marks
+	
+	mark.camera = function ( ) {
+	
+		this.position = new mark.vector( 0, 0 ,-1000 );
+		
+	};
+	
+	return mark;
+	
+}( Mark || {} ) );
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/mark/mark.gmlMark.js b/ffdemo/static/assets/js/vendor/mark/mark.gmlMark.js
new file mode 100644
index 0000000..04de356
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/mark/mark.gmlMark.js
@@ -0,0 +1,166 @@
+var Mark = ( function ( mark ) { 
+	mark.gmlMark = function( strokes, reference, country_code, time, rtl, id, is_approved ) {
+		this.strokes = strokes;
+		this.country_code = country_code; 
+		this.time = time;
+		this.rtl = rtl;
+		this.maxTime = 0;
+		this.reference = reference;
+		this.hoverState = false;
+		this.renderedBounds = null;
+		this.id = id ? id : null;
+		this.is_approved = is_approved;
+		this.contributor_name = null;
+		this.extra_info = null;
+		
+		// colors for this mark
+		this.color = '0,0,0';
+		
+		// current position of this mark
+		this.x = 0;
+		this.y = 0; 
+		
+		// we represent the mark as a plane sitting in 3d space -- all point positions can then be calculatd relative to this
+		// top left corner of the bounding box
+		this.position = {x: 0, y: 0, z: 0};
+		// angle of the plane in 3d space -- values are between -1 and 1, and really we only want to allow rotation around the Y axis
+		this.rotationAngle = {x: 0, y: 0, z: 0};
+		
+		// offset of the start point from the origin of the bounding box
+		this.sX = 0;
+		this.sY = 0;
+		
+		// bounding box dimensions
+		this.bWidth = 0;
+		this.bHeight = 0;
+		
+		this.init = function () {
+			if( this.strokes.length > 0 ) {
+				this.setupVars();
+			}
+		};
+		
+		this.setupVars = function () {
+			this.maxTime = this.lastPoint().time;
+			this.getBoundingBox();
+		};
+		
+		// looks for and returns the start of a stroke that is the furthes to the left
+		this.leftmostStrokeStart = function () {
+			var firstPoint = this.strokes[0][0];
+			for ( var i = 1; i < this.strokes.length; i++ ) {
+				var p = this.strokes[i][0];
+				if ( p.x < firstPoint.x ) lastPoint = p;
+			}
+			return firstPoint;
+		}
+		// looks for and returns the end of a stroke that is furthest to the right
+		this.rightmostStrokeEnd = function () {
+			// start with the last point of the first stroke
+			var lastPoint = this.strokes[0][this.strokes[0].length - 1];
+			for ( var i = 1; i < this.strokes.length; i++ ) {
+				var p = this.strokes[i][this.strokes[i].length - 1];
+				if ( p.x > lastPoint.x ) lastPoint = p;
+			}
+			return lastPoint;
+		};
+		
+		// returns the very first point drawn in this stroke
+		this.firstPoint = function () {
+			return this.strokes[0][0];
+		};
+		
+		// returns the very last point drawn in this stroke
+		this.lastPoint = function () {
+			return this.strokes[this.strokes.length - 1][this.strokes[this.strokes.length - 1].length - 1];
+		};
+		
+		this.translatePoint = function ( point ) {
+			var tP = point.clone();
+			tP.x = this.x + point.x;
+			tP.y = this.y + point.y;
+			return tP;
+		};
+		
+		this.getBoundingBox = function () {
+			var p1 = this.strokes[0][0];
+			var maxX = p1.x, minX = p1.x, maxY = p1.y, minY= p1.y;
+			for( var i = 0; i < this.strokes.length; i ++ ) {
+				for( var j = 0; j < this.strokes[i].length; j++ ) {
+					var p = this.strokes[i][j];
+					maxX = p.x > maxX ? p.x : maxX;
+					maxY = p.y > maxY ? p.y : maxY;
+					minX = p.x < minX ? p.x : minX;
+					minY = p.y < minY ? p.y : minY;
+				}
+			}
+			this.bWidth = maxX - minX;
+			this.bHeight = maxY - minY;
+			this.x = minX;
+			this.y = minY;
+			if ( minX != 0 || minY != 0 )
+				this.fitPointsToBounds( minX, minY );
+		};
+		
+		this.fitPointsToBounds = function ( minX, minY ) {
+			for( var i = 0; i < this.strokes.length; i ++ ) {
+				for( var j = 0; j < this.strokes[i].length; j++ ) {
+					this.strokes[i][j].x -= minX;
+					this.strokes[i][j].y -= minY;
+				}
+			}
+		};
+		
+		// returns a subset of this marks strokes, at a given time
+		this.strokesAtTime =  function ( time ) {
+			if( time > this.maxTime ) return this.strokes;
+			var sat = [[]];
+			var curIndex = [0, 0]
+			var nextPoint = this.strokes[curIndex[0]][curIndex[1]];
+			while( nextPoint.time < time ) {
+				sat[sat.length - 1].push( nextPoint );
+				curIndex[1]++;
+				if( this.strokes[curIndex[0]].length == curIndex[1] ) {
+					curIndex[0]++;
+					curIndex[1] = 0;
+					sat.push([]);
+				}
+				nextPoint = this.strokes[curIndex[0]][curIndex[1]];
+			}
+			return sat;
+		};
+		
+		// If reverse is true, we position relative to the start of the mark
+		// if it's false, or ommitted, we position relative to the end of the mark
+		this.positionRelativeTo = function ( mark, reverse ) {
+			var reverse = reverse ? !!reverse : false;
+			var buffer = 50;
+			if ( reverse ) {
+				this.position.x = mark.position.x - buffer - this.bWidth;
+				// this.x = mark.x + mark.firstPoint().x - this.lastPoint().x;
+				this.position.y = mark.position.y + mark.leftmostStrokeStart().y - this.rightmostStrokeEnd().y;
+				// this is based on a static computation in mark.renderer
+				// if you change it there, change it here
+				this.position.z =  mark.position.z - ( this.maxTime / 50 );
+			} else {
+				this.position.x = mark.position.x + mark.bWidth + this.leftmostStrokeStart().x + buffer;
+				// this.x = mark.x + mark.rightmostStrokeEnd().x - this.leftmostStrokeStart().x;
+				this.position.y = mark.position.y + mark.rightmostStrokeEnd().y - this.firstPoint().y;
+				// this is based on a static computation in mark.renderer
+				// if you change it there, change it here
+				this.position.z =  mark.position.z + ( mark.maxTime / 50 );
+			}
+		};
+		
+		this.positionToStart = function () {
+			this.position.x = 0;
+			this.position.y = 0;
+			this.position.z =  0;
+		};
+		
+		
+		this.init();
+		
+	};
+	return mark; 
+}( Mark || {} ) );
diff --git a/ffdemo/static/assets/js/vendor/mark/mark.gmlPoint.js b/ffdemo/static/assets/js/vendor/mark/mark.gmlPoint.js
new file mode 100644
index 0000000..af556fb
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/mark/mark.gmlPoint.js
@@ -0,0 +1,56 @@
+var Mark = ( function ( mark ) { 
+	mark.gmlPoint = function( x, y, time, speed, z ) {
+		this.x = x; 
+		this.y = y;
+		this.z = typeof z == "integer" ? z : 0;
+		this.time = time;
+		this.speed = speed; 
+		this.angle = 0; 
+		this.significance = 1; // 1-5 value for how significant this point is -- useful for easign the complexity of lines that are far from the camera
+		 
+		// returns the distance between this and another point
+		this.distanceToPoint = function( point ) {
+			return Math.sqrt( Math.pow( (point.x - this.x ), 2 ) + Math.pow( (point.y - this.y ), 2 ) );
+		};
+		
+		// returns a speed between this point and a point in the future
+		this.speedToPoint = function( point ) {
+			var dp = this.distanceToPoint( point );
+			var dt = point.time - this.time;
+			return dp / dt;
+		};
+		
+		// ensures this point's speed is not changing substantially faster than it should
+		// allowance is a per unit distance change
+		this.smoothAgainst = function( point, allowance ) {
+			var d = this.distanceToPoint( point );
+			var a = allowance * d;
+			if ( Math.abs( this.speed - point.speed ) > a ) {
+				this.speed = this.speed > point.speed ? point.speed + a : point.speed - a;
+			} 
+		};
+		
+		// considers a prior point and sets this point's angle accordingly
+		// ensures that the angle is a radian value between 0 and 2 * PI
+		this.setAngleFromPoint = function ( point ) {
+			this.angle = Math.atan2( point.y - this.y, point.x - this.x ) + ( Math.PI / 2 );
+			this.angle = this.angle % ( 2 * Math.PI );
+			if( this.angle < 0 ) this.angle = ( 2 * Math.PI ) + this.angle; 
+		};
+		
+		// returns a basic copy of this point
+		this.clone = function ()  {
+			return { x: this.x, y: this.y, z: this.z, time: this.time, significance: this.significance, angle: this.angle, speed: this.speed };
+		};
+		
+		// returns a copy of this point translated by x, y
+		this.getTranslatedPoint = function ( x, y ) {
+			var point = this.clone();
+			point.x += x;
+			point.y += y;
+			return point;
+		};
+		
+	};
+	return mark; 
+}( Mark || {} ) );
diff --git a/ffdemo/static/assets/js/vendor/mark/mark.layer.js b/ffdemo/static/assets/js/vendor/mark/mark.layer.js
new file mode 100644
index 0000000..b16ceb6
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/mark/mark.layer.js
@@ -0,0 +1,45 @@
+var Mark = ( function ( mark ) { 
+	
+	mark.layer = function( manager, name ) {
+	
+		this.canvas = null; 
+		this.context = null;
+		this.dirtyRectangles = [];
+		this.layerName = name;
+		this.manager = manager;
+	
+		this.clean = function() {
+			if( this.dirtyRectangles.length == 0 ) {
+				// if theres no dirtyRectangles, clear the whole thing (probably not the best default)
+				this.context.clearRect( 0, 0, this.canvas.width, this.canvas.height );
+			} else {
+				// loop through dirty rectangles, and run clearRect on each
+				for( var i = 0; i< this.dirtyRectangles.length; i++ ) {
+					var rect = this.dirtyRectangles[i];
+					this.context.clearRect( i.x, i.y, i.w, i.h );
+				}
+			}
+		};
+	
+		this.setSize = function( w, h ) {
+			if( this.canvas.width != w ) this.canvas.width = w;
+			if( this.canvas.height != h ) this.canvas.height = h;
+		};
+	
+		this.init = function () {
+			this.canvas = document.createElement( 'canvas' );
+			this.context = this.canvas.getContext( '2d' );
+			this.setSize( this.manager.container.scrollWidth, this.manager.container.scrollHeight );
+			this.manager.layerWrapper.appendChild( this.canvas );
+		};
+	
+		this.remove = function ()  {
+			this.manager.layerWrapper.removeChild( this.canvas );
+		};
+	
+		this.init();
+	};
+	
+	return mark;
+	
+}( Mark || {} ) );
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/mark/mark.layerManager.js b/ffdemo/static/assets/js/vendor/mark/mark.layerManager.js
new file mode 100644
index 0000000..1edd477
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/mark/mark.layerManager.js
@@ -0,0 +1,42 @@
+var Mark = ( function ( mark ) { 
+	mark.layerManager = function( container ) {
+	
+		this.container = container; 
+		this.layerWrapper = null;
+		this.layers = {};
+	
+		this.init = function () { 
+			// attach a new div for our layers to reside in 
+			this.layerWrapper = document.createElement( 'div' );
+			this.layerWrapper.className = 'mark-layerManager';
+			this.container.appendChild( this.layerWrapper );
+		};
+	
+		// add a layer to our container
+		this.addLayer = function( name ) {
+			var layer = new mark.layer( this, name );
+			this.layers[name] = layer;
+			return layer;
+		};
+		
+		// remove all layers from our container 
+		this.removeAll = function () {
+			for( var layer in this.layers ) {
+				this.layers[layer].remove();
+				delete this.layers[layer];
+			}
+		};
+		
+		// resize all layers to the passed width and height
+		this.resizeAll = function( w, h ) {
+			for( var layer in this.layers ) {
+				this.layers[layer].setSize( w, h );
+			}
+		};
+		
+		this.init();
+	
+	};
+	return mark;
+	
+}( Mark || {} ) );
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/mark/mark.renderer.js b/ffdemo/static/assets/js/vendor/mark/mark.renderer.js
new file mode 100644
index 0000000..d845149
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/mark/mark.renderer.js
@@ -0,0 +1,156 @@
+var Mark = ( function ( mark ) { 
+	
+	mark.renderer = {
+		// all points are passed through here durring rendering 
+		// current supported options
+		// - offset - an object with x, y, and possibly z 
+		// - w - output width - defaults to 500
+		// - h - output height - defaults to 500
+		// - mode - which of the translate modes we should use. defaults to 'pinhole'
+		// - scale - an object with x, y and possibly thickness values to scale the x, y coords and the stroke thickness by.
+		translatePoint: function( point, options ) {
+			var modes = {
+				// simple offset and scale translate
+				'flatScale': function( rP, options ) {
+					var offsetX = ('offset' in options) && ( 'x' in options['offset'] ) ? options.offset.x : 0;
+					var offsetY = ('offset' in options) && ( 'y' in options['offset'] ) ? options.offset.y : 0;
+					var scaleX = ('scale' in options) && ( 'x' in options['scale'] ) ? options.scale.x : 1;
+					var scaleY = ('scale' in options) && ( 'y' in options['scale'] ) ? options.scale.y : 1;
+					rP.x *= scaleX;
+					rP.y *= scaleY;
+					rP.x += offsetX;
+					rP.y += offsetY;
+					return rP;
+				},
+				// maps the point to a 3D parabolic shape and then uses a pinhole camera approace to map it back to 2D coords
+				'pinhole': function( rP, options ) {
+					var offsetX = ('offset' in options) && ( 'x' in options['offset'] ) ? options.offset.x : 0;
+					var offsetY = ('offset' in options) && ( 'y' in options['offset'] ) ? options.offset.y : 0;
+					var offsetZ = ('offset' in options) && ( 'z' in options['offset'] ) ? options.offset.z : 0;
+					var w = ('w' in options) ? options.w : 500;
+					var h = ('h' in options) ? options.h : 500;
+					var spread = 100;
+					var shift = -100;
+					rP.x += offsetX;
+					rP.y += offsetY;
+					if( rP.x > 0 ) {
+						rP.z = Math.pow( ( ( rP.x - shift ) / spread ), 2) + offsetZ;
+					} else {
+						rP.z = Math.pow( ( ( rP.x - shift ) / spread / 2 ), 2) + offsetZ;
+					}
+					// make it a bit deeper based on time
+					if( rP.time ) rP.z += rP.time / 50;
+					var v = 2 / ( rP.z );
+					rP.x = rP.x * v * ( h / 2 ) + ( w / 2 );
+					rP.y = rP.y * v * ( h / 2 ) + ( h / 2 );
+					return rP;
+				}
+			};
+			// create a new object based on our point. Basically this will be a clone of the gmlPoint w/o functions
+			var rP = { x: point.x, y: point.y, z: point.z, time: point.time, significance: point.significance, angle: point.angle, speed: point.speed };
+			// run the appropriate function and return the result
+			return ( 'mode' in options ) && ( options['mode'] in modes ) ? 
+				modes[options['mode']]( rP, options ) : modes['pinhole']( rP, options );
+		},
+		// returns a subset of strokes for the given time
+		strokesAtTime: function ( strokes, time ) {
+			// if( time > this.maxTime ) return this.strokes;
+			var sat = [[]];
+			var curIndex = [0, 0];
+			var nextPoint = strokes[curIndex[0]][curIndex[1]];
+			while( nextPoint.time < time ) {
+				sat[sat.length - 1].push( nextPoint );
+				curIndex[1]++;
+				if( strokes[curIndex[0]].length == curIndex[1] ) {
+					// next stroke if we've got another
+					if( strokes.length == curIndex[0] + 1 ) break;
+					curIndex[0]++;
+					curIndex[1] = 0;
+					sat.push([]);
+				}
+				nextPoint = strokes[curIndex[0]][curIndex[1]];
+			}
+			return sat;
+		},
+		// renders a scene for the viz
+		// accepted options - cursor { x, y }, width, height
+		renderScene: function( scene, options ) {
+			var lastMarkStart;
+			var w = options.width;
+			var h = options.height;
+			for( var i = scene.objects.length - 1; i >= 0; i-- ) {
+				// set our offset based on the camera and the marks position
+				var offset = {
+					x: scene.objects[i].position.x - scene.camera.position.x,
+					y: scene.objects[i].position.y - scene.camera.position.y,
+					z: scene.objects[i].position.z - scene.camera.position.z
+				};
+				colorBase = scene.objects[i].color;
+				var translateOptions = {
+					offset: offset,
+					w: options.width,
+					h: options.height,
+					mode: 'pinhole'
+				};
+				if( i < scene.objects.length - 1 && !( scene.objects[i].reference in scene.timers ) ) {
+					// draw the connection
+					var offset1 = {
+						x: scene.objects[i+1].position.x - scene.camera.position.x,
+						y: scene.objects[i+1].position.y - scene.camera.position.y,
+						z: scene.objects[i+1].position.z - scene.camera.position.z
+					};
+					var offset2 = {
+						x: scene.objects[i].position.x - scene.camera.position.x,
+						y: scene.objects[i].position.y - scene.camera.position.y,
+						z: scene.objects[i].position.z - scene.camera.position.z
+					};
+					var p1 = scene.objects[i+1].leftmostStrokeStart();
+					var p2 = scene.objects[i].rightmostStrokeEnd();
+					Mark.connectionBrush( scene.canvasContext , p1, p2, offset1, offset2, w, h );
+				}
+				
+				var translateOptions = {
+					offset: offset,
+					w: options.width,
+					h: options.height,
+					mode: 'pinhole'
+				};
+				// DRAW THAT MARK
+				if( scene.objects[i].reference in scene.timers ) {
+					// render a mark that is currently being replayed
+					var strokes = mark.renderer.strokesAtTime( 
+						scene.objects[i].strokes, 
+						( ( new Date() ).getTime() - scene.timers[scene.objects[i].reference].start ) * scene.timers[scene.objects[i].reference].speed );
+					if( strokes && strokes.length > 0 && strokes[0].length > 0 ) 
+						scene.objects[i].renderedBounds = 
+							Mark.thickMarkBrush( scene.canvasContext, strokes, translateOptions, colorBase, options.width, options.height );
+				} else {
+					// render a mark that is not being played back
+					scene.objects[i].renderedBounds = 
+						Mark.thickMarkBrush( scene.canvasContext, scene.objects[i].strokes, translateOptions, colorBase, options.width, options.height );
+				}
+			}
+		},
+		// simpler render method for playing back an individual mark using our flatScale translate method
+		// accepted options - timer, width, height, offset {x, y}, scale, color
+		renderMark: function( canvasContext, aMark, options ) {
+			// DRAW THAT MARK
+			var translateOptions = {
+				offset: options.offset, 
+				scale: options.scale,
+				mode: 'flatScale'
+			};
+			if( 'timer' in options && options.timer ) {
+				// render a mark that is currently being replayed
+				var strokes = mark.renderer.strokesAtTime( aMark.strokes, ( ( new Date() ).getTime() - options.timer.start ) * options.timer.speed );
+				if( strokes && strokes.length > 0 && strokes[0].length > 0 ) 
+					aMark.renderedBounds = Mark.thickMarkBrush( canvasContext, strokes, translateOptions, options.color  );
+			} else {
+				// render a mark that is not being played back
+				aMark.renderedBounds = Mark.thickMarkBrush( canvasContext, aMark.strokes, translateOptions, options.color );
+			}
+		}
+	};
+	
+	return mark; 
+}( Mark || {} ) );
diff --git a/ffdemo/static/assets/js/vendor/mark/mark.scene.js b/ffdemo/static/assets/js/vendor/mark/mark.scene.js
new file mode 100644
index 0000000..5188c95
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/mark/mark.scene.js
@@ -0,0 +1,37 @@
+var Mark = ( function ( mark ) { 
+	
+	mark.scene = function ( ) {
+	
+		this.camera = new Mark.camera();
+		this.objects = [];
+		this.canvasContext = null;
+		this.timers = {};
+		
+		this.init = function ( ) {
+			
+		};
+		
+		this.addObject = function ( object ) {
+			this.objects.push( object );
+		};
+		
+		this.removeObject = function ( index ) {
+			this.objects.splice( index, 1 );
+		};
+		
+		this.update = function ( ) {
+			var now = ( new Date() ).getTime();
+			for( mark in this.timers ) {
+				if( this.timers[mark].end < now ) {
+					delete this.timers[mark];
+				} 
+			}
+		};
+		
+		this.init();
+		
+	};
+	
+	return mark;
+	
+}( Mark || {} ) );
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/mark/mark.simplifyPath.js b/ffdemo/static/assets/js/vendor/mark/mark.simplifyPath.js
new file mode 100644
index 0000000..2579f8a
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/mark/mark.simplifyPath.js
@@ -0,0 +1,86 @@
+var Mark = ( function ( mark ) { 
+	mark.simplification = {
+		// helper function
+		Line: function( p1, p2 ) {
+			this.p1 = p1;
+			this.p2 = p2;
+			this.distanceToPoint = function( point ) {
+				// slope
+				var m = ( this.p2.y - this.p1.y ) / ( this.p2.x - this.p1.x );
+				// y offset
+				var b = this.p1.y - ( m * this.p1.x );
+				var d = [];
+				// distance to the linear equation
+				d.push( Math.abs( point.y - ( m * point.x ) - b ) / Math.sqrt( Math.pow( m, 2 ) + 1 ) )
+				// distance to p1
+				d.push( Math.sqrt( Math.pow( ( point.x - this.p1.x ), 2 ) + Math.pow( ( point.y - this.p1.y ), 2 ) ) )
+				// distance to p2
+				d.push( Math.sqrt( Math.pow( ( point.x - this.p2.x ), 2 ) + Math.pow( ( point.y - this.p2.y ), 2 ) ) );
+				// return the smallest distance
+				return d.sort( function( a, b ) {
+					return ( a - b ) //causes an array to be sorted numerically and ascending
+				} )[0];
+			}
+		},
+		// main simplification algorithm
+		douglasPeucker: function( points, tolerance ) {
+			var returnPoints = [];
+			if ( points.length <= 2 ) {
+				return [points[0]];
+			}
+			// make line from start to end 
+			var line = new mark.simplification.Line( points[0], points[points.length - 1] );
+			// find the largest distance from intermediate poitns to this line
+			var maxDistance = 0;
+			var maxDistanceIndex = 0;
+			for( var i = 1; i <= points.length - 2; i++ ) {
+				var distance = line.distanceToPoint( points[ i ] );
+				if( distance > maxDistance ) {
+					maxDistance = distance;
+					maxDistanceIndex = i;
+				}
+			}
+			// check if the max distance is greater than our tollerance allows 
+			if ( maxDistance >= tolerance ) {
+				var p = points[maxDistanceIndex];
+				line.distanceToPoint( p, true );
+				// include this point in the output 
+				returnPoints = returnPoints.concat( mark.simplification.douglasPeucker( points.slice( 0, maxDistanceIndex + 1 ), tolerance ) );
+				// returnPoints.push( points[maxDistanceIndex] );
+				returnPoints = returnPoints.concat( mark.simplification.douglasPeucker( points.slice( maxDistanceIndex, points.length ), tolerance ) );
+			} else {
+				// ditching this point
+				var p = points[maxDistanceIndex];
+				line.distanceToPoint( p, true );
+				returnPoints = [points[0]];
+			}
+			return returnPoints;
+		},
+		// returns a simplified version of a stroke based on the passed tolerance
+		simplifyPath: function( points, tolerance ) {
+			var arr = mark.simplification.douglasPeucker( points, tolerance );
+			// always have to push the very last point on so it doesn't get left off
+			arr.push( points[points.length - 1 ] );
+			return arr;
+		},
+		// weights a stroke based on the passed tolerances 
+		weightPath: function( points, tolerances ) {
+			var maxSignificance = tolerances.length + 1;
+			var tmpPoints = points;
+			while( tolerance = tolerances.shift() ) {
+				// limit the points array by the current tolerance
+				tmpPoints = mark.simplification.douglasPeucker( tmpPoints, tolerance );
+				// increment the significance of all points that pass the simplfification
+				for( var i = 0; i < tmpPoints.length; i++ ) {
+					tmpPoints[i].significance++;
+				}
+			}
+			// maker sure the beginning and end of all strokes get the hightest significance
+			points[0].significance = maxSignificance;
+			points[points.length - 1].significance = maxSignificance;
+			return points;
+		}
+	};
+	
+	return mark;
+}( Mark || {} ) );
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/plugins/sammy.hash_push_proxy.js b/ffdemo/static/assets/js/vendor/plugins/sammy.hash_push_proxy.js
new file mode 100644
index 0000000..c004791
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/plugins/sammy.hash_push_proxy.js
@@ -0,0 +1,110 @@
+Sammy.HashPushProxy = function(app, run_interval_every) {
+	this.app = app;
+	// detect if we can use the history api
+	this.supportsHistory = !!( window.history && history.pushState );
+	if( !this.supportsHistory ) {
+		// if history is not supported, start polling
+		this._startPolling( run_interval_every );
+		// and set this as a non native app?
+		this.is_native = false;
+	}
+};
+
+Sammy.HashPushProxy.prototype = {
+
+	// bind the proxy events to the current app.
+	bind: function() {
+		var proxy = this, app = this.app;
+		if( this.app.supportsHistory ) {
+			$( window ).bind( 'popstate', function( e ) {
+				proxy.app.trigger( 'location-changed' );
+			} );
+			$( 'a' ).live( 'click', function(e) {
+				// Do not bind external links
+				if ( location.hostname == this.hostname ) {
+					e.preventDefault();
+					// if the history API is supported
+					if ( proxy.historyAPISupported ) {
+						proxy.setLocation( $( this ).attr( 'href' ) );
+						proxy.app.trigger( 'location-changed' );
+					} else {
+						proxy.setLocation( '#' + $( this ).attr( 'href' ) );
+						proxy.app.trigger( 'location-changed' );
+					}
+					
+				}
+			} );
+		} else {
+			$( window ).bind( 'hashchange.' + this.app.eventNamespace(), function( e, non_native ) {
+				// if we receive a native hash change event, set the proxy accordingly
+				// and stop polling
+				if ( proxy.is_native === false && !non_native ) {
+					Sammy.log('native hash change exists, using');
+					proxy.is_native = true;
+					window.clearInterval(Sammy.HashLocationProxy._interval);
+				}
+				app.trigger('location-changed');
+			});
+			if (!Sammy.HashLocationProxy._bindings) {
+				Sammy.HashLocationProxy._bindings = 0;
+			}
+			Sammy.HashLocationProxy._bindings++;
+		}
+	},
+
+	// unbind the proxy events from the current app
+	unbind: function() {
+		if( this.app.supportsHistory ) {
+			$('a').unbind('click');
+			$(window).unbind('popstate');
+		} else {
+			$(window).unbind('hashchange.' + this.app.eventNamespace());
+			Sammy.HashLocationProxy._bindings--;
+			if (Sammy.HashLocationProxy._bindings <= 0) {
+				window.clearInterval(Sammy.HashLocationProxy._interval);
+			}
+		}
+	},
+
+	// get the current location.
+	getLocation: function() {
+		if( this.app.supportsHistory ) {
+			return window.location.pathname;
+		} else {
+			// Bypass the `window.location.hash` attribute.	If a question mark
+			// appears in the hash IE6 will strip it and all of the following
+			// characters from `window.location.hash`.
+			var matches = window.location.toString().match(/^[^#]*(#.+)$/);
+			return matches ? matches[1] : '';
+		}
+	},
+
+	// set the current location to `new_location`
+	setLocation: function( new_location ) {
+		if( this.app.supportsHistory ) {
+			history.pushState( { path: this.path }, '', new_location )
+		} else {
+			return (window.location = new_location);
+		}
+	},
+
+	_startPolling: function(every) {
+		// set up interval
+		var proxy = this;
+		if (!Sammy.HashLocationProxy._interval) {
+			if (!every) { every = 10; }
+			var hashCheck = function() {
+				var current_location = proxy.getLocation();
+				if (!Sammy.HashLocationProxy._last_location ||
+					current_location != Sammy.HashLocationProxy._last_location) {
+					window.setTimeout(function() {
+						$(window).trigger('hashchange', [true]);
+					}, 13);
+				}
+				Sammy.HashLocationProxy._last_location = current_location;
+			};
+			hashCheck();
+			Sammy.HashLocationProxy._interval = window.setInterval(hashCheck, every);
+		}
+	}
+};
\ No newline at end of file
diff --git a/ffdemo/static/assets/js/vendor/plugins/sammy.template.js b/ffdemo/static/assets/js/vendor/plugins/sammy.template.js
new file mode 100755
index 0000000..2ce315f
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/plugins/sammy.template.js
@@ -0,0 +1,141 @@
+(function($) {
+
+  // Simple JavaScript Templating
+  // John Resig - http://ejohn.org/ - MIT Licensed
+  // adapted from: http://ejohn.org/blog/javascript-micro-templating/
+  // originally $.srender by Greg Borenstein http://ideasfordozens.com in Feb 2009
+  // modified for Sammy by Aaron Quint for caching templates by name
+  var srender_cache = {};
+  var srender = function(name, template, data, options) {
+    var fn, escaped_string;
+    // target is an optional element; if provided, the result will be inserted into it
+    // otherwise the result will simply be returned to the caller
+    if (srender_cache[name]) {
+      fn = srender_cache[name];
+    } else {
+      if (typeof template == 'undefined') {
+        // was a cache check, return false
+        return false;
+      }
+      // If options escape_html is false, dont escape the contents by default
+      if (options && options.escape_html === false) {
+        escaped_string = "\",$1,\"";
+      } else {
+        escaped_string = "\",h($1),\"";
+      }
+      // Generate a reusable function that will serve as a template
+      // generator (and which will be cached).
+      fn = srender_cache[name] = new Function("obj",
+      "var ___$$$___=[],print=function(){___$$$___.push.apply(___$$$___,arguments);};" +
+
+      // Introduce the data as local variables using with(){}
+      "with(obj){___$$$___.push(\"" +
+
+      // Convert the template into pure JavaScript
+      String(template)
+        .replace(/[\r\t\n]/g, " ")
+        .replace(/\"/g, '\\"')
+        .split("<%").join("\t")
+        .replace(/((^|%>)[^\t]*)/g, "$1\r")
+        .replace(/\t=(.*?)%>/g, escaped_string)
+        .replace(/\t!(.*?)%>/g, "\",$1,\"")
+        .split("\t").join("\");")
+        .split("%>").join("___$$$___.push(\"")
+        .split("\r").join("")
+        + "\");}return ___$$$___.join('');");
+    }
+
+    if (typeof data != 'undefined') {
+      return fn(data);
+    } else {
+      return fn;
+    }
+  };
+
+  Sammy = Sammy || {};
+
+  // `Sammy.Template` is a simple plugin that provides a way to create
+  // and render client side templates. The rendering code is based on John Resig's
+  // quick templates and Greg Borenstien's srender plugin.
+  // This is also a great template/boilerplate for Sammy plugins.
+  //
+  // Templates use `<% %>` tags to denote embedded javascript.
+  //
+  // ### Examples
+  //
+  // Here is an example template (user.template):
+  //
+  //       // user.template
+  //       <div class="user">
+  //         <div class="user-name"><%= user.name %></div>
+  //         <% if (user.photo_url) { %>
+  //           <div class="photo"><img src="<%= user.photo_url %>" /></div>
+  //         <% } %>
+  //       </div>
+  //
+  // Given that is a publicly accesible file, you would render it like:
+  //
+  //       // app.js
+  //       $.sammy(function() {
+  //         // include the plugin
+  //         this.use('Template');
+  //
+  //         this.get('#/', function() {
+  //           // the template is rendered in the current context.
+  //           this.user = {name: 'Aaron Quint'};
+  //           // partial calls template() because of the file extension
+  //           this.partial('user.template');
+  //         })
+  //       });
+  //
+  // You can also pass a second argument to use() that will alias the template
+  // method and therefore allow you to use a different extension for template files
+  // in <tt>partial()</tt>
+  //
+  //       // alias to 'tpl'
+  //       this.use(Sammy.Template, 'tpl');
+  //
+  //       // now .tpl files will be run through srender
+  //       this.get('#/', function() {
+  //         this.partial('myfile.tpl');
+  //       });
+  //
+  // By default, the data passed into the tempalate is passed automatically passed through
+  // Sammy's `escapeHTML` method in order to prevent possible XSS attacks. This is
+  // a problem though if you're using something like `Sammy.Form` which renders HTML
+  // within the templates. You can get around this in two ways. One, you can use the
+  // `<%! %>` instead of `<%= %>`. Two, you can pass the `escape_html = false` option
+  // when interpolating, i.e:
+  //
+  //       this.get('#/', function() {
+  //         this.template('myform.tpl', {form: "<form></form>"}, {escape_html: false});
+  //       });
+  //
+  Sammy.Template = function(app, method_alias) {
+
+    // *Helper:* Uses simple templating to parse ERB like templates.
+    //
+    // ### Arguments
+    //
+    // * `template` A String template. '<% %>' tags are evaluated as Javascript and replaced with the elements in data.
+    // * `data` An Object containing the replacement values for the template.
+    //   data is extended with the <tt>EventContext</tt> allowing you to call its methods within the template.
+    // * `name` An optional String name to cache the template.
+    //
+    var template = function(template, data, name, options) {
+      // use name for caching
+      if (typeof name == 'undefined') { name = template; }
+      if (typeof options == 'undefined' && typeof name == 'object') {
+        options = name; name = template;
+      }
+      return srender(name, template, $.extend({}, this, data), options);
+    };
+
+    // set the default method name/extension
+    if (!method_alias) { method_alias = 'template'; }
+    // create the helper at the method alias
+    app.helper(method_alias, template);
+
+  };
+
+})(jQuery);
diff --git a/ffdemo/static/assets/js/vendor/sammy-0.6.3.js b/ffdemo/static/assets/js/vendor/sammy-0.6.3.js
new file mode 100755
index 0000000..d5a3b9e
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/sammy-0.6.3.js
@@ -0,0 +1,1829 @@
+// name: sammy
+// version: 0.6.3
+
+// Sammy.js / http://sammyjs.org
+
+(function($, window) {
+
+	var Sammy,
+			PATH_REPLACER = "([^\/]+)",
+			PATH_NAME_MATCHER = /:([\w\d]+)/g,
+			QUERY_STRING_MATCHER = /\?([^#]*)$/,
+			// mainly for making `arguments` an Array
+			_makeArray = function(nonarray) { return Array.prototype.slice.call(nonarray); },
+			// borrowed from jQuery
+			_isFunction = function( obj ) { return Object.prototype.toString.call(obj) === "[object Function]"; },
+			_isArray = function( obj ) { return Object.prototype.toString.call(obj) === "[object Array]"; },
+			_decode = function( str ) { return decodeURIComponent(str.replace(/\+/g, ' ')); },
+			_encode = encodeURIComponent,
+			_escapeHTML = function(s) {
+				return String(s).replace(/&(?!\w+;)/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+			},
+			_routeWrapper = function(verb) {
+				return function(path, callback) { return this.route.apply(this, [verb, path, callback]); };
+			},
+			_template_cache = {},
+			loggers = [];
+
+
+	// `Sammy` (also aliased as $.sammy) is not only the namespace for a
+	// number of prototypes, its also a top level method that allows for easy
+	// creation/management of `Sammy.Application` instances. There are a
+	// number of different forms for `Sammy()` but each returns an instance
+	// of `Sammy.Application`. When a new instance is created using
+	// `Sammy` it is added to an Object called `Sammy.apps`. This
+	// provides for an easy way to get at existing Sammy applications. Only one
+	// instance is allowed per `element_selector` so when calling
+	// `Sammy('selector')` multiple times, the first time will create
+	// the application and the following times will extend the application
+	// already added to that selector.
+	//
+	// ### Example
+	//
+	//			// returns the app at #main or a new app
+	//			Sammy('#main')
+	//
+	//			// equivilent to "new Sammy.Application", except appends to apps
+	//			Sammy();
+	//			Sammy(function() { ... });
+	//
+	//			// extends the app at '#main' with function.
+	//			Sammy('#main', function() { ... });
+	//
+	Sammy = function() {
+		var args = _makeArray(arguments),
+				app, selector;
+		Sammy.apps = Sammy.apps || {};
+		if (args.length === 0 || args[0] && _isFunction(args[0])) { // Sammy()
+			return Sammy.apply(Sammy, ['body'].concat(args));
+		} else if (typeof (selector = args.shift()) == 'string') { // Sammy('#main')
+			app = Sammy.apps[selector] || new Sammy.Application();
+			app.element_selector = selector;
+			if (args.length > 0) {
+				$.each(args, function(i, plugin) {
+					app.use(plugin);
+				});
+			}
+			// if the selector changes make sure the refrence in Sammy.apps changes
+			if (app.element_selector != selector) {
+				delete Sammy.apps[selector];
+			}
+			Sammy.apps[app.element_selector] = app;
+			return app;
+		}
+	};
+
+	Sammy.VERSION = '0.6.3';
+
+	// Add to the global logger pool. Takes a function that accepts an
+	// unknown number of arguments and should print them or send them somewhere
+	// The first argument is always a timestamp.
+	Sammy.addLogger = function(logger) {
+		loggers.push(logger);
+	};
+
+	// Sends a log message to each logger listed in the global
+	// loggers pool. Can take any number of arguments.
+	// Also prefixes the arguments with a timestamp.
+	Sammy.log = function()	{
+		var args = _makeArray(arguments);
+		args.unshift("[" + Date() + "]");
+		$.each(loggers, function(i, logger) {
+			logger.apply(Sammy, args);
+		});
+	};
+
+	if (typeof window.console != 'undefined') {
+		if (_isFunction(window.console.log.apply)) {
+			Sammy.addLogger(function() {
+				window.console.log.apply(window.console, arguments);
+			});
+		} else {
+			Sammy.addLogger(function() {
+				window.console.log(arguments);
+			});
+		}
+	} else if (typeof console != 'undefined') {
+		Sammy.addLogger(function() {
+			console.log.apply(console, arguments);
+		});
+	}
+
+	$.extend(Sammy, {
+		makeArray: _makeArray,
+		isFunction: _isFunction,
+		isArray: _isArray
+	})
+
+	// Sammy.Object is the base for all other Sammy classes. It provides some useful
+	// functionality, including cloning, iterating, etc.
+	Sammy.Object = function(obj) { // constructor
+		return $.extend(this, obj || {});
+	};
+
+	$.extend(Sammy.Object.prototype, {
+
+		// Escape HTML in string, use in templates to prevent script injection.
+		// Also aliased as `h()`
+		escapeHTML: _escapeHTML,
+		h: _escapeHTML,
+
+		// Returns a copy of the object with Functions removed.
+		toHash: function() {
+			var json = {};
+			$.each(this, function(k,v) {
+				if (!_isFunction(v)) {
+					json[k] = v;
+				}
+			});
+			return json;
+		},
+
+		// Renders a simple HTML version of this Objects attributes.
+		// Does not render functions.
+		// For example. Given this Sammy.Object:
+		//
+		//		 var s = new Sammy.Object({first_name: 'Sammy', last_name: 'Davis Jr.'});
+		//		 s.toHTML()
+		//		 //=> '<strong>first_name</strong> Sammy<br /><strong>last_name</strong> Davis Jr.<br />'
+		//
+		toHTML: function() {
+			var display = "";
+			$.each(this, function(k, v) {
+				if (!_isFunction(v)) {
+					display += "<strong>" + k + "</strong> " + v + "<br />";
+				}
+			});
+			return display;
+		},
+
+		// Returns an array of keys for this object. If `attributes_only`
+		// is true will not return keys that map to a `function()`
+		keys: function(attributes_only) {
+			var keys = [];
+			for (var property in this) {
+				if (!_isFunction(this[property]) || !attributes_only) {
+					keys.push(property);
+				}
+			}
+			return keys;
+		},
+
+		// Checks if the object has a value at `key` and that the value is not empty
+		has: function(key) {
+			return this[key] && $.trim(this[key].toString()) != '';
+		},
+
+		// convenience method to join as many arguments as you want
+		// by the first argument - useful for making paths
+		join: function() {
+			var args = _makeArray(arguments);
+			var delimiter = args.shift();
+			return args.join(delimiter);
+		},
+
+		// Shortcut to Sammy.log
+		log: function() {
+			Sammy.log.apply(Sammy, arguments);
+		},
+
+		// Returns a string representation of this object.
+		// if `include_functions` is true, it will also toString() the
+		// methods of this object. By default only prints the attributes.
+		toString: function(include_functions) {
+			var s = [];
+			$.each(this, function(k, v) {
+				if (!_isFunction(v) || include_functions) {
+					s.push('"' + k + '": ' + v.toString());
+				}
+			});
+			return "Sammy.Object: {" + s.join(',') + "}";
+		}
+	});
+
+	// The HashLocationProxy is the default location proxy for all Sammy applications.
+	// A location proxy is a prototype that conforms to a simple interface. The purpose
+	// of a location proxy is to notify the Sammy.Application its bound to when the location
+	// or 'external state' changes. The HashLocationProxy considers the state to be
+	// changed when the 'hash' (window.location.hash / '#') changes. It does this in two
+	// different ways depending on what browser you are using. The newest browsers
+	// (IE, Safari > 4, FF >= 3.6) support a 'onhashchange' DOM event, thats fired whenever
+	// the location.hash changes. In this situation the HashLocationProxy just binds
+	// to this event and delegates it to the application. In the case of older browsers
+	// a poller is set up to track changes to the hash. Unlike Sammy 0.3 or earlier,
+	// the HashLocationProxy allows the poller to be a global object, eliminating the
+	// need for multiple pollers even when thier are multiple apps on the page.
+	Sammy.HashLocationProxy = function(app, run_interval_every) {
+		this.app = app;
+		// set is native to false and start the poller immediately
+		this.is_native = false;
+		this._startPolling(run_interval_every);
+	};
+
+	Sammy.HashLocationProxy.prototype = {
+
+		// bind the proxy events to the current app.
+		bind: function() {
+			var proxy = this, app = this.app;
+			$(window).bind('hashchange.' + this.app.eventNamespace(), function(e, non_native) {
+				// if we receive a native hash change event, set the proxy accordingly
+				// and stop polling
+				if (proxy.is_native === false && !non_native) {
+					Sammy.log('native hash change exists, using');
+					proxy.is_native = true;
+					window.clearInterval(Sammy.HashLocationProxy._interval);
+				}
+				app.trigger('location-changed');
+			});
+			if (!Sammy.HashLocationProxy._bindings) {
+				Sammy.HashLocationProxy._bindings = 0;
+			}
+			Sammy.HashLocationProxy._bindings++;
+		},
+
+		// unbind the proxy events from the current app
+		unbind: function() {
+			$(window).unbind('hashchange.' + this.app.eventNamespace());
+			Sammy.HashLocationProxy._bindings--;
+			if (Sammy.HashLocationProxy._bindings <= 0) {
+				window.clearInterval(Sammy.HashLocationProxy._interval);
+			}
+		},
+
+		// get the current location from the hash.
+		getLocation: function() {
+		 // Bypass the `window.location.hash` attribute.	If a question mark
+			// appears in the hash IE6 will strip it and all of the following
+			// characters from `window.location.hash`.
+			var matches = window.location.toString().match(/^[^#]*(#.+)$/);
+			return matches ? matches[1] : '';
+		},
+
+		// set the current location to `new_location`
+		setLocation: function(new_location) {
+			return (window.location = new_location);
+		},
+
+		_startPolling: function(every) {
+			// set up interval
+			var proxy = this;
+			if (!Sammy.HashLocationProxy._interval) {
+				if (!every) { every = 10; }
+				var hashCheck = function() {
+					var current_location = proxy.getLocation();
+					if (!Sammy.HashLocationProxy._last_location ||
+						current_location != Sammy.HashLocationProxy._last_location) {
+						window.setTimeout(function() {
+							$(window).trigger('hashchange', [true]);
+						}, 13);
+					}
+					Sammy.HashLocationProxy._last_location = current_location;
+				};
+				hashCheck();
+				Sammy.HashLocationProxy._interval = window.setInterval(hashCheck, every);
+			}
+		}
+	};
+
+
+	// Sammy.Application is the Base prototype for defining 'applications'.
+	// An 'application' is a collection of 'routes' and bound events that is
+	// attached to an element when `run()` is called.
+	// The only argument an 'app_function' is evaluated within the context of the application.
+	Sammy.Application = function(app_function) {
+		var app = this;
+		this.routes						 = {};
+		this.listeners				 = new Sammy.Object({});
+		this.arounds					 = [];
+		this.befores					 = [];
+		// generate a unique namespace
+		this.namespace				 = (new Date()).getTime() + '-' + parseInt(Math.random() * 1000, 10);
+		this.context_prototype = function() { Sammy.EventContext.apply(this, arguments); };
+		this.context_prototype.prototype = new Sammy.EventContext();
+
+		if (_isFunction(app_function)) {
+			app_function.apply(this, [this]);
+		}
+		// set the location proxy if not defined to the default (HashLocationProxy)
+		if (!this._location_proxy) {
+			this.setLocationProxy(new Sammy.HashLocationProxy(this, this.run_interval_every));
+		}
+		if (this.debug) {
+			this.bindToAllEvents(function(e, data) {
+				app.log(app.toString(), e.cleaned_type, data || {});
+			});
+		}
+	};
+
+	Sammy.Application.prototype = $.extend({}, Sammy.Object.prototype, {
+
+		// the four route verbs
+		ROUTE_VERBS: ['get','post','put','delete'],
+
+		// An array of the default events triggered by the
+		// application during its lifecycle
+		APP_EVENTS: ['run', 'unload', 'lookup-route', 'run-route', 'route-found', 'event-context-before', 'event-context-after', 'changed', 'error', 'check-form-submission', 'redirect', 'location-changed'],
+
+		_last_route: null,
+		_location_proxy: null,
+		_running: false,
+
+		// Defines what element the application is bound to. Provide a selector
+		// (parseable by `jQuery()`) and this will be used by `$element()`
+		element_selector: 'body',
+
+		// When set to true, logs all of the default events using `log()`
+		debug: false,
+
+		// When set to true, and the error() handler is not overriden, will actually
+		// raise JS errors in routes (500) and when routes can't be found (404)
+		raise_errors: false,
+
+		// The time in milliseconds that the URL is queried for changes
+		run_interval_every: 50,
+
+		// The default template engine to use when using `partial()` in an
+		// `EventContext`. `template_engine` can either be a string that
+		// corresponds to the name of a method/helper on EventContext or it can be a function
+		// that takes two arguments, the content of the unrendered partial and an optional
+		// JS object that contains interpolation data. Template engine is only called/refered
+		// to if the extension of the partial is null or unknown. See `partial()`
+		// for more information
+		template_engine: null,
+
+		// //=> Sammy.Application: body
+		toString: function() {
+			return 'Sammy.Application:' + this.element_selector;
+		},
+
+		// returns a jQuery object of the Applications bound element.
+		$element: function(selector) {
+			return selector ? $(this.element_selector).find(selector) : $(this.element_selector);
+		},
+
+		// `use()` is the entry point for including Sammy plugins.
+		// The first argument to use should be a function() that is evaluated
+		// in the context of the current application, just like the `app_function`
+		// argument to the `Sammy.Application` constructor.
+		//
+		// Any additional arguments are passed to the app function sequentially.
+		//
+		// For much more detail about plugins, check out:
+		// [http://sammyjs.org/docs/plugins](http://sammyjs.org/docs/plugins)
+		//
+		// ### Example
+		//
+		//			var MyPlugin = function(app, prepend) {
+		//
+		//				this.helpers({
+		//					myhelper: function(text) {
+		//						alert(prepend + " " + text);
+		//					}
+		//				});
+		//
+		//			};
+		//
+		//			var app = $.sammy(function() {
+		//
+		//				this.use(MyPlugin, 'This is my plugin');
+		//
+		//				this.get('#/', function() {
+		//					this.myhelper('and dont you forget it!');
+		//					//=> Alerts: This is my plugin and dont you forget it!
+		//				});
+		//
+		//			});
+		//
+		// If plugin is passed as a string it assumes your are trying to load
+		// Sammy."Plugin". This is the prefered way of loading core Sammy plugins
+		// as it allows for better error-messaging.
+		//
+		// ### Example
+		//
+		//			$.sammy(function() {
+		//				this.use('Mustache'); //=> Sammy.Mustache
+		//				this.use('Storage'); //=> Sammy.Storage
+		//			});
+		//
+		use: function() {
+			// flatten the arguments
+			var args = _makeArray(arguments),
+					plugin = args.shift(),
+					plugin_name = plugin || '';
+			try {
+				args.unshift(this);
+				if (typeof plugin == 'string') {
+					plugin_name = 'Sammy.' + plugin;
+					plugin = Sammy[plugin];
+				}
+				plugin.apply(this, args);
+			} catch(e) {
+				if (typeof plugin === 'undefined') {
+					this.error("Plugin Error: called use() but plugin (" + plugin_name.toString() + ") is not defined", e);
+				} else if (!_isFunction(plugin)) {
+					this.error("Plugin Error: called use() but '" + plugin_name.toString() + "' is not a function", e);
+				} else {
+					this.error("Plugin Error", e);
+				}
+			}
+			return this;
+		},
+
+		// Sets the location proxy for the current app. By default this is set to
+		// a new `Sammy.HashLocationProxy` on initialization. However, you can set
+		// the location_proxy inside you're app function to give your app a custom
+		// location mechanism. See `Sammy.HashLocationProxy` and `Sammy.DataLocationProxy`
+		// for examples.
+		//
+		// `setLocationProxy()` takes an initialized location proxy.
+		//
+		// ### Example
+		//
+		//				// to bind to data instead of the default hash;
+		//				var app = $.sammy(function() {
+		//					this.setLocationProxy(new Sammy.DataLocationProxy(this));
+		//				});
+		//
+		setLocationProxy: function(new_proxy) {
+			var original_proxy = this._location_proxy;
+			this._location_proxy = new_proxy;
+			if (this.isRunning()) {
+				if (original_proxy) {
+					// if there is already a location proxy, unbind it.
+					original_proxy.unbind();
+				}
+				this._location_proxy.bind();
+			}
+		},
+
+		// `route()` is the main method for defining routes within an application.
+		// For great detail on routes, check out:
+		// [http://sammyjs.org/docs/routes](http://sammyjs.org/docs/routes)
+		//
+		// This method also has aliases for each of the different verbs (eg. `get()`, `post()`, etc.)
+		//
+		// ### Arguments
+		//
+		// * `verb` A String in the set of ROUTE_VERBS or 'any'. 'any' will add routes for each
+		//		of the ROUTE_VERBS. If only two arguments are passed,
+		//		the first argument is the path, the second is the callback and the verb
+		//		is assumed to be 'any'.
+		// * `path` A Regexp or a String representing the path to match to invoke this verb.
+		// * `callback` A Function that is called/evaluated whent the route is run see: `runRoute()`.
+		//		It is also possible to pass a string as the callback, which is looked up as the name
+		//		of a method on the application.
+		//
+		route: function(verb, path, callback) {
+			var app = this, param_names = [], add_route, path_match;
+
+			// if the method signature is just (path, callback)
+			// assume the verb is 'any'
+			if (!callback && _isFunction(path)) {
+				path = verb;
+				callback = path;
+				verb = 'any';
+			}
+
+			verb = verb.toLowerCase(); // ensure verb is lower case
+
+			// if path is a string turn it into a regex
+			if (path.constructor == String) {
+
+				// Needs to be explicitly set because IE will maintain the index unless NULL is returned,
+				// which means that with two consecutive routes that contain params, the second set of params will not be found and end up in splat instead of params
+				// https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/RegExp/lastIndex
+				PATH_NAME_MATCHER.lastIndex = 0;
+
+				// find the names
+				while ((path_match = PATH_NAME_MATCHER.exec(path)) !== null) {
+					param_names.push(path_match[1]);
+				}
+				// replace with the path replacement
+				path = new RegExp("^" + path.replace(PATH_NAME_MATCHER, PATH_REPLACER) + "$");
+			}
+			// lookup callback
+			if (typeof callback == 'string') {
+				callback = app[callback];
+			}
+
+			add_route = function(with_verb) {
+				var r = {verb: with_verb, path: path, callback: callback, param_names: param_names};
+				// add route to routes array
+				app.routes[with_verb] = app.routes[with_verb] || [];
+				// place routes in order of definition
+				app.routes[with_verb].push(r);
+			};
+
+			if (verb === 'any') {
+				$.each(this.ROUTE_VERBS, function(i, v) { add_route(v); });
+			} else {
+				add_route(verb);
+			}
+
+			// return the app
+			return this;
+		},
+
+		// Alias for route('get', ...)
+		get: _routeWrapper('get'),
+
+		// Alias for route('post', ...)
+		post: _routeWrapper('post'),
+
+		// Alias for route('put', ...)
+		put: _routeWrapper('put'),
+
+		// Alias for route('delete', ...)
+		del: _routeWrapper('delete'),
+
+		// Alias for route('any', ...)
+		any: _routeWrapper('any'),
+
+		// `mapRoutes` takes an array of arrays, each array being passed to route()
+		// as arguments, this allows for mass definition of routes. Another benefit is
+		// this makes it possible/easier to load routes via remote JSON.
+		//
+		// ### Example
+		//
+		//			var app = $.sammy(function() {
+		//
+		//				this.mapRoutes([
+		//						['get', '#/', function() { this.log('index'); }],
+		//						// strings in callbacks are looked up as methods on the app
+		//						['post', '#/create', 'addUser'],
+		//						// No verb assumes 'any' as the verb
+		//						[/dowhatever/, function() { this.log(this.verb, this.path)}];
+		//					]);
+		//			});
+		//
+		mapRoutes: function(route_array) {
+			var app = this;
+			$.each(route_array, function(i, route_args) {
+				app.route.apply(app, route_args);
+			});
+			return this;
+		},
+
+		// A unique event namespace defined per application.
+		// All events bound with `bind()` are automatically bound within this space.
+		eventNamespace: function() {
+			return ['sammy-app', this.namespace].join('-');
+		},
+
+		// Works just like `jQuery.fn.bind()` with a couple noteable differences.
+		//
+		// * It binds all events to the application element
+		// * All events are bound within the `eventNamespace()`
+		// * Events are not actually bound until the application is started with `run()`
+		// * callbacks are evaluated within the context of a Sammy.EventContext
+		//
+		bind: function(name, data, callback) {
+			var app = this;
+			// build the callback
+			// if the arity is 2, callback is the second argument
+			if (typeof callback == 'undefined') { callback = data; }
+			var listener_callback =	 function() {
+				// pull off the context from the arguments to the callback
+				var e, context, data;
+				e				= arguments[0];
+				data		= arguments[1];
+				if (data && data.context) {
+					context = data.context;
+					delete data.context;
+				} else {
+					context = new app.context_prototype(app, 'bind', e.type, data, e.target);
+				}
+				e.cleaned_type = e.type.replace(app.eventNamespace(), '');
+				callback.apply(context, [e, data]);
+			};
+
+			// it could be that the app element doesnt exist yet
+			// so attach to the listeners array and then run()
+			// will actually bind the event.
+			if (!this.listeners[name]) { this.listeners[name] = []; }
+			this.listeners[name].push(listener_callback);
+			if (this.isRunning()) {
+				// if the app is running
+				// *actually* bind the event to the app element
+				this._listen(name, listener_callback);
+			}
+			return this;
+		},
+
+		// Triggers custom events defined with `bind()`
+		//
+		// ### Arguments
+		//
+		// * `name` The name of the event. Automatically prefixed with the `eventNamespace()`
+		// * `data` An optional Object that can be passed to the bound callback.
+		// * `context` An optional context/Object in which to execute the bound callback.
+		//	 If no context is supplied a the context is a new `Sammy.EventContext`
+		//
+		trigger: function(name, data) {
+			this.$element().trigger([name, this.eventNamespace()].join('.'), [data]);
+			return this;
+		},
+
+		// Reruns the current route
+		refresh: function() {
+			this.last_location = null;
+			this.trigger('location-changed');
+			return this;
+		},
+
+		// Takes a single callback that is pushed on to a stack.
+		// Before any route is run, the callbacks are evaluated in order within
+		// the current `Sammy.EventContext`
+		//
+		// If any of the callbacks explicitly return false, execution of any
+		// further callbacks and the route itself is halted.
+		//
+		// You can also provide a set of options that will define when to run this
+		// before based on the route it proceeds.
+		//
+		// ### Example
+		//
+		//			var app = $.sammy(function() {
+		//
+		//				// will run at #/route but not at #/
+		//				this.before('#/route', function() {
+		//					//...
+		//				});
+		//
+		//				// will run at #/ but not at #/route
+		//				this.before({except: {path: '#/route'}}, function() {
+		//					this.log('not before #/route');
+		//				});
+		//
+		//				this.get('#/', function() {});
+		//
+		//				this.get('#/route', function() {});
+		//
+		//			});
+		//
+		// See `contextMatchesOptions()` for a full list of supported options
+		//
+		before: function(options, callback) {
+			if (_isFunction(options)) {
+				callback = options;
+				options = {};
+			}
+			this.befores.push([options, callback]);
+			return this;
+		},
+
+		// A shortcut for binding a callback to be run after a route is executed.
+		// After callbacks have no guarunteed order.
+		after: function(callback) {
+			return this.bind('event-context-after', callback);
+		},
+
+
+		// Adds an around filter to the application. around filters are functions
+		// that take a single argument `callback` which is the entire route
+		// execution path wrapped up in a closure. This means you can decide whether
+		// or not to proceed with execution by not invoking `callback` or,
+		// more usefuly wrapping callback inside the result of an asynchronous execution.
+		//
+		// ### Example
+		//
+		// The most common use case for around() is calling a _possibly_ async function
+		// and executing the route within the functions callback:
+		//
+		//			var app = $.sammy(function() {
+		//
+		//				var current_user = false;
+		//
+		//				function checkLoggedIn(callback) {
+		//					// /session returns a JSON representation of the logged in user
+		//					// or an empty object
+		//					if (!current_user) {
+		//						$.getJSON('/session', function(json) {
+		//							if (json.login) {
+		//								// show the user as logged in
+		//								current_user = json;
+		//								// execute the route path
+		//								callback();
+		//							} else {
+		//								// show the user as not logged in
+		//								current_user = false;
+		//								// the context of aroundFilters is an EventContext
+		//								this.redirect('#/login');
+		//							}
+		//						});
+		//					} else {
+		//						// execute the route path
+		//						callback();
+		//					}
+		//				};
+		//
+		//				this.around(checkLoggedIn);
+		//
+		//			});
+		//
+		around: function(callback) {
+			this.arounds.push(callback);
+			return this;
+		},
+
+		// Returns `true` if the current application is running.
+		isRunning: function() {
+			return this._running;
+		},
+
+		// Helpers extends the EventContext prototype specific to this app.
+		// This allows you to define app specific helper functions that can be used
+		// whenever you're inside of an event context (templates, routes, bind).
+		//
+		// ### Example
+		//
+		//		 var app = $.sammy(function() {
+		//
+		//			 helpers({
+		//				 upcase: function(text) {
+		//					return text.toString().toUpperCase();
+		//				 }
+		//			 });
+		//
+		//			 get('#/', function() { with(this) {
+		//				 // inside of this context I can use the helpers
+		//				 $('#main').html(upcase($('#main').text());
+		//			 }});
+		//
+		//		 });
+		//
+		//
+		// ### Arguments
+		//
+		// * `extensions` An object collection of functions to extend the context.
+		//
+		helpers: function(extensions) {
+			$.extend(this.context_prototype.prototype, extensions);
+			return this;
+		},
+
+		// Helper extends the event context just like `helpers()` but does it
+		// a single method at a time. This is especially useful for dynamically named
+		// helpers
+		//
+		// ### Example
+		//
+		//		 // Trivial example that adds 3 helper methods to the context dynamically
+		//		 var app = $.sammy(function(app) {
+		//
+		//			 $.each([1,2,3], function(i, num) {
+		//				 app.helper('helper' + num, function() {
+		//					 this.log("I'm helper number " + num);
+		//				 });
+		//			 });
+		//
+		//			 this.get('#/', function() {
+		//				 this.helper2(); //=> I'm helper number 2
+		//			 });
+		//		 });
+		//
+		// ### Arguments
+		//
+		// * `name` The name of the method
+		// * `method` The function to be added to the prototype at `name`
+		//
+		helper: function(name, method) {
+			this.context_prototype.prototype[name] = method;
+			return this;
+		},
+
+		// Actually starts the application's lifecycle. `run()` should be invoked
+		// within a document.ready block to ensure the DOM exists before binding events, etc.
+		//
+		// ### Example
+		//
+		//		 var app = $.sammy(function() { ... }); // your application
+		//		 $(function() { // document.ready
+		//				app.run();
+		//		 });
+		//
+		// ### Arguments
+		//
+		// * `start_url` Optionally, a String can be passed which the App will redirect to
+		//	 after the events/routes have been bound.
+		run: function(start_url) {
+			if (this.isRunning()) { return false; }
+			var app = this;
+
+			// actually bind all the listeners
+			$.each(this.listeners.toHash(), function(name, callbacks) {
+				$.each(callbacks, function(i, listener_callback) {
+					app._listen(name, listener_callback);
+				});
+			});
+
+			this.trigger('run', {start_url: start_url});
+			this._running = true;
+			// set last location
+			this.last_location = null;
+			if (this.getLocation() == '' && typeof start_url != 'undefined') {
+				this.setLocation(start_url);
+			}
+			// check url
+			this._checkLocation();
+			this._location_proxy.bind();
+			this.bind('location-changed', function() {
+				app._checkLocation();
+			});
+
+			// bind to submit to capture post/put/delete routes
+			this.bind('submit', function(e) {
+				var returned = app._checkFormSubmission($(e.target).closest('form'));
+				return (returned === false) ? e.preventDefault() : false;
+			});
+
+			// bind unload to body unload
+			$(window).bind('beforeunload', function() {
+				app.unload();
+			});
+
+			// trigger html changed
+			return this.trigger('changed');
+		},
+
+		// The opposite of `run()`, un-binds all event listeners and intervals
+		// `run()` Automaticaly binds a `onunload` event to run this when
+		// the document is closed.
+		unload: function() {
+			if (!this.isRunning()) { return false; }
+			var app = this;
+			this.trigger('unload');
+			// clear interval
+			this._location_proxy.unbind();
+			// unbind form submits
+			this.$element().unbind('submit').removeClass(app.eventNamespace());
+			// unbind all events
+			$.each(this.listeners.toHash() , function(name, listeners) {
+				$.each(listeners, function(i, listener_callback) {
+					app._unlisten(name, listener_callback);
+				});
+			});
+			this._running = false;
+			return this;
+		},
+
+		// Will bind a single callback function to every event that is already
+		// being listened to in the app. This includes all the `APP_EVENTS`
+		// as well as any custom events defined with `bind()`.
+		//
+		// Used internally for debug logging.
+		bindToAllEvents: function(callback) {
+			var app = this;
+			// bind to the APP_EVENTS first
+			$.each(this.APP_EVENTS, function(i, e) {
+				app.bind(e, callback);
+			});
+			// next, bind to listener names (only if they dont exist in APP_EVENTS)
+			$.each(this.listeners.keys(true), function(i, name) {
+				if (app.APP_EVENTS.indexOf(name) == -1) {
+					app.bind(name, callback);
+				}
+			});
+			return this;
+		},
+
+		// Returns a copy of the given path with any query string after the hash
+		// removed.
+		routablePath: function(path) {
+			return path.replace(QUERY_STRING_MATCHER, '');
+		},
+
+		// Given a verb and a String path, will return either a route object or false
+		// if a matching route can be found within the current defined set.
+		lookupRoute: function(verb, path) {
+			var app = this, routed = false;
+			this.trigger('lookup-route', {verb: verb, path: path});
+			if (typeof this.routes[verb] != 'undefined') {
+				$.each(this.routes[verb], function(i, route) {
+					if (app.routablePath(path).match(route.path)) {
+						routed = route;
+						return false;
+					}
+				});
+			}
+			return routed;
+		},
+
+		// First, invokes `lookupRoute()` and if a route is found, parses the
+		// possible URL params and then invokes the route's callback within a new
+		// `Sammy.EventContext`. If the route can not be found, it calls
+		// `notFound()`. If `raise_errors` is set to `true` and
+		// the `error()` has not been overriden, it will throw an actual JS
+		// error.
+		//
+		// You probably will never have to call this directly.
+		//
+		// ### Arguments
+		//
+		// * `verb` A String for the verb.
+		// * `path` A String path to lookup.
+		// * `params` An Object of Params pulled from the URI or passed directly.
+		//
+		// ### Returns
+		//
+		// Either returns the value returned by the route callback or raises a 404 Not Found error.
+		//
+		runRoute: function(verb, path, params, target) {
+			var app = this,
+					route = this.lookupRoute(verb, path),
+					context,
+					wrapped_route,
+					arounds,
+					around,
+					befores,
+					before,
+					callback_args,
+					path_params,
+					final_returned;
+
+			this.log('runRoute', [verb, path].join(' '));
+			this.trigger('run-route', {verb: verb, path: path, params: params});
+			if (typeof params == 'undefined') { params = {}; }
+
+			$.extend(params, this._parseQueryString(path));
+
+			if (route) {
+				this.trigger('route-found', {route: route});
+				// pull out the params from the path
+				if ((path_params = route.path.exec(this.routablePath(path))) !== null) {
+					// first match is the full path
+					path_params.shift();
+					// for each of the matches
+					$.each(path_params, function(i, param) {
+						// if theres a matching param name
+						if (route.param_names[i]) {
+							// set the name to the match
+							params[route.param_names[i]] = _decode(param);
+						} else {
+							// initialize 'splat'
+							if (!params.splat) { params.splat = []; }
+							params.splat.push(_decode(param));
+						}
+					});
+				}
+
+				// set event context
+				context	 = new this.context_prototype(this, verb, path, params, target);
+				// ensure arrays
+				arounds = this.arounds.slice(0);
+				befores = this.befores.slice(0);
+				// set the callback args to the context + contents of the splat
+				callback_args = [context].concat(params.splat);
+				// wrap the route up with the before filters
+				wrapped_route = function() {
+					var returned;
+					while (befores.length > 0) {
+						before = befores.shift();
+						// check the options
+						if (app.contextMatchesOptions(context, before[0])) {
+							returned = before[1].apply(context, [context]);
+							if (returned === false) { return false; }
+						}
+					}
+					app.last_route = route;
+					context.trigger('event-context-before', {context: context});
+					returned = route.callback.apply(context, callback_args);
+					context.trigger('event-context-after', {context: context});
+					return returned;
+				};
+				$.each(arounds.reverse(), function(i, around) {
+					var last_wrapped_route = wrapped_route;
+					wrapped_route = function() { return around.apply(context, [last_wrapped_route]); };
+				});
+				try {
+					final_returned = wrapped_route();
+				} catch(e) {
+					this.error(['500 Error', verb, path].join(' '), e);
+				}
+				return final_returned;
+			} else {
+				return this.notFound(verb, path);
+			}
+		},
+
+		// Matches an object of options against an `EventContext` like object that
+		// contains `path` and `verb` attributes. Internally Sammy uses this
+		// for matching `before()` filters against specific options. You can set the
+		// object to _only_ match certain paths or verbs, or match all paths or verbs _except_
+		// those that match the options.
+		//
+		// ### Example
+		//
+		//		 var app = $.sammy(),
+		//				 context = {verb: 'get', path: '#/mypath'};
+		//
+		//		 // match against a path string
+		//		 app.contextMatchesOptions(context, '#/mypath'); //=> true
+		//		 app.contextMatchesOptions(context, '#/otherpath'); //=> false
+		//		 // equivilent to
+		//		 app.contextMatchesOptions(context, {only: {path:'#/mypath'}}); //=> true
+		//		 app.contextMatchesOptions(context, {only: {path:'#/otherpath'}}); //=> false
+		//		 // match against a path regexp
+		//		 app.contextMatchesOptions(context, /path/); //=> true
+		//		 app.contextMatchesOptions(context, /^path/); //=> false
+		//		 // match only a verb
+		//		 app.contextMatchesOptions(context, {only: {verb:'get'}}); //=> true
+		//		 app.contextMatchesOptions(context, {only: {verb:'post'}}); //=> false
+		//		 // match all except a verb
+		//		 app.contextMatchesOptions(context, {except: {verb:'post'}}); //=> true
+		//		 app.contextMatchesOptions(context, {except: {verb:'get'}}); //=> false
+		//		 // match all except a path
+		//		 app.contextMatchesOptions(context, {except: {path:'#/otherpath'}}); //=> true
+		//		 app.contextMatchesOptions(context, {except: {path:'#/mypath'}}); //=> false
+		//
+		contextMatchesOptions: function(context, match_options, positive) {
+			// empty options always match
+			var options = match_options;
+			if (typeof options === 'undefined' || options == {}) {
+				return true;
+			}
+			if (typeof positive === 'undefined') {
+				positive = true;
+			}
+			// normalize options
+			if (typeof options === 'string' || _isFunction(options.test)) {
+				options = {path: options};
+			}
+			if (options.only) {
+				return this.contextMatchesOptions(context, options.only, true);
+			} else if (options.except) {
+				return this.contextMatchesOptions(context, options.except, false);
+			}
+			var path_matched = true, verb_matched = true;
+			if (options.path) {
+				// wierd regexp test
+				if (_isFunction(options.path.test)) {
+					path_matched = options.path.test(context.path);
+				} else {
+					path_matched = (options.path.toString() === context.path);
+				}
+			}
+			if (options.verb) {
+				verb_matched = options.verb === context.verb;
+			}
+			return positive ? (verb_matched && path_matched) : !(verb_matched && path_matched);
+		},
+
+
+		// Delegates to the `location_proxy` to get the current location.
+		// See `Sammy.HashLocationProxy` for more info on location proxies.
+		getLocation: function() {
+			return this._location_proxy.getLocation();
+		},
+
+		// Delegates to the `location_proxy` to set the current location.
+		// See `Sammy.HashLocationProxy` for more info on location proxies.
+		//
+		// ### Arguments
+		//
+		// * `new_location` A new location string (e.g. '#/')
+		//
+		setLocation: function(new_location) {
+			return this._location_proxy.setLocation(new_location);
+		},
+
+		// Swaps the content of `$element()` with `content`
+		// You can override this method to provide an alternate swap behavior
+		// for `EventContext.partial()`.
+		//
+		// ### Example
+		//
+		//			var app = $.sammy(function() {
+		//
+		//				// implements a 'fade out'/'fade in'
+		//				this.swap = function(content) {
+		//					this.$element().hide('slow').html(content).show('slow');
+		//				}
+		//
+		//				get('#/', function() {
+		//					this.partial('index.html.erb') // will fade out and in
+		//				});
+		//
+		//			});
+		//
+		swap: function(content) {
+			return this.$element().html(content);
+		},
+
+		// a simple global cache for templates. Uses the same semantics as
+		// `Sammy.Cache` and `Sammy.Storage` so can easily be replaced with
+		// a persistant storage that lasts beyond the current request.
+		templateCache: function(key, value) {
+			if (typeof value != 'undefined') {
+				return _template_cache[key] = value;
+			} else {
+				return _template_cache[key];
+			}
+		},
+
+		// clear the templateCache
+		clearTemplateCache: function() {
+			return _template_cache = {};
+		},
+
+		// This thows a '404 Not Found' error by invoking `error()`.
+		// Override this method or `error()` to provide custom
+		// 404 behavior (i.e redirecting to / or showing a warning)
+		notFound: function(verb, path) {
+			var ret = this.error(['404 Not Found', verb, path].join(' '));
+			return (verb === 'get') ? ret : true;
+		},
+
+		// The base error handler takes a string `message` and an `Error`
+		// object. If `raise_errors` is set to `true` on the app level,
+		// this will re-throw the error to the browser. Otherwise it will send the error
+		// to `log()`. Override this method to provide custom error handling
+		// e.g logging to a server side component or displaying some feedback to the
+		// user.
+		error: function(message, original_error) {
+			if (!original_error) { original_error = new Error(); }
+			original_error.message = [message, original_error.message].join(' ');
+			this.trigger('error', {message: original_error.message, error: original_error});
+			if (this.raise_errors) {
+				throw(original_error);
+			} else {
+				this.log(original_error.message, original_error);
+			}
+		},
+
+		_checkLocation: function() {
+			var location, returned;
+			// get current location
+			location = this.getLocation();
+			// compare to see if hash has changed
+			if (!this.last_location || this.last_location[0] != 'get' || this.last_location[1] != location) {
+				// reset last location
+				this.last_location = ['get', location];
+				// lookup route for current hash
+				returned = this.runRoute('get', location);
+			}
+			return returned;
+		},
+
+		_getFormVerb: function(form) {
+			var $form = $(form), verb, $_method;
+			$_method = $form.find('input[name="_method"]');
+			if ($_method.length > 0) { verb = $_method.val(); }
+			if (!verb) { verb = $form[0].getAttribute('method'); }
+			if (!verb || verb == '') { verb = 'get'; }
+			return $.trim(verb.toString().toLowerCase());
+		},
+
+		_checkFormSubmission: function(form) {
+			var $form, path, verb, params, returned;
+			this.trigger('check-form-submission', {form: form});
+			$form = $(form);
+			path	= $form.attr('action');
+			verb	= this._getFormVerb($form);
+			this.log('_checkFormSubmission', $form, path, verb);
+			if (verb === 'get') {
+				this.setLocation(path + '?' + this._serializeFormParams($form));
+				returned = false;
+			} else {
+				params = $.extend({}, this._parseFormParams($form));
+				returned = this.runRoute(verb, path, params, form.get(0));
+			};
+			return (typeof returned == 'undefined') ? false : returned;
+		},
+
+		_serializeFormParams: function($form) {
+			 var queryString = "",
+				 fields = $form.serializeArray(),
+				 i;
+			 if (fields.length > 0) {
+				 queryString = this._encodeFormPair(fields[0].name, fields[0].value);
+				 for (i = 1; i < fields.length; i++) {
+					 queryString = queryString + "&" + this._encodeFormPair(fields[i].name, fields[i].value);
+				 }
+			 }
+			 return queryString;
+		},
+
+		_encodeFormPair: function(name, value){
+			return _encode(name) + "=" + _encode(value);
+		},
+
+		_parseFormParams: function($form) {
+			var params = {},
+					form_fields = $form.serializeArray(),
+					i;
+			for (i = 0; i < form_fields.length; i++) {
+				params = this._parseParamPair(params, form_fields[i].name, form_fields[i].value);
+			}
+			return params;
+		},
+
+		_parseQueryString: function(path) {
+			var params = {}, parts, pairs, pair, i;
+
+			parts = path.match(QUERY_STRING_MATCHER);
+			if (parts) {
+				pairs = parts[1].split('&');
+				for (i = 0; i < pairs.length; i++) {
+					pair = pairs[i].split('=');
+					params = this._parseParamPair(params, _decode(pair[0]), _decode(pair[1]));
+				}
+			}
+			return params;
+		},
+
+		_parseParamPair: function(params, key, value) {
+			if (params[key]) {
+				if (_isArray(params[key])) {
+					params[key].push(value);
+				} else {
+					params[key] = [params[key], value];
+				}
+			} else {
+				params[key] = value;
+			}
+			return params;
+		},
+
+		_listen: function(name, callback) {
+			return this.$element().bind([name, this.eventNamespace()].join('.'), callback);
+		},
+
+		_unlisten: function(name, callback) {
+			return this.$element().unbind([name, this.eventNamespace()].join('.'), callback);
+		}
+
+	});
+
+	// `Sammy.RenderContext` is an object that makes sequential template loading,
+	// rendering and interpolation seamless even when dealing with asyncronous
+	// operations.
+	//
+	// `RenderContext` objects are not usually created directly, rather they are
+	// instatiated from an `Sammy.EventContext` by using `render()`, `load()` or
+	// `partial()` which all return `RenderContext` objects.
+	//
+	// `RenderContext` methods always returns a modified `RenderContext`
+	// for chaining (like jQuery itself).
+	//
+	// The core magic is in the `then()` method which puts the callback passed as
+	// an argument into a queue to be executed once the previous callback is complete.
+	// All the methods of `RenderContext` are wrapped in `then()` which allows you
+	// to queue up methods by chaining, but maintaing a guarunteed execution order
+	// even with remote calls to fetch templates.
+	//
+	Sammy.RenderContext = function(event_context) {
+		this.event_context		= event_context;
+		this.callbacks				= [];
+		this.previous_content = null;
+		this.content					= null;
+		this.next_engine			= false;
+		this.waiting					= false;
+	};
+
+	Sammy.RenderContext.prototype = $.extend({}, Sammy.Object.prototype, {
+
+		// The "core" of the `RenderContext` object, adds the `callback` to the
+		// queue. If the context is `waiting` (meaning an async operation is happening)
+		// then the callback will be executed in order, once the other operations are
+		// complete. If there is no currently executing operation, the `callback`
+		// is executed immediately.
+		//
+		// The value returned from the callback is stored in `content` for the
+		// subsiquent operation. If you return `false`, the queue will pause, and
+		// the next callback in the queue will not be executed until `next()` is
+		// called. This allows for the guarunteed order of execution while working
+		// with async operations.
+		//
+		// If then() is passed a string instead of a function, the string is looked
+		// up as a helper method on the event context.
+		//
+		// ### Example
+		//
+		//			this.get('#/', function() {
+		//				// initialize the RenderContext
+		//				// Even though `load()` executes async, the next `then()`
+		//				// wont execute until the load finishes
+		//				this.load('myfile.txt')
+		//						.then(function(content) {
+		//							// the first argument to then is the content of the
+		//							// prev operation
+		//							$('#main').html(content);
+		//						});
+		//			});
+		//
+		then: function(callback) {
+			if (!_isFunction(callback)) {
+				// if a string is passed to then, assume we want to call
+				// a helper on the event context in its context
+				if (typeof callback === 'string' && callback in this.event_context) {
+					var helper = this.event_context[callback];
+					callback = function(content) {
+						return helper.apply(this.event_context, [content]);
+					};
+				} else {
+					return this;
+				}
+			}
+			var context = this;
+			if (this.waiting) {
+				this.callbacks.push(callback);
+			} else {
+				this.wait();
+				window.setTimeout(function() {
+					var returned = callback.apply(context, [context.content, context.previous_content]);
+					if (returned !== false) {
+						context.next(returned);
+					}
+				}, 13);
+			}
+			return this;
+		},
+
+		// Pause the `RenderContext` queue. Combined with `next()` allows for async
+		// operations.
+		//
+		// ### Example
+		//
+		//				this.get('#/', function() {
+		//					this.load('mytext.json')
+		//							.then(function(content) {
+		//								var context = this,
+		//										data		= JSON.parse(content);
+		//								// pause execution
+		//								context.wait();
+		//								// post to a url
+		//								$.post(data.url, {}, function(response) {
+		//									context.next(JSON.parse(response));
+		//								});
+		//							})
+		//							.then(function(data) {
+		//								// data is json from the previous post
+		//								$('#message').text(data.status);
+		//							});
+		//				});
+		wait: function() {
+			this.waiting = true;
+		},
+
+		// Resume the queue, setting `content` to be used in the next operation.
+		// See `wait()` for an example.
+		next: function(content) {
+			this.waiting = false;
+			if (typeof content !== 'undefined') {
+				this.previous_content = this.content;
+				this.content = content;
+			}
+			if (this.callbacks.length > 0) {
+				this.then(this.callbacks.shift());
+			}
+		},
+
+		// Load a template into the context.
+		// The `location` can either be a string specifiying the remote path to the
+		// file, a jQuery object, or a DOM element.
+		//
+		// No interpolation happens by default, the content is stored in
+		// `content`.
+		//
+		// In the case of a path, unless the option `{cache: false}` is passed the
+		// data is stored in the app's `templateCache()`.
+		//
+		// If a jQuery or DOM object is passed the `innerHTML` of the node is pulled in.
+		// This is useful for nesting templates as part of the initial page load wrapped
+		// in invisible elements or `<script>` tags. With template paths, the template
+		// engine is looked up by the extension. For DOM/jQuery embedded templates,
+		// this isnt possible, so there are a couple of options:
+		//
+		//	* pass an `{engine:}` option.
+		//	* define the engine in the `data-engine` attribute of the passed node.
+		//	* just store the raw template data and use `interpolate()` manually
+		//
+		// If a `callback` is passed it is executed after the template load.
+		load: function(location, options, callback) {
+			var context = this;
+			return this.then(function() {
+				var should_cache, cached, is_json, location_array;
+				if (_isFunction(options)) {
+					callback = options;
+					options = {};
+				} else {
+					options = $.extend({}, options);
+				}
+				if (callback) { this.then(callback); }
+				if (typeof location === 'string') {
+					// its a path
+					is_json			 = (location.match(/\.json$/) || options.json);
+					should_cache = ((is_json && options.cache === true) || options.cache !== false);
+					context.next_engine = context.event_context.engineFor(location);
+					delete options.cache;
+					delete options.json;
+					if (options.engine) {
+						context.next_engine = options.engine;
+						delete options.engine;
+					}
+					if (should_cache && (cached = this.event_context.app.templateCache(location))) {
+						return cached;
+					}
+					this.wait();
+					$.ajax($.extend({
+						url: location,
+						data: {},
+						dataType: is_json ? 'json' : null,
+						type: 'get',
+						success: function(data) {
+							if (should_cache) {
+								context.event_context.app.templateCache(location, data);
+							}
+							context.next(data);
+						}
+					}, options));
+					return false;
+				} else {
+					// its a dom/jQuery
+					if (location.nodeType) {
+						return location.innerHTML;
+					}
+					if (location.selector) {
+						// its a jQuery
+						context.next_engine = location.attr('data-engine');
+						if (options.clone === false) {
+							return location.remove()[0].innerHTML.toString();
+						} else {
+							return location[0].innerHTML.toString();
+						}
+					}
+				}
+			});
+		},
+
+		// `load()` a template and then `interpolate()` it with data.
+		//
+		// ### Example
+		//
+		//			this.get('#/', function() {
+		//				this.render('mytemplate.template', {name: 'test'});
+		//			});
+		//
+		render: function(location, data, callback) {
+			if (_isFunction(location) && !data) {
+				return this.then(location);
+			} else {
+				if (!data && this.content) { data = this.content; }
+				return this.load(location)
+									 .interpolate(data, location)
+									 .then(callback);
+			}
+		},
+
+		// `render()` the the `location` with `data` and then `swap()` the
+		// app's `$element` with the rendered content.
+		partial: function(location, data) {
+			return this.render(location, data).swap();
+		},
+
+		// defers the call of function to occur in order of the render queue.
+		// The function can accept any number of arguments as long as the last
+		// argument is a callback function. This is useful for putting arbitrary
+		// asynchronous functions into the queue. The content passed to the
+		// callback is passed as `content` to the next item in the queue.
+		//
+		// ### Example
+		//
+		//		 this.send($.getJSON, '/app.json')
+		//				 .then(function(json) {
+		//					 $('#message).text(json['message']);
+		//					});
+		//
+		//
+		send: function() {
+			var context = this,
+					args = _makeArray(arguments),
+					fun	 = args.shift();
+
+			if (_isArray(args[0])) { args = args[0]; }
+
+			return this.then(function(content) {
+				args.push(function(response) { context.next(response); });
+				context.wait();
+				fun.apply(fun, args);
+				return false;
+			});
+		},
+
+		// itterates over an array, applying the callback for each item item. the
+		// callback takes the same style of arguments as `jQuery.each()` (index, item).
+		// The return value of each callback is collected as a single string and stored
+		// as `content` to be used in the next iteration of the `RenderContext`.
+		collect: function(array, callback, now) {
+			var context = this;
+			var coll = function() {
+				if (_isFunction(array)) {
+					callback = array;
+					array = this.content;
+				}
+				var contents = [], doms = false;
+				$.each(array, function(i, item) {
+					var returned = callback.apply(context, [i, item]);
+					if (returned.jquery && returned.length == 1) {
+						returned = returned[0];
+						doms = true;
+					}
+					contents.push(returned);
+					return returned;
+				});
+				return doms ? contents : contents.join('');
+			};
+			return now ? coll() : this.then(coll);
+		},
+
+		// loads a template, and then interpolates it for each item in the `data`
+		// array. If a callback is passed, it will call the callback with each
+		// item in the array _after_ interpolation
+		renderEach: function(location, name, data, callback) {
+			if (_isArray(name)) {
+				callback = data;
+				data = name;
+				name = null;
+			}
+			return this.load(location).then(function(content) {
+					var rctx = this;
+					if (!data) {
+						data = _isArray(this.previous_content) ? this.previous_content : [];
+					}
+					if (callback) {
+						$.each(data, function(i, value) {
+							var idata = {}, engine = this.next_engine || location;
+							name ? (idata[name] = value) : (idata = value);
+							callback(value, rctx.event_context.interpolate(content, idata, engine));
+						});
+					} else {
+						return this.collect(data, function(i, value) {
+							var idata = {}, engine = this.next_engine || location;
+							name ? (idata[name] = value) : (idata = value);
+							return this.event_context.interpolate(content, idata, engine);
+						}, true);
+					}
+			});
+		},
+
+		// uses the previous loaded `content` and the `data` object to interpolate
+		// a template. `engine` defines the templating/interpolation method/engine
+		// that should be used. If `engine` is not passed, the `next_engine` is
+		// used. If `retain` is `true`, the final interpolated data is appended to
+		// the `previous_content` instead of just replacing it.
+		interpolate: function(data, engine, retain) {
+			var context = this;
+			return this.then(function(content, prev) {
+				if (!data && prev) { data = prev; }
+				if (this.next_engine) {
+					engine = this.next_engine;
+					this.next_engine = false;
+				}
+				var rendered = context.event_context.interpolate(content, data, engine);
+				return retain ? prev + rendered : rendered;
+			});
+		},
+
+		// executes `EventContext#swap()` with the `content`
+		swap: function() {
+			return this.then(function(content) {
+				this.event_context.swap(content);
+			}).trigger('changed', {});
+		},
+
+		// Same usage as `jQuery.fn.appendTo()` but uses `then()` to ensure order
+		appendTo: function(selector) {
+			return this.then(function(content) {
+				$(selector).append(content);
+			}).trigger('changed', {});
+		},
+
+		// Same usage as `jQuery.fn.prependTo()` but uses `then()` to ensure order
+		prependTo: function(selector) {
+			return this.then(function(content) {
+				$(selector).prepend(content);
+			}).trigger('changed', {});
+		},
+
+		// Replaces the `$(selector)` using `html()` with the previously loaded
+		// `content`
+		replace: function(selector) {
+			return this.then(function(content) {
+				$(selector).html(content);
+			}).trigger('changed', {});
+		},
+
+		// trigger the event in the order of the event context. Same semantics
+		// as `Sammy.EventContext#trigger()`. If data is ommitted, `content`
+		// is sent as `{content: content}`
+		trigger: function(name, data) {
+			return this.then(function(content) {
+				if (typeof data == 'undefined') { data = {content: content}; }
+				this.event_context.trigger(name, data);
+			});
+		}
+
+	});
+
+	// `Sammy.EventContext` objects are created every time a route is run or a
+	// bound event is triggered. The callbacks for these events are evaluated within a `Sammy.EventContext`
+	// This within these callbacks the special methods of `EventContext` are available.
+	//
+	// ### Example
+	//
+	//			 $.sammy(function() {
+	//				 // The context here is this Sammy.Application
+	//				 this.get('#/:name', function() {
+	//					 // The context here is a new Sammy.EventContext
+	//					 if (this.params['name'] == 'sammy') {
+	//						 this.partial('name.html.erb', {name: 'Sammy'});
+	//					 } else {
+	//						 this.redirect('#/somewhere-else')
+	//					 }
+	//				 });
+	//			 });
+	//
+	// Initialize a new EventContext
+	//
+	// ### Arguments
+	//
+	// * `app` The `Sammy.Application` this event is called within.
+	// * `verb` The verb invoked to run this context/route.
+	// * `path` The string path invoked to run this context/route.
+	// * `params` An Object of optional params to pass to the context. Is converted
+	//	 to a `Sammy.Object`.
+	// * `target` a DOM element that the event that holds this context originates
+	//	 from. For post, put and del routes, this is the form element that triggered
+	//	 the route.
+	//
+	Sammy.EventContext = function(app, verb, path, params, target) {
+		this.app		= app;
+		this.verb		= verb;
+		this.path		= path;
+		this.params = new Sammy.Object(params);
+		this.target = target;
+	};
+
+	Sammy.EventContext.prototype = $.extend({}, Sammy.Object.prototype, {
+
+		// A shortcut to the app's `$element()`
+		$element: function() {
+			return this.app.$element(_makeArray(arguments).shift());
+		},
+
+		// Look up a templating engine within the current app and context.
+		// `engine` can be one of the following:
+		//
+		// * a function: should conform to `function(content, data) { return interploated; }`
+		// * a template path: 'template.ejs', looks up the extension to match to
+		//	 the `ejs()` helper
+		// * a string referering to the helper: "mustache" => `mustache()`
+		//
+		// If no engine is found, use the app's default `template_engine`
+		//
+		engineFor: function(engine) {
+			var context = this, engine_match;
+			// if path is actually an engine function just return it
+			if (_isFunction(engine)) { return engine; }
+			// lookup engine name by path extension
+			engine = (engine || context.app.template_engine).toString();
+			if ((engine_match = engine.match(/\.([^\.]+)$/))) {
+				engine = engine_match[1];
+			}
+			// set the engine to the default template engine if no match is found
+			if (engine && _isFunction(context[engine])) {
+				return context[engine];
+			}
+
+			if (context.app.template_engine) {
+				return this.engineFor(context.app.template_engine);
+			}
+			return function(content, data) { return content; };
+		},
+
+		// using the template `engine` found with `engineFor()`, interpolate the
+		// `data` into `content`
+		interpolate: function(content, data, engine) {
+			return this.engineFor(engine).apply(this, [content, data]);
+		},
+
+		// Create and return a `Sammy.RenderContext` calling `render()` on it.
+		// Loads the template and interpolate the data, however does not actual
+		// place it in the DOM.
+		//
+		// ### Example
+		//
+		//			// mytemplate.mustache <div class="name">{{name}}</div>
+		//			render('mytemplate.mustache', {name: 'quirkey'});
+		//			// sets the `content` to <div class="name">quirkey</div>
+		//			render('mytemplate.mustache', {name: 'quirkey'})
+		//				.appendTo('ul');
+		//			// appends the rendered content to $('ul')
+		//
+		render: function(location, data, callback) {
+			return new Sammy.RenderContext(this).render(location, data, callback);
+		},
+
+		// Create and return a `Sammy.RenderContext` calling `renderEach()` on it.
+		// Loads the template and interpolates the data for each item,
+		// however does not actual place it in the DOM.
+		//
+		// ### Example
+		//
+		//			// mytemplate.mustache <div class="name">{{name}}</div>
+		//			renderEach('mytemplate.mustache', [{name: 'quirkey'}, {name: 'endor'}])
+		//			// sets the `content` to <div class="name">quirkey</div><div class="name">endor</div>
+		//			renderEach('mytemplate.mustache', [{name: 'quirkey'}, {name: 'endor'}]).appendTo('ul');
+		//			// appends the rendered content to $('ul')
+		//
+		renderEach: function(location, name, data, callback) {
+			return new Sammy.RenderContext(this).renderEach(location, name, data, callback);
+		},
+
+		// create a new `Sammy.RenderContext` calling `load()` with `location` and
+		// `options`. Called without interpolation or placement, this allows for
+		// preloading/caching the templates.
+		load: function(location, options, callback) {
+			return new Sammy.RenderContext(this).load(location, options, callback);
+		},
+
+		// `render()` the the `location` with `data` and then `swap()` the
+		// app's `$element` with the rendered content.
+		partial: function(location, data) {
+			return new Sammy.RenderContext(this).partial(location, data);
+		},
+
+		// create a new `Sammy.RenderContext` calling `send()` with an arbitrary
+		// function
+		send: function() {
+			var rctx = new Sammy.RenderContext(this);
+			return rctx.send.apply(rctx, arguments);
+		},
+
+		// Changes the location of the current window. If `to` begins with
+		// '#' it only changes the document's hash. If passed more than 1 argument
+		// redirect will join them together with forward slashes.
+		//
+		// ### Example
+		//
+		//			redirect('#/other/route');
+		//			// equivilent to
+		//			redirect('#', 'other', 'route');
+		//
+		redirect: function() {
+			var to, args = _makeArray(arguments),
+					current_location = this.app.getLocation();
+			if (args.length > 1) {
+				args.unshift('/');
+				to = this.join.apply(this, args);
+			} else {
+				to = args[0];
+			}
+			this.trigger('redirect', {to: to});
+			this.app.last_location = [this.verb, this.path];
+			this.app.setLocation(to);
+			if (current_location == to) {
+				this.app.trigger('location-changed');
+			}
+		},
+
+		// Triggers events on `app` within the current context.
+		trigger: function(name, data) {
+			if (typeof data == 'undefined') { data = {}; }
+			if (!data.context) { data.context = this; }
+			return this.app.trigger(name, data);
+		},
+
+		// A shortcut to app's `eventNamespace()`
+		eventNamespace: function() {
+			return this.app.eventNamespace();
+		},
+
+		// A shortcut to app's `swap()`
+		swap: function(contents) {
+			return this.app.swap(contents);
+		},
+
+		// Raises a possible `notFound()` error for the current path.
+		notFound: function() {
+			return this.app.notFound(this.verb, this.path);
+		},
+
+		// Default JSON parsing uses jQuery's `parseJSON()`. Include `Sammy.JSON`
+		// plugin for the more conformant "crockford special".
+		json: function(string) {
+			return $.parseJSON(string);
+		},
+
+		// //=> Sammy.EventContext: get #/ {}
+		toString: function() {
+			return "Sammy.EventContext: " + [this.verb, this.path, this.params].join(' ');
+		}
+
+	});
+
+	// An alias to Sammy
+	$.sammy = window.Sammy = Sammy;
+
+})(jQuery, window);
diff --git a/ffdemo/static/assets/js/vendor/tween.js b/ffdemo/static/assets/js/vendor/tween.js
new file mode 100644
index 0000000..c63635d
--- /dev/null
+++ b/ffdemo/static/assets/js/vendor/tween.js
@@ -0,0 +1,470 @@
+/**
+ * @author sole / http://soledadpenades.com
+ * @author mr.doob / http://mrdoob.com
+ * @author Robert Eisele / http://www.xarg.org
+ * @author Philippe / http://philippe.elsass.me
+ * @author Robert Penner / http://www.robertpenner.com/easing_terms_of_use.html
+ */
+
+var TWEEN = TWEEN || ( function() {
+
+	var i, n, time, tweens = [];
+
+	this.add = function ( tween ) {
+
+		tweens.push( tween );
+
+	};
+
+	this.remove = function ( tween ) {
+
+		i = tweens.indexOf( tween );
+
+		if ( i !== -1 ) {
+
+			tweens.splice( i, 1 );
+
+		}
+
+	};
+
+	this.update = function () {
+
+		i = 0;
+		n = tweens.length;
+		time = new Date().getTime();
+
+		while ( i < n ) {
+
+			if ( tweens[ i ].update( time ) ) {
+
+				i++;
+
+			} else {
+
+				tweens.splice( i, 1 );
+				n--;
+
+			}
+
+		}
+
+	};
+
+	return this;
+
+} )();
+
+TWEEN.Tween = function ( object ) {
+
+	var _object = object,
+	_valuesStart = {},
+	_valuesDelta = {},
+	_valuesEnd = {},
+	_duration = 1000,
+	_delayTime = 0,
+	_startTime = null,
+	_easingFunction = TWEEN.Easing.Linear.EaseNone,
+	_chainedTween = null,
+	_onUpdateCallback = null,
+	_onCompleteCallback = null;
+
+	this.to = function ( properties, duration ) {
+
+		if( duration !== null ) {
+
+			_duration = duration;
+
+		}
+
+		for ( var property in properties ) {
+
+			// This prevents the engine from interpolating null values
+			if ( _object[ property ] === null ) {
+
+				continue;
+
+			}
+
+			// The current values are read when the tween starts;
+			// here we only store the final desired values
+			_valuesEnd[ property ] = properties[ property ];
+
+		}
+
+		return this;
+
+	};
+
+	this.start = function () {
+
+		TWEEN.add( this );
+
+		_startTime = new Date().getTime() + _delayTime;
+
+		for ( var property in _valuesEnd ) {
+
+			// Again, prevent dealing with null values
+			if ( _object[ property ] === null ) {
+
+				continue;
+
+			}
+
+			_valuesStart[ property ] = _object[ property ];
+			_valuesDelta[ property ] = _valuesEnd[ property ] - _object[ property ];
+
+		}
+
+		return this;
+	};
+
+	this.stop = function () {
+
+		TWEEN.remove( this );
+		return this;
+
+	};
+
+	this.delay = function ( amount ) {
+
+		_delayTime = amount;
+		return this;
+
+	};
+
+	this.easing = function ( easing ) {
+
+		_easingFunction = easing;
+		return this;
+
+	};
+
+	this.chain = function ( chainedTween ) {
+
+		_chainedTween = chainedTween;
+
+	};
+
+	this.onUpdate = function ( onUpdateCallback ) {
+
+		_onUpdateCallback = onUpdateCallback;
+		return this;
+
+	};
+
+	this.onComplete = function ( onCompleteCallback ) {
+
+		_onCompleteCallback = onCompleteCallback;
+		return this;
+
+	};
+
+	this.update = function ( time ) {
+
+		var property, elapsed, value;
+
+		if ( time < _startTime ) {
+
+			return true;
+
+		}
+
+		elapsed = ( time - _startTime ) / _duration;
+		elapsed = elapsed > 1 ? 1 : elapsed;
+
+		value = _easingFunction( elapsed );
+
+		for ( property in _valuesDelta ) {
+
+			_object[ property ] = _valuesStart[ property ] + _valuesDelta[ property ] * value;
+
+		}
+
+		if ( _onUpdateCallback !== null ) {
+
+			_onUpdateCallback.call( _object, value );
+
+		}
+
+		if ( elapsed == 1 ) {
+
+			if ( _onCompleteCallback !== null ) {
+
+				_onCompleteCallback.call( _object );
+
+			}
+
+			if ( _chainedTween !== null ) {
+
+				_chainedTween.start();
+
+			}
+
+			return false;
+
+		}
+
+		return true;
+
+	};
+
+	/*
+	this.destroy = function () {
+
+		TWEEN.remove( this );
+
+	};
+	*/
+}
+
+TWEEN.Easing = { Linear: {}, Quadratic: {}, Cubic: {}, Quartic: {}, Quintic: {}, Sinusoidal: {}, Exponential: {}, Circular: {}, Elastic: {}, Back: {}, Bounce: {} };
+
+
+TWEEN.Easing.Linear.EaseNone = function ( k ) {
+
+	return k;
+
+};
+
+//
+
+TWEEN.Easing.Quadratic.EaseIn = function ( k ) {
+
+	return k * k;
+
+};
+
+TWEEN.Easing.Quadratic.EaseOut = function ( k ) {
+
+	return - k * ( k - 2 );
+
+};
+
+TWEEN.Easing.Quadratic.EaseInOut = function ( k ) {
+
+	if ( ( k *= 2 ) < 1 ) return 0.5 * k * k;
+	return - 0.5 * ( --k * ( k - 2 ) - 1 );
+
+};
+
+//
+
+TWEEN.Easing.Cubic.EaseIn = function ( k ) {
+
+	return k * k * k;
+
+};
+
+TWEEN.Easing.Cubic.EaseOut = function ( k ) {
+
+	return --k * k * k + 1;
+
+};
+
+TWEEN.Easing.Cubic.EaseInOut = function ( k ) {
+
+	if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k;
+	return 0.5 * ( ( k -= 2 ) * k * k + 2 );
+
+};
+
+//
+
+TWEEN.Easing.Quartic.EaseIn = function ( k ) {
+
+	return k * k * k * k;
+
+};
+
+TWEEN.Easing.Quartic.EaseOut = function ( k ) {
+
+	 return - ( --k * k * k * k - 1 );
+
+}
+
+TWEEN.Easing.Quartic.EaseInOut = function ( k ) {
+
+	if ( ( k *= 2 ) < 1) return 0.5 * k * k * k * k;
+	return - 0.5 * ( ( k -= 2 ) * k * k * k - 2 );
+
+};
+
+//
+
+TWEEN.Easing.Quintic.EaseIn = function ( k ) {
+
+	return k * k * k * k * k;
+
+};
+
+TWEEN.Easing.Quintic.EaseOut = function ( k ) {
+
+	return ( k = k - 1 ) * k * k * k * k + 1;
+
+};
+
+TWEEN.Easing.Quintic.EaseInOut = function ( k ) {
+
+	if ( ( k *= 2 ) < 1 ) return 0.5 * k * k * k * k * k;
+	return 0.5 * ( ( k -= 2 ) * k * k * k * k + 2 );
+
+};
+
+// 
+
+TWEEN.Easing.Sinusoidal.EaseIn = function ( k ) {
+
+	return - Math.cos( k * Math.PI / 2 ) + 1;
+
+};
+
+TWEEN.Easing.Sinusoidal.EaseOut = function ( k ) {
+
+	return Math.sin( k * Math.PI / 2 );
+
+};
+
+TWEEN.Easing.Sinusoidal.EaseInOut = function ( k ) {
+
+	return - 0.5 * ( Math.cos( Math.PI * k ) - 1 );
+
+};
+
+//
+
+TWEEN.Easing.Exponential.EaseIn = function ( k ) {
+
+	return k == 0 ? 0 : Math.pow( 2, 10 * ( k - 1 ) );
+
+};
+
+TWEEN.Easing.Exponential.EaseOut = function ( k ) {
+
+	return k == 1 ? 1 : - Math.pow( 2, - 10 * k ) + 1;
+
+};
+
+TWEEN.Easing.Exponential.EaseInOut = function ( k ) {
+
+	if ( k == 0 ) return 0;
+        if ( k == 1 ) return 1;
+        if ( ( k *= 2 ) < 1 ) return 0.5 * Math.pow( 2, 10 * ( k - 1 ) );
+        return 0.5 * ( - Math.pow( 2, - 10 * ( k - 1 ) ) + 2 );
+
+};
+
+// 
+
+TWEEN.Easing.Circular.EaseIn = function ( k ) {
+
+	return - ( Math.sqrt( 1 - k * k ) - 1);
+
+};
+
+TWEEN.Easing.Circular.EaseOut = function ( k ) {
+
+	return Math.sqrt( 1 - --k * k );
+
+};
+
+TWEEN.Easing.Circular.EaseInOut = function ( k ) {
+
+	if ( ( k /= 0.5 ) < 1) return - 0.5 * ( Math.sqrt( 1 - k * k) - 1);
+	return 0.5 * ( Math.sqrt( 1 - ( k -= 2) * k) + 1);
+
+};
+
+//
+
+TWEEN.Easing.Elastic.EaseIn = function( k ) {
+
+	var s, a = 0.1, p = 0.4;
+	if ( k == 0 ) return 0; if ( k == 1 ) return 1; if ( !p ) p = 0.3;
+	if ( !a || a < 1 ) { a = 1; s = p / 4; }
+	else s = p / ( 2 * Math.PI ) * Math.asin( 1 / a );
+	return - ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) );
+
+};
+
+TWEEN.Easing.Elastic.EaseOut = function( k ) {
+
+	var s, a = 0.1, p = 0.4;
+	if ( k == 0 ) return 0; if ( k == 1 ) return 1; if ( !p ) p = 0.3;
+	if ( !a || a < 1 ) { a = 1; s = p / 4; }
+	else s = p / ( 2 * Math.PI ) * Math.asin( 1 / a );
+	return ( a * Math.pow( 2, - 10 * k) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) + 1 );
+
+};
+
+TWEEN.Easing.Elastic.EaseInOut = function( k ) {
+
+	var s, a = 0.1, p = 0.4;
+	if ( k == 0 ) return 0; if ( k == 1 ) return 1; if ( !p ) p = 0.3;
+        if ( !a || a < 1 ) { a = 1; s = p / 4; }
+        else s = p / ( 2 * Math.PI ) * Math.asin( 1 / a );
+        if ( ( k *= 2 ) < 1 ) return - 0.5 * ( a * Math.pow( 2, 10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) );
+        return a * Math.pow( 2, -10 * ( k -= 1 ) ) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) * 0.5 + 1;
+
+};
+
+//
+
+TWEEN.Easing.Back.EaseIn = function( k ) {
+
+	var s = 1.70158;
+	return k * k * ( ( s + 1 ) * k - s );
+
+};
+
+TWEEN.Easing.Back.EaseOut = function( k ) {
+
+	var s = 1.70158;
+	return ( k = k - 1 ) * k * ( ( s + 1 ) * k + s ) + 1;
+
+};
+
+TWEEN.Easing.Back.EaseInOut = function( k ) {
+
+	var s = 1.70158 * 1.525;
+	if ( ( k *= 2 ) < 1 ) return 0.5 * ( k * k * ( ( s + 1 ) * k - s ) );
+	return 0.5 * ( ( k -= 2 ) * k * ( ( s + 1 ) * k + s ) + 2 );
+
+};
+
+// 
+
+TWEEN.Easing.Bounce.EaseIn = function( k ) {
+
+	return 1 - TWEEN.Easing.Bounce.EaseOut( 1 - k );
+
+};
+
+TWEEN.Easing.Bounce.EaseOut = function( k ) {
+
+	if ( ( k /= 1 ) < ( 1 / 2.75 ) ) {
+
+		return 7.5625 * k * k;
+
+	} else if ( k < ( 2 / 2.75 ) ) {
+
+		return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75;
+
+	} else if ( k < ( 2.5 / 2.75 ) ) {
+
+		return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375;
+
+	} else {
+
+		return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375;
+
+	}
+
+};
+
+TWEEN.Easing.Bounce.EaseInOut = function( k ) {
+
+	if ( k < 0.5 ) return TWEEN.Easing.Bounce.EaseIn( k * 2 ) * 0.5;
+	return TWEEN.Easing.Bounce.EaseOut( k * 2 - 1 ) * 0.5 + 0.5;
+
+};
\ No newline at end of file
diff --git a/ffdemo/templates_orig/about.html b/ffdemo/templates_orig/about.html
new file mode 100644
index 0000000..6f4d2d6
--- /dev/null
+++ b/ffdemo/templates_orig/about.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% load i18n %}
+{% block bodytag %}
+  <body class="behind-the-code about">
+{% endblock %}
+{% block content %}
+	<section id="static-content">
+		<section class="col-secondary">
+			<nav id="about-nav">
+				<ul>
+					<li id="about-mozilla"><a href="/about/mozilla">{{ _('About Mozilla') }}</a></li>
+					<li id="about-gml"><a href="/about/gml">{{ _('GML') }}</a></li>
+					<li id="about-evan-roth"><a href="/about/evan-roth">{{ _('Evan Roth') }}</a></li>
+					<li id="about-code"><a href="/about/code">{{ _('Code Repository') }}</a></li>
+				</ul>
+			</nav>
+		</section>
+		<section class="col-main col-last">
+			{% block about-content %}
+			<h1>{{ _('Behind the Code') }}</h1>
+			{% blocktrans %}
+			<p>A non-profit browser dedicated to placing the future of the Web in the hands of the people. An artist inspired by graffiti and free culture. What happens when these two like-minded entities collaborate? Mark Up, a project that reflects the collective nature of the Web.</p>
+
+			<p>Here’s where you’ll find more information on Mozilla and Evan Roth, and the project born of this collaboration.</p>
+
+			<p>Learn more about the mission of Mark Up and the contribution from respected open Web advocate Lawrence Lessig <a href="/manifesto">here</a>.</p>
+			{% endblocktrans %}
+			{% endblock %}
+		</section>
+	</section>
+{% endblock %}
\ No newline at end of file
diff --git a/ffdemo/templates_orig/base.html b/ffdemo/templates_orig/base.html
new file mode 100644
index 0000000..4e08bee
--- /dev/null
+++ b/ffdemo/templates_orig/base.html
@@ -0,0 +1,103 @@
+{% load i18n %}
+
+{% load localeurl_tags %}
+<!DOCTYPE html> 
+<html> 
+	<head> 
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<meta name="title" content="Mozilla Firefox Mark Up">
+		<meta name="description" content="The Web is your creation. Show your support to keep it open and accessible to all. Make your mark." />
+		<link rel="image_src" href="/media/assets/images/site_thumb.jpg" />
+		
+		<meta property="og:title" content="Mozilla Firefox Mark Up"/>
+		<meta property="og:type" content="website"/>
+		<meta property="og:url" content="http://markup.mozilla.com"/>
+		<meta property="og:image" content="http://markup.mozilla.com/media/assets/images/site_thumb.jpg"/>
+		<meta property="og:site_name" content="Mozilla Firefox Mark Up"/>
+		<meta property="og:description" content="The Web is your creation. And, Mark Up is an open invitation to show your support for keeping the Web public and accessible to all. Make your mark."/>
+
+		<title>{{ _('Mozilla Firefox Mark Up') }}</title>
+		<link rel="shortcut icon" href="/media/assets/images/favicon.png" />
+		<link href="/media/assets/css/style.css" type="text/css" rel="stylesheet" />
+		<script src="/media/assets/js/jquery-1.5.1.min.js" type="text/javascript"></script>
+		<script src="/media/assets/js/common.js" type="text/javascript"></script>
+		{% block js %}{% endblock %}
+  </head>
+
+  {% block bodytag %}
+  <body> 
+  {% endblock %}
+		<header>
+			<section id="main-links">
+				<h2><a href="http://www.mozilla.org/" target="_blank" id="mozilla-logo">{{ _('Mozilla') }}</a></h2>
+				<h1><a href="/">{{ _('Mozilla Mark Up') }}</a></h1>
+			</section>
+		</header>
+		<section id="main-navigation">
+			<nav>
+				<div id="coming-soon-tip">{{ _('Coming soon') }}</div>
+				<ul>
+					<li id="manifesto"><a href="/manifesto">{{ _('Manifesto') }}</a></li>
+					<li id="make-your-mark"><a href="/#/mark/new">{{ _('Make Your Mark') }}</a></li>
+					<li id="behind-the-code"><a href="/about/">{{ _('Behind The Code') }}</a></li>
+					<li id="community" class="disabled">{{ _('Community') }}</li>
+					<li class="download-link"><a href="http://www.mozilla.com/firefox" target="_blank">{{ _('Download Firefox 4') }}</a></li>
+				</ul>
+			</nav>
+		</section>
+		<section id="content">
+			{% block content %}{% endblock %}
+		</section>
+		<footer>
+			<section id="callout-boxes">
+				<div id="callout-boxes-wrapper">
+					<div class="callout-box">
+						<a href="/about"><img src="/media/assets/images/evan_roth.jpg" width="57px" height="57px" alt="{{ _('Evan Roth') }}" /></a>
+						<h3><a href="/about">{{ _('Collaborating with Mark Up') }}</a></h3>
+						<p>{% blocktrans %}Learn more about our collaboration with artist Evan Roth and Lawrence Lessig's contribution.{% endblocktrans %}</p>
+					</div>
+					<div class="callout-box">
+						<a href="/newsletter"><img src="/media/assets/images/world_eater.jpg" width="57px" height="57px" alt="{{ _('Mozilla Newsletter') }}" /></a>
+						<h3><a href="/newsletter">{{ _('Read all about it') }}</a></h3>
+						<p>{% blocktrans %}Subscribe to Mozilla's monthly email newsletter and receive the latest tips and tricks for getting the most out of Firefox.{% endblocktrans %}</p>
+					</div>
+					<div class="callout-box">
+						<a href="https://demos.mozilla.org/" target="_blank"><img src="/media/assets/images/web_of_wonders.jpg" width="57px" height="57px" alt="{{ _('Web Of Wonders') }}" /></a>
+						<h3><a href="https://demos.mozilla.org/" target="_blank">{{ _('Web O\'(pen) Wonder') }}</a></h3>
+						<p>{% blocktrans %}Want to see what the Web is really capable of? Explore the Web O' Wonder demo gallery and prepare to be amazed!{% endblocktrans %}</p>
+					</div>
+					<div class="callout-box last">
+						<a href="http://www.mozilla.com/firefox" target="_blank"><img src="/media/assets/images/firefox_logo.jpg" width="57px" height="57px" alt="{{ _('Download Firefox 4') }}" /></a>
+						<h3><a href="http://www.mozilla.com/firefox" target="_blank">{{ _('Download Firefox 4') }}</a></h3>
+						<p>{% blocktrans %}Enjoy the latest version featuring a new look, more tools and other goodness.{% endblocktrans %}</p>
+					</div>
+				</div>
+			</section>
+			<section id="language">
+				<a id="current-locale" href="#">{{ locale_code }}</a>
+				<ul id="language-selector">
+					{% for lang in LANGUAGES %}
+						{% ifequal lang.0 LANGUAGE_CODE %}
+							<li class="selected">{{ lang.1 }}</li>
+						{% else %}
+							<li><a href="{{ request.path|chlocale:lang.0 }}">{{ lang.1 }}</a></li>
+						{% endifequal %}
+					{% endfor %}
+				</ul>
+			</section>
+			<section id='legal'>
+				<p class="legal-blurb">{% blocktrans %}The Mozilla Firefox Mark Up campaign is a publicly accessible campaign site. If you choose to use your formal signature, then please recognize that it will be viewable to those with whom you share it online as well as to anyone who comes to this site.{% endblocktrans %}</p>
+				<p class="legal-blurb last">{% blocktrans %}Mozilla appeals to your sense of propriety and we ask that you avoid offensive or unlawful marks. Mozilla reserves the right to remove marks that are offensive and/or violate the law. See Mozilla’s Legal Notices for more information.{% endblocktrans %}</p>
+				<nav id="legal-links">
+					<ul>
+						<li><a href="http://www.mozilla.com/privacy-policy.html" target="_blank">{{ _('Privacy Policy') }}</a></li>
+						<li><a href="http://www.mozilla.com/about/legal.html" target="_blank">{{ _('Legal Notices') }}</a></li>
+						<li class="last"><a href="http://www.mozilla.com/legal/fraud-report/index.html" target="_blank">{{ _('Report Trademark Abuse') }}</a></li>
+					</ul>
+				</nav>
+				<p>{% blocktrans %}Except where otherwise noted, content on this site is licensed under the <a href="http://creativecommons.org/licenses/by-sa/3.0/us/" target="_blank">Creative Commons Attribution Share-Alike License v3.0</a> or any later version.{% endblocktrans %}</p>
+			</section>
+		</footer>
+  </body>
+
+</html>
\ No newline at end of file
diff --git a/ffdemo/templates_orig/base_min.html b/ffdemo/templates_orig/base_min.html
new file mode 100644
index 0000000..95fb185
--- /dev/null
+++ b/ffdemo/templates_orig/base_min.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html> 
+<html> 
+	<head> 
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<title>FFDemo</title>
+    <style type="text/css">
+      body { width: 100%; margin: 100px auto; }
+      ul, li { clear: both; list-style: none; margin: 10px; }
+      label { display: block; float: left; width: 100px; }
+    </style>
+
+  </head>
+  <body> 
+    {% block content %}
+      
+    {% endblock %}
+  </body>
+</html>
\ No newline at end of file
diff --git a/ffdemo/templates_orig/code.html b/ffdemo/templates_orig/code.html
new file mode 100644
index 0000000..bd9760a
--- /dev/null
+++ b/ffdemo/templates_orig/code.html
@@ -0,0 +1,13 @@
+{% extends "about.html" %}
+{% load i18n %}
+{% block bodytag %}
+  <body class="behind-the-code about-code">
+{% endblock %}
+
+{% block about-content %}
+	<h1>{{ _('Code Repository') }}</h1>
+	{% blocktrans %}<p>We believe creativity should be shared. We believe everything on the Web should be accessible to the people who contribute to it. And that's why we chose to make the code behind Mark Up public.</p>
+	<p>We encourage you to use the code below to keep creating, collaborating and contributing.</p>
+	<p><a href="http://github.com/mozilla/markup">Get Code at GitHub</a></p>{% endblocktrans %}
+{% endblock %}
+
diff --git a/ffdemo/templates_orig/community.html b/ffdemo/templates_orig/community.html
new file mode 100644
index 0000000..64eb9d6
--- /dev/null
+++ b/ffdemo/templates_orig/community.html
@@ -0,0 +1,12 @@
+{% extends "base.html" %}
+{% load i18n %}
+{% block bodytag %}
+  <body class="community">
+{% endblock %}
+
+{% block content %}
+	<section id="static-content">
+		<h1>{{ _('Community') }}</h1>
+	</section>
+{% endblock %}
+
diff --git a/ffdemo/templates_orig/evan-roth.html b/ffdemo/templates_orig/evan-roth.html
new file mode 100644
index 0000000..97ecfe1
--- /dev/null
+++ b/ffdemo/templates_orig/evan-roth.html
@@ -0,0 +1,13 @@
+{% extends "about.html" %}
+{% load i18n %}
+{% block bodytag %}
+  <body class="behind-the-code about-evan-roth">
+{% endblock %}
+
+{% block about-content %}
+	<h1>{{ _('Evan Roth') }}</h1>
+	<img src="/media/assets/images/evan_roth_bio.jpg" width="300" height="250" alt="Evan Roth" />
+	<p>{% blocktrans %}Evan Roth is an artist and researcher based in Paris whose work explores the intersection of free culture and popular culture. His notable projects include <a href="http://graffitiresearchlab.com/projects/laser-tag/">L.A.S.E.R. Tag</a> and <a href="http://graffitiresearchlab.com/projects/led-throwies/">LED Throwies</a> (Graffiti Research Lab), <a href="http://whiteglovetracking.com/">White Glove Tracking</a>, <a href="http://www.eyewriter.org/">EyeWriter</a>, <a href="http://graffitianalysis.com/">Graffiti Analysis</a> and a collaboration with <a href="http://www.youtube.com/watch?v=QftcJtvLr8g">Jay-Z</a> on the first open source rap video. Roth's work is in the permanent collection of the MoMA (NYC) and has been exhibited widely in the Americas, Europe and Asia, including the Pompidou (Paris), the Kunsthalle (Vienna), the Tate (London), the Fondation Cartier (Paris) and the front page of Youtube. Roth has received numerous awards for his work, including the <a href="http://new.aec.at/repair/en/program/prix-ars-electronica/">Golden Nica</a> from Prix Ars Electronica, Rhizome/The New Museum commissions (<a href="http://rhizome.org/commissions/2007/">2007</a>, <a href="http://rhizome.org/commissions/2009/">2009</a>), the <a href="http://2010.futureeverything.org/abouttheawards/eyewriter2">Future Everything Award</a> and Brit Insurance Designs of the Year (<a href="http://www.designsoftheyear.com/2010/02/05/evan-roth-graffiti-taxonomy-paris-france/">1</a>, <a href="http://www.designsoftheyear.com/2010/02/10/members-of-free-art-and-technology-graffiti-research-lab-openframeworks-the-ebeling-group-and-tony-quan-the-eyewriter-usa/">2</a>).{% endblocktrans %}</p>
+	<p>{% blocktrans %}Roth is co-founder of the <a href="http://www.graffitiresearchlab.com/">Graffiti Research Lab</a> and the <a href="http://fffff.at/">Free Art &amp; Technology Lab (F.A.T. Lab)</a>, a web based, open source research and development lab. In addition, at the Parsons School of Design, he has developed and continues to teach courses on viral media for artists, where grades depend on Internet attention metrics, and urban hacking, a course a New York City councilman has declared "an invitation to break the law." Roth and his work have been featured in multiple outlets, including <a href="http://www.npr.org/templates/story/story.php?storyId=124980282">NPR</a>, the New York Times (<a href="http://www.nytimes.com/2006/06/25/arts/design/25daya.html?_r=1">1</a>, <a href="http://www.nytimes.com/2007/08/12/nyregion/thecity/12graf.html">2</a>, <a href="http://www.nytimes.com/ref/weekinreview/buzzwords2008.html">3</a>), <a href="http://www.liberation.fr/recherche/?q=%22evan+roth%22">Liberation</a>, Time magazine (<a href="http://www.time.com/time/magazine/article/0,9171,1691618,00.html">1</a>, <a href="http://www.time.com/time/arts/article/0,8599,1730645,00.html">2</a>, <a href="http://www.time.com/time/photogallery/0,29307,1911799_1912685,00.html">3</a>), <a href="http://edition.cnn.com/2010/TECH/web/09/10/gif.images/index.html">CNN</a>, <a href="http://browse.guardian.co.uk/search?search=%22evan+roth%22&sitesearch-radio=guardian&go-guardian=Search">the Guardian</a>, <a href="http://abcnews.go.com/Technology/popup?id=2425229">ABC News</a>, and <a href="http://www.esquire.com/features/best-brightest-2007/graffiti1207">Esquire</a>.{% endblocktrans %}</p>
+{% endblock %}
+
diff --git a/ffdemo/templates_orig/gml.html b/ffdemo/templates_orig/gml.html
new file mode 100644
index 0000000..fa797d7
--- /dev/null
+++ b/ffdemo/templates_orig/gml.html
@@ -0,0 +1,15 @@
+{% extends "about.html" %}
+{% load i18n %}
+{% block bodytag %}
+  <body class="behind-the-code about-gml">
+{% endblock %}
+
+{% block about-content %}
+	<h1>{{ _('Graffiti Markup Language') }}</h1>
+	<div class="video">
+		<iframe src="http://player.vimeo.com/video/21270066" width="500" height="281" frameborder="0"></iframe>
+	</div>
+	<p>{% blocktrans %}Graffiti Markup Language (.gml) is a universal, XML-based, open file format designed to store graffiti motion data (x coordinates, y coordinates and time). GML is intended to be a simple bridge between ink and code, promoting collaborations between graffiti writers and hackers.{% endblocktrans %}</p>
+	
+{% endblock %}
+
diff --git a/ffdemo/templates_orig/gml.xml b/ffdemo/templates_orig/gml.xml
new file mode 100644
index 0000000..e850265
--- /dev/null
+++ b/ffdemo/templates_orig/gml.xml
@@ -0,0 +1,24 @@
+{% load gml_extras %}
+
+<gml spec='1.0'>
+<tag>
+<header>
+</header>
+<drawing>
+  <stroke>
+    {% for points in obj_decoded.strokes %}
+      {% for point in points %}
+        <pt>
+          <pres></pres>
+          <rot></rot>
+          <x>{{ point.x|normalize_point:obj_decoded.bWidth }}</x>
+          <y>{{ point.y|normalize_point:obj_decoded.bHeight }}</y>
+          <t></t>
+        </pt>
+      {% endfor %}
+    {% endfor %}
+  </stroke>
+</drawing>
+</tag>
+</gml>
+
diff --git a/ffdemo/templates_orig/home.html b/ffdemo/templates_orig/home.html
new file mode 100644
index 0000000..e64e548
--- /dev/null
+++ b/ffdemo/templates_orig/home.html
@@ -0,0 +1,26 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block bodytag %}
+  <body class="make-your-mark">
+{% endblock %}
+
+{% block js %}
+<script src="/media/assets/js/markApp.min.js" type="text/javascript"></script>
+<script src="/media/assets/js/app.js" type="text/javascript"></script>
+{% endblock %}
+
+{% block content %}
+	<div id="fallback" class="overlay-wrapper">
+		<div id="fallback-content">
+			<p>{% blocktrans %}Oops! Your browser doesn’t support the features used on this site.
+			Please download a more modern browser like <a href="http://www.mozilla.com/products/download.html">Firefox 4</a>.{% endblocktrans %}</p>
+		</div>
+	</div>
+	<div id="sammy"></div>
+	<div id="markapp"></div>
+	<div class="translated-strings" style="display:none;">
+		<span id="default-error-msg">{% blocktrans %}An error occured. Please try your request again.{% endblocktrans %}</span>
+		<span id="default-loading-msg">{% blocktrans %}Loading{% endblocktrans %}</span>
+	</div>
+{% endblock %}
diff --git a/ffdemo/templates_orig/manifesto.html b/ffdemo/templates_orig/manifesto.html
new file mode 100644
index 0000000..7447460
--- /dev/null
+++ b/ffdemo/templates_orig/manifesto.html
@@ -0,0 +1,34 @@
+{% extends "base.html" %}
+{% load i18n %}
+{% block bodytag %}
+  <body class="manifesto">
+{% endblock %}
+
+{% block content %}
+	<section id="static-content">
+		<h1>{{ _('Manifesto') }}</h1>
+		{% blocktrans %}
+		<blockquote>"An open net embraces free culture. That doesn't mean disrespecting the copyright of others. It means instead enabling others to share and build upon the work you want the Net to love. Practice the freedom you expect from others, by licensing your work as freely as you can."</blockquote>
+		<cite>- Lawrence Lessig for Mark Up</cite>
+		<p>The Web is an integral part of modern life.<br />
+		It is an educator, a communicator, an entertainer, an inspirer, a collaboration of all our creative efforts.<br />
+		It gives us hope. It enriches our lives. It grants us freedom of speech.<br />
+		It sparks movements and enables us to share our ideas, our thoughts, our dreams.</p>
+
+		<p>The Web is our creation.<br />
+		It is a reflection of us, of our desire to create.<br />
+		We are all contributors, the ones who use the Web every day.<br />
+		We are the writers, the coders, the artists.<br />
+		And all the comments and uploads we make add up to something bigger.<br />
+		This is why we believe that the Web must remain open and accessible to all.</p>
+
+		<p>Mark Up is a celebration of that freedom.<br />
+		Each person’s mark is an individual expression on a continuous line symbolizing solidarity.<br />
+		It is a declaration and a chance to show your support for a people's Web.<br />
+		So make your mark and show your support for the world’s greatest public resource.</p>
+
+		{% endblocktrans %}
+	</section>
+{% endblock %}
+
+
diff --git a/ffdemo/templates_orig/mozilla.html b/ffdemo/templates_orig/mozilla.html
new file mode 100644
index 0000000..935bb7c
--- /dev/null
+++ b/ffdemo/templates_orig/mozilla.html
@@ -0,0 +1,13 @@
+{% extends "about.html" %}
+{% load i18n %}
+{% block bodytag %}
+  <body class="behind-the-code about-mozilla">
+{% endblock %}
+
+{% block about-content %}
+	<h1>{{ _('About Mozilla') }}</h1>
+	<p>{% blocktrans %}Mozilla is a global, non-profit organization dedicated to making the Web better. We believe in principle over profit, and that the Internet is a shared public resource to be cared for, not a commodity to be sold. We work with a worldwide community to create free, open source software like Mozilla Firefox, and to innovate for the benefit of the individual and the betterment of the Web. The result is great products built by passionate people and better choices for everyone. For more information, visit <a href="http://www.mozilla.org">www.mozilla.org</a>.{% endblocktrans %}</p>
+	<h2>{{ _('Special Thanks') }}</h2>
+	<p>{% blocktrans %}Special thanks to <a href="evan-roth">Evan Roth</a> for his contributions to the MarkUP project.{% endblocktrans %}</p>
+{% endblock %}
+
diff --git a/ffdemo/templates_orig/newsletter.html b/ffdemo/templates_orig/newsletter.html
new file mode 100644
index 0000000..c4b6e6d
--- /dev/null
+++ b/ffdemo/templates_orig/newsletter.html
@@ -0,0 +1,34 @@
+{% extends "base.html" %}
+{% load i18n %}
+{% block content %}
+	<section id="static-content">
+		{% blocktrans %}
+		<p><strong>Read all about it in our Mozilla Firefox newsletter</strong></p>
+
+		<p>Subscribe to our monthly updates and keep current with Mozilla news, including the latest tips and tricks for getting the most out of your Firefox browser. It’s the perfect way for us to keep in touch!</p>
+		
+		<form id="newsletter-form" action="http://awesomeness.mozilla.org/pub/rf" method="POST">
+			
+			<p><label for="email">Your email address:</label><input type="text" id="email" /></p>
+			<p>
+				<label for="newsletter-countries">Country:</label>
+				<select id="newsletter-countries">
+					<option val="label">Select your country</option>
+				</select>
+			</p>
+			<p>
+				<label>Format:</label>
+				<label for="html-format">HTML</label><input type="radio" id="html-format" name="format" checked="checked" />
+				<label for="text-format">Text</label><input type="radio" id="text-format" name="format" />
+			</p>
+			<p><input type="checkbox" name="privacy" id="privacy-check" />I agree to the <a href="http://www.mozilla.com/en-US/privacy-policy" target="_blank">Mozilla Privacy Policy</a></p>
+			<p><input type="submit" value="Sign me up!" /></p>
+			
+			<cite>We will only send you Mozilla-related information</cite>
+			
+		</form>
+		
+		
+		{% endblocktrans %}
+	</section>
+{% endblock %}
\ No newline at end of file
diff --git a/ffdemo/templates_orig/registration/locked.html b/ffdemo/templates_orig/registration/locked.html
new file mode 100644
index 0000000..06e877f
--- /dev/null
+++ b/ffdemo/templates_orig/registration/locked.html
@@ -0,0 +1,3 @@
+{% extends "base_min.html" %}
+
+<h1>You have been locked out. Please try again in >1 hour</h1>
\ No newline at end of file
diff --git a/ffdemo/templates_orig/registration/login.html b/ffdemo/templates_orig/registration/login.html
new file mode 100644
index 0000000..a10599d
--- /dev/null
+++ b/ffdemo/templates_orig/registration/login.html
@@ -0,0 +1,38 @@
+{% extends "base_min.html" %}
+
+
+{% block content %}
+
+{% if user.is_authenticated %}
+<!-- shouldn't really get here... -->
+{% else %}
+{% if form.errors %}
+<p>Your username and password didn't match. Please try again.</p>
+{% endif %}
+
+
+
+
+<form method="post" action="/accounts/login/">
+{% csrf_token %}
+<ul>
+  <li>
+    <label for="username">Username</label>
+    <input type="text" name="username" value="" id="username" />
+  </li>
+  <li>
+    <label for="password">Password</label>
+    <input type="password" name="password" value="" id="password" />
+  </li>
+
+  <li>
+    <input type="hidden" name="next" value="{{ NEXT }}" />
+  </li>
+  <li>
+    <input type="submit" value="Login">
+  </li>
+</ul>
+</form>
+{% endif %}
+
+{% endblock %}
\ No newline at end of file
diff --git a/ffdemo/templates_orig/sammy/linear.html b/ffdemo/templates_orig/sammy/linear.html
new file mode 100644
index 0000000..6d2f427
--- /dev/null
+++ b/ffdemo/templates_orig/sammy/linear.html
@@ -0,0 +1,87 @@
+{% load i18n %}
+<!-- VISUALIZATION -->
+<!-- This template will load the linear view of all visualizations flowing one after the next. -->
+<div id="linear" class="autoResize">
+	<!-- These are per mark information, shown on hover of a single mark -->
+	<div id="mark-information">
+		<a id="mark-playback" href="#" title="Replay this mark">{{ _('Replay this mark') }}</a>
+		<a id="mark-flag" href="#" title="Flag as inappropriate">{{ _('Flag as inappropriate') }}</a>
+		<h3 id="mark-number">{{ _('Mark') }} <span id="mark-id"></span> <span id="mark-contributor-name"></span></h3>
+		<h4><span id="mark-timestamp"></span><span id="mark-country"></span></h4>
+		
+		<a href="#" id="facebook-share">{{ _('Share on Facebook') }}</a>
+		<a href="#" id="twitter-share">{{ _('Share on Twitter') }}</a>
+		<div id="url-share">
+			<label>{{ _('URL') }}</label>
+			<input value="http://ffdemomarkup.com/#/marks/:id" />
+		</div>
+	</div>
+	<div id="contributor-quote-box" style="display:none;">
+		<div class="infobox-inner">
+			<p id="contributor-quote"></p>
+			<p id="contributor-name"></p>
+		</div>
+		<div class="infobox-arrow"></div>
+	</div>
+	<!-- This stuff is show errywhere -->
+	<div id="mark-browsing" class="collapsible">
+		<h3>{{ _('Mark Browsing') }}</h3>
+		<div id="mark-browsing-contents" >
+			<ul id="mark-browsing-controls"> 
+				<li id="mark-browsing-zoom-in"><a href="#">{{ _('zoom in') }}</a></li>
+				<li id="mark-browsing-zoom-out"><a href="#">{{ _('zoom out') }}</a></li>
+				<li id="mark-browsing-next"><a href="#">{{ _('right') }}</a></li>
+				<li id="mark-browsing-prev"><a href="#">{{ _('left') }}</a></li>
+			</ul>
+			<div id="mark-browsing-options">
+				<div class="select-wrapper">
+					<label id="country-select-label">{{ _('location:') }}</label>
+					<select id="country-select">
+						<option>{{ _('All countries') }}</option>
+					</select>
+				</div>
+				<div class="select-wrapper">
+					<label id="contributor-select-label">{{ _('contributor:') }}</label>
+					<select id="contributor-select">
+						<option value="label">{{ _('View a contributor') }}</option>
+					</select>
+				</div>
+			</div>
+			<ul id="mark-browsing-shortcuts"> 
+				<li><a id="your-mark-link" href="#">{{ _('view yours') }}</a></li>
+				<li><a id="first-mark-link" href="/#/linear/first-mark">{{ _('view first') }}</a></li>
+				<li><a id="last-mark-link" href="/#/linear/last-mark">{{ _('view last') }}</a></li>
+			</ul>
+		</div>
+	</div>
+	<div id="stats" class="collapsible">
+		<h3>{{ _('Mark Stats') }}</h3>
+		<ul>
+			<li>{% blocktrans %}<span id="stats-number-of-marks"></span> Marks for an open Web{% endblocktrans %}</li>
+			<li>{% blocktrans %}On <span id="stats-number-of-countries"></span> different countries{% endblocktrans %}</li>
+			<li>{% blocktrans %}Over <span id="stats-number-of-days"></span> days{% endblocktrans %}</li>
+		</ul>
+	</div>
+	
+	<a id="view-source" href="https://github.com/mozilla/markup">{{ _('view source') }}</a>
+</div>
+<div class="translated-strings" style="display:none;">
+	<ol id="month-abbreviations">
+		<li>{{ _('jan') }}</li>
+		<li>{{ _('feb') }}</li>
+		<li>{{ _('mar') }}</li>
+		<li>{{ _('apr') }}</li>
+		<li>{{ _('may') }}</li>
+		<li>{{ _('jun') }}</li>
+		<li>{{ _('jul') }}</li>
+		<li>{{ _('aug') }}</li>
+		<li>{{ _('sep') }}</li>
+		<li>{{ _('oct') }}</li>
+		<li>{{ _('nov') }}</li>
+		<li>{{ _('dec') }}</li>
+	</ol>
+	<span id="twitter-msg">{% blocktrans %}Mozilla Firefox Mark Up. The internet is your creation. Show your support to keep it open and free. Make your mark.{% endblocktrans %}</span>
+	<span id="facebook-msg">{% blocktrans %}The Web is your creation. Make your mark with Mozilla Firefox Mark Up from @firefox (moz.ly){% endblocktrans %}</span>
+	<span id="loading-marks-msg">{{ _('Loading Marks') }}</span>
+	<span id="error-msg">{% blocktrans %}Oops! Something went wrong on our end.<br />Please start at <a href="#/linear/">the beginning of the marks</a> and try again.{% endblocktrans %}</span>
+</div>
\ No newline at end of file
diff --git a/ffdemo/templates_orig/sammy/makemark.html b/ffdemo/templates_orig/sammy/makemark.html
new file mode 100644
index 0000000..ad28bb6
--- /dev/null
+++ b/ffdemo/templates_orig/sammy/makemark.html
@@ -0,0 +1,56 @@
+{% load i18n %}
+
+<div id="markmaker" class="autoResize">
+	<div id="intro-main-copy">
+		<h1>{{ _('The Web is your creation') }}</h1>
+		<p><strong>{{ _('You are the ones using the Web every day.') }}</strong> {{ _('You are the writers, the coders, the artists. Each comment, upload, and contribution you make adds up to something bigger. The Web is created by everyone, and we believe it should remain public and accessible to everyone, with all people controlling their own online journeys.') }}</p>
+		<p>{{ _('This is an open invitation to join the celebration of a Web that belongs to all of us. Make your mark and show your support for the world’s greatest public resource.') }}</p>
+	</div>
+	<h2 id="click-anywhere"><a href="#/mark/new">{{ _('Click anywhere in the whitespace to begin your Mark') }}</a></h2>
+	<h3 id="make-your-mark">{{ _('Make Your Mark') }}</h3>
+	<h3 id="browse-marks"><a href="#/linear/">{{ _('browse Marks') }}</a></h3>
+	<ul id="markmaker-controls">
+		<li id="markmaker-submit"><a>{{ _('Submit') }}</a></li>
+		<li id="markmaker-reset"><a>{{ _('Reset') }}</a></li>
+		<li id="markmaker-cancel"><a href="#/">{{ _('Cancel') }}</a></li>
+		<li id="markmaker-location"><a>{{ _('Location') }}</a></li>
+	</ul>
+	<a id="markmaker-information">{{ _('Information') }}</a>
+	<div id="location-dialog" style="display:none;">
+		<div class="infobox-inner">
+			<select id="markmaker-country">
+				<option value="label">{{ _('Select country') }}</option>
+			</select>
+			<p>{% blocktrans %}Location is only used to associate marks with geographic regions.<br />See <a href="http://www.mozilla.com/en-US/firefox/geolocation/">Location Aware Browsing</a> for more information.{% endblocktrans %}</p>
+		</div>
+		<div class="infobox-arrow"></div>
+	</div>
+	<div id="markmaker-legal-line">
+		<p>{% blocktrans %}Please keep in mind, your mark will be publicly viewable.{% endblocktrans %}</p>
+	</div>
+	<div id="information-dialog" style="display:none;">
+		<div class="infobox-inner">
+			<p>{% blocktrans %}Click anywhere on the screen to begin your mark. The mouse cursor shows the amount of ink left with which to make your mark.{% endblocktrans %}</p>
+		</div>
+		<div class="infobox-arrow"></div>
+	</div>
+	<div id="contributor-fields" class="collapsible">
+		<h3>Contributor Info</h3>
+		<div class="field-wrapper">
+			<label>name</label>
+			<input type="text" id="contributor-name" />
+		</div>
+		<div class="field-wrapper">
+			<label>quote</label>
+			<textarea id="contributor-quote"></textarea>
+		</div>
+	</div>
+	<div id="translator-fields" class="collapsible">
+		<h3>Translator Info</h3>
+		<p>{% blocktrans %}Please Translate "Make Your Mark" for the <span id="translator-locale"></span> locale.{% endblocktrans %}</p>
+	</div>
+</div>
+<div class="translated-strings" style="display:none;">
+	<span id="submitting-mark">{{ _('Submitting Mark') }}</span>
+	<span id="submit-error">{% blocktrans %}Oops! Something went wrong on our end.<br />Please submit your mark again.{% endblocktrans %}</span>
+</div>
\ No newline at end of file
diff --git a/ffdemo/templates_orig/sammy/moderate.html b/ffdemo/templates_orig/sammy/moderate.html
new file mode 100644
index 0000000..49fdfab
--- /dev/null
+++ b/ffdemo/templates_orig/sammy/moderate.html
@@ -0,0 +1,31 @@
+{% load i18n %}
+<!-- MODERATE -->
+<!-- This template will load the linear view, but with admin controls instead of the public interface -->
+<div id="linear" class="autoResize">
+	<!-- These are per mark information, shown on hover of a single mark -->
+	<div id="mark-information">
+		<a id="mark-playback" href="#" title="Replay this mark">{{ _('Replay this mark') }}</a>
+		<h3 id="mark-number">{{ _('Mark') }} <span id="mark-id"></span></h3>
+		<h4><span id="mark-timestamp"></span><span id="mark-country"></span></h4>
+		<a href="#" id="delete-mark">{{ _('Delete Mark') }}</a>
+		<h3 id="approve-mark-copy">{{ _('Approve Mark') }}</h3><input type="checkbox" id="approve-mark-checkbox" />
+	</div>
+	
+	<a id="view-source" href="https://github.com/mozilla/markup">{{ _('view source') }}</a>
+</div>
+<div class="translated-strings" style="display:none;">
+	<ol id="month-abbreviations">
+		<li>{{ _('jan') }}</li>
+		<li>{{ _('feb') }}</li>
+		<li>{{ _('mar') }}</li>
+		<li>{{ _('apr') }}</li>
+		<li>{{ _('may') }}</li>
+		<li>{{ _('jun') }}</li>
+		<li>{{ _('jul') }}</li>
+		<li>{{ _('aug') }}</li>
+		<li>{{ _('sep') }}</li>
+		<li>{{ _('oct') }}</li>
+		<li>{{ _('nov') }}</li>
+		<li>{{ _('dec') }}</li>
+	</ol>
+</div>
\ No newline at end of file
diff --git a/ffdemo/urls.py b/ffdemo/urls.py
new file mode 100644
index 0000000..66146ff
--- /dev/null
+++ b/ffdemo/urls.py
@@ -0,0 +1,66 @@
+from django.conf.urls.defaults import *
+from django.conf import settings
+
+# Uncomment the next two lines to enable the admin:
+#from django.contrib import admin
+#admin.autodiscover()
+
+urlpatterns = patterns('',
+    (r'^localeurl/', include('localeurl.urls')),
+    (r'^i18n/', include('django.conf.urls.i18n')),
+)
+
+if settings.DEBUG:
+    import os
+    import django
+    urlpatterns += patterns('',
+        (r'^media/admin/(?P<path>.*)$',  'django.views.static.serve', {'document_root': settings.MEDIA_ROOT+'/admin'}),
+        (r'^media/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT}),
+        (r'^templates/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT+'/assets/templates'}),
+    )
+
+urlpatterns += patterns('markup.views',
+    (r'^$','home'),
+    # sammy templates
+    (r'home_sammy','home_sammy'),
+    (r'linear_sammy','linear_sammy'),
+    (r'mark_sammy/(?P<mark_reference>[a-zA-Z0-9]+)','mark_sammy'),
+    (r'makemark_sammy','makemark_sammy'),
+    (r'^about/gml','about_gml'),
+    (r'^about/code','code'),
+    (r'^about/credits','credits'),
+    (r'^about/mozilla','mozilla'),
+    (r'^about/evan-roth','evan'),
+    (r'^about','about'),
+    (r'^manifesto','manifesto'),
+    (r'^makemark','makemark'),
+    (r'^community','community'),
+	(r'^newsletter', 'newsletter'),
+    (r'^mark/(?P<mark_reference>[a-zA-Z0-9]+)', 'mark'),
+    (r'gml/all','gml_all'),
+    # Moderation and login
+    #(r'auth/login/$', 'mylogin'),
+    #(r'auth/authenticate_user/$', 'authenticate_user'),
+    #(r'auth/logout/$', 'logout'),
+    #(r'^authenticate_user', 'authenticate_user'),
+    (r'^accounts/login/$', django.contrib.auth.views.login,{'SSL':settings.REDIRECT_TO_SSL}),
+    (r'^accounts/logout/$', django.contrib.auth.views.logout,{'SSL':settings.REDIRECT_TO_SSL}),                    
+    (r'accounts/locked','account_locked',{'SSL':settings.REDIRECT_TO_SSL}),
+    (r'moderate_sammy', 'moderate_sammy',{'SSL':settings.REDIRECT_TO_SSL}),
+)
+
+urlpatterns += patterns('markup.requests',
+	#	Requests
+        (r'^requests/get_translated_marks','get_translated_marks'),
+        (r'^requests/get_locale_marks','get_translated_marks'),
+        (r'^requests/init_viz_data','init_viz_data'),
+        (r'^requests/set_language','set_language'),
+	(r'^requests/save_mark', 'save_mark'),
+        (r'^requests/flag_mark', 'flag_mark'),
+	(r'^requests/get_mark', 'get_mark'),
+	(r'^requests/all_marks', 'all_marks'),
+        (r'^requests/marks_by_reference','marks_by_reference'),
+	(r'^requests/marks_by_flagged','marks_by_flagged'),
+	(r'^requests/delete_mark', 'delete_mark',{'SSL':settings.REDIRECT_TO_SSL}),
+	(r'^requests/approve_mark', 'approve_mark',{'SSL':settings.REDIRECT_TO_SSL}),
+)