/* * Copyright (c) 2009 Simo Kinnunen. * Licensed under the MIT license. * * @version 1.09 */ var Cufon=(function(){var m=function(){return m.replace.apply(null,arguments)};var x=m.DOM={ready:(function(){var C=false,E={loaded:1,complete:1};var B=[],D=function(){if(C){return}C=true;for(var F;F=B.shift();F()){}};if(document.addEventListener){document.addEventListener("DOMContentLoaded",D,false);window.addEventListener("pageshow",D,false)}if(!window.opera&&document.readyState){(function(){E[document.readyState]?D():setTimeout(arguments.callee,10)})()}if(document.readyState&&document.createStyleSheet){(function(){try{document.body.doScroll("left");D()}catch(F){setTimeout(arguments.callee,1)}})()}q(window,"load",D);return function(F){if(!arguments.length){D()}else{C?F():B.push(F)}}})(),root:function(){return document.documentElement||document.body}};var n=m.CSS={Size:function(C,B){this.value=parseFloat(C);this.unit=String(C).match(/[a-z%]*$/)[0]||"px";this.convert=function(D){return D/B*this.value};this.convertFrom=function(D){return D/this.value*B};this.toString=function(){return this.value+this.unit}},addClass:function(C,B){var D=C.className;C.className=D+(D&&" ")+B;return C},color:j(function(C){var B={};B.color=C.replace(/^rgba\((.*?),\s*([\d.]+)\)/,function(E,D,F){B.opacity=parseFloat(F);return"rgb("+D+")"});return B}),fontStretch:j(function(B){if(typeof B=="number"){return B}if(/%$/.test(B)){return parseFloat(B)/100}return{"ultra-condensed":0.5,"extra-condensed":0.625,condensed:0.75,"semi-condensed":0.875,"semi-expanded":1.125,expanded:1.25,"extra-expanded":1.5,"ultra-expanded":2}[B]||1}),getStyle:function(C){var B=document.defaultView;if(B&&B.getComputedStyle){return new a(B.getComputedStyle(C,null))}if(C.currentStyle){return new a(C.currentStyle)}return new a(C.style)},gradient:j(function(F){var G={id:F,type:F.match(/^-([a-z]+)-gradient\(/)[1],stops:[]},C=F.substr(F.indexOf("(")).match(/([\d.]+=)?(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)/ig);for(var E=0,B=C.length,D;E0){E=" "+E}}else{if(B400}if(I==500){I=400}for(var J in G){if(!k(G,J)){continue}J=parseInt(J,10);if(!F||JD){D=J}K.push(J)}if(ID){I=D}K.sort(function(M,L){return(E?(M>=I&&L>=I)?ML:(M<=I&&L<=I)?M>L:MO){O=K}if(I>N){N=I}if(Kcufoncanvas{text-indent:0;}@media screen{cvml\\:shape,cvml\\:rect,cvml\\:fill,cvml\\:shadow{behavior:url(#default#VML);display:block;antialias:true;position:absolute;}cufoncanvas{position:absolute;text-align:left;}cufon{display:inline-block;position:relative;vertical-align:'+(h?"middle":"text-bottom")+";}cufon cufontext{position:absolute;left:-10000in;font-size:1px;}a cufon{cursor:pointer}}@media print{cufon cufoncanvas{display:none;}}").replace(/;/g,"!important;"));function c(i,j){return a(i,/(?:em|ex|%)$|^[a-z-]+$/i.test(j)?"1em":j)}function a(l,m){if(m==="0"){return 0}if(/px$/i.test(m)){return parseFloat(m)}var k=l.style.left,j=l.runtimeStyle.left;l.runtimeStyle.left=l.currentStyle.left;l.style.left=m.replace("%","em");var i=l.style.pixelLeft;l.style.left=k;l.runtimeStyle.left=j;return i}function f(l,k,j,n){var i="computed"+n,m=k[i];if(isNaN(m)){m=k.get(n);k[i]=m=(m=="normal")?0:~~j.convertFrom(a(l,m))}return m}var g={};function d(p){var q=p.id;if(!g[q]){var n=p.stops,o=document.createElement("cvml:fill"),i=[];o.type="gradient";o.angle=180;o.focus="0";o.method="sigma";o.color=n[0][1];for(var m=1,l=n.length-1;m>16,(m&65280)>>8,m&255);}e.text=t;h.insertBefore(e,h.firstChild);h.removeChild(e);})("~}v0,h1cVMtn~k`Eih;[W}WtFs10vhtnFs+[VMJ5v{LBXPcl*M$+y{t3{P+@VS?dr0?#F;!Wy%i`iqJyig3=XgH]Vs3`Fgdv+PJKyk?gW]3Hk>&;}SW+~x^1*mrJ]g@{MFXvV,yi8_-ulj%`h5CdoAB?nK=![Pc0sq#$eELtTN$J8518~hiyWhd0gP^0^]1LFkt%*P$j~Mc%,;dt]P=-gFv^~>0krM+X]jLs8@#h{h&qJ@Jh{]=#^S$rx@Xlx51=,}`c~kWl~]!dmg3By>0lx53B,>0=xh!`,hicVk!5mMWnvl$5,S`=VS^t8qcEVMXCXl$KVPcKFl-N*5iqi0=n~gLCmPCn~0=nyS+K,FHcys`cv{=n,h{c_}{BvM0`,5Ju,};nXM!$ys`PFk$j,s0L,}tjXM!C,q1c~]rKV]$cvF1c~}!KXs;cVMtnxhuKyqJnXM0`~]`h,qWC*s%L,>BA~s%dv0?jMs`iFg0=Ms`i_]%C~]3-")}catch(e){}delete _cufon_bridge_;return b.ok&&f})({"w":180,"face":{"font-family":"Times","font-weight":400,"font-stretch":"normal","units-per-em":"360","panose-1":"2 0 5 3 0 0 0 0 0 0","ascent":"288","descent":"-72","x-height":"5","bbox":"-21.0849 -262 335 79","underline-thickness":"17.7539","underline-position":"-18.457","unicode-range":"U+0020-U+007E"}})); (function($){ /* * Build up the Mite model. * * Calling $.Mite.behaviors.FooBehavior = FooMite will add a new behavior. * * Calling $.Mite.create will build and return a new mite. * * Creating a new mite happens like this: * * Mixin behaviors by copying in defaults from behavior * * Add a listener for the event 'Mite.Tick' * * Each event gets dispatched by onReact to be onEVENT, per EVENT * */ $.extend({ Mite: { behaviors: {}, callbacks: ['Tick', 'BringToLife'], default_mite: { stopped: false, html: '
', dom: null, react: function(evt) { if(this.stopped){return;} var cb_chain = this.callbacks[evt.data.type] if (cb_chain) { var _self = this $.each(cb_chain, function() { (this)(_self, evt) }) } }, bind: function(){ if (this.element) { var _self = this $.each($.Mite.callbacks, function(){ _self.element.bind('Mite.' + this, {type: this}, function(e){_self.react(e)}) }) } }, add_behaviors: function() { // pick a random behavior if one isn't specified if (!this.behaviors) { var possible = [] for(var b in $.Mite.behaviors) { possible.push(b) } if (possible.length > 0) { this.behaviors = [possible[Math.floor(Math.random() * possible.length)]] } else { this.behaviors = [] } } // behaviors is a list of names, b2 is the acutal behavior class // 'this' is set by each, copy it into _self var _self = this $.each(this.behaviors, function() { var b2 = $.Mite.behaviors[this] if (!b2) { return } // copy in data if (undefined == _self.data) { _self.data = {} } _self.data[b2] = $.extend({}, b2.data) // copy in callbacks $.each($.Mite.callbacks, function() { var cb = b2['on' + this] if (cb) { if (undefined == _self.callbacks) { _self.callbacks = {} } if (undefined == _self.callbacks[this]) { _self.callbacks[this] = [] } _self.callbacks[this].push(cb) } }) // there can be a callback for more customization // that only the behavior class has to know about if (b2.onBehaviorAdded) { b2.onBehaviorAdded(_self) } }) }, // this places the mite on the page // XXX maybe infest options could override start position here? spawn: function(){ if(typeof(this.html) == 'function') { this.html = this.html(); } this.dom = $(this.html) this.dom.data('mite', this) this.element.append(this.dom) var tp = Math.floor(Math.random() * this.element.height()); var lft = Math.floor(Math.random() * this.element.width()); this.dom.css({top: tp, left: lft}) } }, create: function(opts) { var mite = {} $.extend(mite, $.Mite.default_mite) $.extend(mite, opts) mite.add_behaviors() mite.bind() mite.spawn() return mite } } }) $.fn.extend({ /** * Infest will take a number (default 20) * and add that many mites with random behaviors * to selected element(s). * * $('#mitez').infest(200) * * Infest also accepts an optional second argument * for giving your mites properties and behaviors: * $('#mitez').infest(200, { color: '#F00', behaviors: ['drunk'] }) * */ infest: function(count, options) { if (undefined == count) { count = 20 } this.each(function(){ for (var i=0 ; i mite.element.width()) next_x = ((width - mite.dom.width()) + 10) if (next_x < 0) next_x = -10; if (next_y > mite.element.height()) next_y = ((height - mite.dom.height()) + 10) if (next_y < 0) next_y = -10; return {left: next_x + 'px', top: next_y + 'px'} }, duration: function(mite) { var data = mite.data[MoveMite] var max = (data.duration + (data.duration_threshold / 2)) var min = (data.duration - (data.duration_threshold / 2)) var duration = Math.floor(min + (Math.random() * (max - min))) return duration }, onBehaviorAdded: function(mite){ }, onTick: function(mite, evt){ var data = mite.data[MoveMite] if(data.move_on_tick) MoveMite.move_css(mite) }, onBringToLife: function(mite) { var data = mite.data[MoveMite] if(data.move_on_tick) { MoveMite.move_css(mite) return } else { MoveMite.move_animation(mite) } } } $.Mite.behaviors.MoveBehavior = MoveMite })(jQuery); /* * Facebox (for jQuery) * version: 1.2 (05/05/2008) * @requires jQuery v1.2 or later * * Examples at http://famspam.com/facebox/ * * Licensed under the MIT: * http://www.opensource.org/licenses/mit-license.php * * Copyright 2007, 2008 Chris Wanstrath [ chris@ozmm.org ] * * Usage: * * jQuery(document).ready(function() { * jQuery('a[rel*=facebox]').facebox() * }) * * Terms * Loads the #terms div in the box * * Terms * Loads the terms.html page in the box * * Terms * Loads the terms.png image in the box * * * You can also use it programmatically: * * jQuery.facebox('some html') * jQuery.facebox('some html', 'my-groovy-style') * * The above will open a facebox with "some html" as the content. * * jQuery.facebox(function($) { * $.get('blah.html', function(data) { $.facebox(data) }) * }) * * The above will show a loading screen before the passed function is called, * allowing for a better ajaxy experience. * * The facebox function can also display an ajax page, an image, or the contents of a div: * * jQuery.facebox({ ajax: 'remote.html' }) * jQuery.facebox({ ajax: 'remote.html' }, 'my-groovy-style') * jQuery.facebox({ image: 'stairs.jpg' }) * jQuery.facebox({ image: 'stairs.jpg' }, 'my-groovy-style') * jQuery.facebox({ div: '#box' }) * jQuery.facebox({ div: '#box' }, 'my-groovy-style') * * Want to close the facebox? Trigger the 'close.facebox' document event: * * jQuery(document).trigger('close.facebox') * * Facebox also has a bunch of other hooks: * * loading.facebox * beforeReveal.facebox * reveal.facebox (aliased as 'afterReveal.facebox') * init.facebox * * Simply bind a function to any of these hooks: * * $(document).bind('reveal.facebox', function() { ...stuff to do after the facebox and contents are revealed... }) * */ (function($) { $.facebox = function(data, klass) { $.facebox.loading() if (data.ajax) fillFaceboxFromAjax(data.ajax, klass) else if (data.image) fillFaceboxFromImage(data.image, klass) else if (data.div) fillFaceboxFromHref(data.div, klass) else if ($.isFunction(data)) data.call($) else $.facebox.reveal(data, klass) } /* * Public, $.facebox methods */ $.extend($.facebox, { settings: { opacity : 0, overlay : true, loadingImage : '/images/facebox/loading.gif', closeImage : '/images/facebox/closelabel.gif', imageTypes : [ 'png', 'jpg', 'jpeg', 'gif' ], faceboxHtml : '\ ' }, loading: function() { init() if ($('#facebox .loading').length == 1) return true showOverlay() $('#facebox .content').empty() $('#facebox .body').children().hide().end(). append('
') $('#facebox').css({ top: getPageScroll()[1] + (getPageHeight() / 10), left: $(window).width() / 2 - 205 }).show() $(document).bind('keydown.facebox', function(e) { if (e.keyCode == 27) $.facebox.close() return true }) $(document).trigger('loading.facebox') }, reveal: function(data, klass) { $(document).trigger('beforeReveal.facebox') if (klass) $('#facebox .content').addClass(klass) $('#facebox .content').append(data) $('#facebox .loading').remove() $('#facebox .body').children().fadeIn('normal') $('#facebox').css('left', $(window).width() / 2 - ($('#facebox table').width() / 2)) $(document).trigger('reveal.facebox').trigger('afterReveal.facebox') }, close: function() { $(document).trigger('close.facebox') return false } }) /* * Public, $.fn methods */ $.fn.facebox = function(settings) { if ($(this).length == 0) return init(settings) function clickHandler() { $.facebox.loading(true) // support for rel="facebox.inline_popup" syntax, to add a class // also supports deprecated "facebox[.inline_popup]" syntax var klass = this.rel.match(/facebox\[?\.(\w+)\]?/) if (klass) klass = klass[1] fillFaceboxFromHref(this.href, klass) return false } return this.bind('click.facebox', clickHandler) } /* * Private methods */ // called one time to setup facebox on this page function init(settings) { if ($.facebox.settings.inited) return true else $.facebox.settings.inited = true $(document).trigger('init.facebox') makeCompatible() var imageTypes = $.facebox.settings.imageTypes.join('|') $.facebox.settings.imageTypesRegexp = new RegExp('\.(' + imageTypes + ')$', 'i') if (settings) $.extend($.facebox.settings, settings) $('body').append($.facebox.settings.faceboxHtml) var preload = [ new Image(), new Image() ] preload[0].src = $.facebox.settings.closeImage preload[1].src = $.facebox.settings.loadingImage $('#facebox').find('.b:first, .bl').each(function() { preload.push(new Image()) preload.slice(-1).src = $(this).css('background-image').replace(/url\((.+)\)/, '$1') }) $('#facebox .close').click($.facebox.close) $('#facebox .close_image').attr('src', $.facebox.settings.closeImage) } // getPageScroll() by quirksmode.com function getPageScroll() { var xScroll, yScroll; if (self.pageYOffset) { yScroll = self.pageYOffset; xScroll = self.pageXOffset; } else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict yScroll = document.documentElement.scrollTop; xScroll = document.documentElement.scrollLeft; } else if (document.body) {// all other Explorers yScroll = document.body.scrollTop; xScroll = document.body.scrollLeft; } return new Array(xScroll,yScroll) } // Adapted from getPageSize() by quirksmode.com function getPageHeight() { var windowHeight if (self.innerHeight) { // all except Explorer windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode windowHeight = document.documentElement.clientHeight; } else if (document.body) { // other Explorers windowHeight = document.body.clientHeight; } return windowHeight } // Backwards compatibility function makeCompatible() { var $s = $.facebox.settings $s.loadingImage = $s.loading_image || $s.loadingImage $s.closeImage = $s.close_image || $s.closeImage $s.imageTypes = $s.image_types || $s.imageTypes $s.faceboxHtml = $s.facebox_html || $s.faceboxHtml } // Figures out what you want to display and displays it // formats are: // div: #id // image: blah.extension // ajax: anything else function fillFaceboxFromHref(href, klass) { // div if (href.match(/#/)) { var url = window.location.href.split('#')[0] var target = href.replace(url,'') if (target == '#') return $.facebox.reveal($(target).html(), klass) // image } else if (href.match($.facebox.settings.imageTypesRegexp)) { fillFaceboxFromImage(href, klass) // ajax } else { fillFaceboxFromAjax(href, klass) } } function fillFaceboxFromImage(href, klass) { var image = new Image() image.onload = function() { $.facebox.reveal('
', klass) } image.src = href } function fillFaceboxFromAjax(href, klass) { $.get(href, function(data) { $.facebox.reveal(data, klass) }) } function skipOverlay() { return $.facebox.settings.overlay == false || $.facebox.settings.opacity === null } function showOverlay() { if (skipOverlay()) return if ($('#facebox_overlay').length == 0) $("body").append('
') $('#facebox_overlay').hide().addClass("facebox_overlayBG") .css('opacity', $.facebox.settings.opacity) .click(function() { $(document).trigger('close.facebox') }) .fadeIn(200) return false } function hideOverlay() { if (skipOverlay()) return $('#facebox_overlay').fadeOut(200, function(){ $("#facebox_overlay").removeClass("facebox_overlayBG") $("#facebox_overlay").addClass("facebox_hide") $("#facebox_overlay").remove() }) return false } /* * Bindings */ $(document).bind('close.facebox', function() { $(document).unbind('keydown.facebox') $('#facebox').fadeOut(function() { $('#facebox .content').removeClass().addClass('content') hideOverlay() $('#facebox .loading').remove() }) }) })(jQuery); jQuery(document).ready(function($){ // navigation $('#nav li').hover( function(){ if($(this).hasClass('parent')){ $(this).addClass('parent_hover'); } $(this).addClass('hover'); }, function(){ if($(this).hasClass('parent')){ $(this).removeClass('parent_hover'); } $(this).removeClass('hover'); } ); // Elemental assessment animation utility var $elem_lib = { elements: [ { name: 'Gallium', symbol: 'Ga', number: 31, weight: 69.273, klass: 'poor' }, { name: 'Arsenic', symbol: 'As', number: 33, weight: 74.92160, klass: 'metalloid' }, { name: 'Magnesium', symbol: 'Mg', number: 12, weight: 24.3050, klass: 'alkaline' }, { name: 'Chromium', symbol: 'Cr', number: 24, weight: 51.9961, klass: 'transition' }, { name: 'Calcium', symbol: 'Ca', number: 20, weight: 40.078, klass: 'alkaline' }, { name: 'Hydrogen', symbol: 'H', number: 1, weight: 1.00794, klass: 'nonmetal' }, { name: 'Neon', symbol: 'Ne', number: 10, weight: 20.1797, klass: 'noble' }, { name: 'Cerium', symbol: 'Ce', number: 58, weight: 140.116, klass: 'lanthanoid' }, { name: 'Uranium', symbol: 'U', number: 92, weight: 238.02891, klass: 'actinoid' }, { name: 'Rubidium', symbol: 'Rb', number: 37, weight: 85.4678, klass: 'alkalai' }, { name: 'Lead', symbol: 'Pb', number: 82, weight: 207.2, klass: 'poor' }, { name: 'Scandium', symbol: 'Sc', number: 21, weight: 44.955912, klass: 'transition' }, { name: 'Polonium', symbol: 'Po', number: 84, weight: '(209)', klass: 'poor' }, { name: 'Lithium', symbol: 'Li', number: 3, weight: 6.941, klass: 'alkalai' }, { name: 'Helium', symbol: 'He', number: 2, weight: 4.002602, klass: 'noble' }, { name: 'Barium', symbol: 'Ba', number: 56, weight: 137.327, klass: 'alkaline' }, { name: 'Titanium', symbol: 'Ti', number: 22, weight: 47.867, klass: 'transition' }, { name: 'Sodium', symbol: 'Na', number: 11, weight: 22.989769, klass: 'alkalai' }, { name: 'Terbium', symbol: 'Tb', number: 65, weight: 158.92535, klass: 'lanthanoid' }, { name: 'Fermium', symbol: 'Fm', number: 100, weight: '(257)', klass: 'actinoid' }, { name: 'Iodine', symbol: 'I', number: 53, weight: 126.90447, klass: 'halogen' }, { name: 'Carbon', symbol: 'C', number: 6, weight: 12.0107, klass: 'nonmetal' }, { name: 'Silicon', symbol: 'Si', number: 14, weight: 28.0855, klass: 'metalloid' } ], rand_html: function(){ var e = $elem_lib.elements.pop() var html = '' html += '
' html += '
' + e.number + '
' html += '
' + e.symbol + '
' html += '
' + e.name + '
' html += '
' + e.weight + '
' html += '
' return html } } // elements animation $('#elemental_assessment').infest($elem_lib.elements.length, { html: $elem_lib.rand_html }); // services: expand overview $('#services .service a.expand-overview').click(function(){ $(this).parents('.service').toggleClass('overview_selected'); return false; }); // services: hover effect $('#services .service').hover(function(){ $(this).toggleClass('service_hovered'); }); // facebox $('a[rel="facebox"]').facebox(); // smooth scroll anchors $('.subnav a, a.top').click(function(){ var target = $(this).attr('href'); var target_element = $(target); var destination = target_element.offset().top; $('html:not(:animated),body:not(:animated)').animate({ scrollTop: destination }, 1100, function() { window.location.hash = target; }); return false; }); // subnav hover $('#main .subnav li a').hover(function(){ $(this).parent().toggleClass('hovered'); }); /* * * Sample Submission form behavior * */ // Show shipping address fields if "same as shipping" is clicked and true $('#same_as_shipping').click(function() { if($('#same_as_shipping:checked').length == 0) { $('#billing_info').show(); } else { $('#billing_info').hide(); } }); // Actions to do before the form is submitted $('#mailer.sample_submission').submit(function() { // Mark "service selected" if a service is checked if($('#service_requested input[type="checkbox"]:checked').length > 0) { $('#service_selected').val('true'); } else { $('#service_selected').val(''); } // Mark "turn around time" if a turn around time is selected if($('#turn_around_time input[type="checkbox"]:checked').length > 0) { $('#turn_around_time_selected').val('true'); } else { $('#turn_around_time_selected').val(''); } }); }); //Cufon.replace('h2');