jQuery.noConflict();
(function($){
    var placeFooter = function(){
        var pageHeight = $("#page").height() + $("#page").offset().top + 65,
            windowHeight = $(window).height();

        if (pageHeight >= windowHeight) {
            $("#colophon").css({position: "relative"});
        } else {
            $("#colophon").css({position: "absolute", bottom: 0});
        }
    };

    $(document).ready(placeFooter);
    $(window).resize(placeFooter);

    $(".app-youtube-clip a.youtube-clip-player").click(function(e) {
        var $iframe,
            autoplay = (!navigator.userAgent.match(/(iphone|ipad|ipod|ios)/i)) ? '1' : '0',
            id = $(this).attr('data-youtube'),
            offset = $(this).offset(),
            width = 500,
            height = 295;

        if (id && id.length > 0) {
            $iframe = $('<iframe class="youtube-player web-player" type="text/html" width="' + width + '" height="' + height + '" src="http://www.youtube.com/embed/' + id + '?autoplay=' + autoplay + '&rel=0&wmode=transparent" frameborder="0" allowFullScreen></iframe>');
            $iframe.css({
                top: Math.round(offset.top),
                left: Math.round(offset.left)
            });
            $(".app-youtube-clip").prepend($iframe);
            $(this).hide();
        }

        e.preventDefault();

    });

    var clickRegex = new RegExp("(.*)/thmb([0-9]*)_(.*png)$");
    $("#app-thumbnails-cont > .app-thumbnail").click(function(e) {
        var srcUrl = $(this).attr("src"),
            urlArr = srcUrl.match(clickRegex),
            largeSrc = urlArr[1]+"/thmb"+urlArr[2]+"_l_"+urlArr[3];

        e.stopPropagation();
        e.preventDefault();

        $("#app-popup .app-thumbnails-cont > div.app-thumbnail").removeClass("selected");
        $("#app-popup .app-thumbnails-cont > div.app-thumbnail").eq(urlArr[2]-1).addClass("selected");
        $("#app-thumb-main").attr("src", largeSrc);
        $("#app-popup").fadeIn("fast");
    });


    var popupRegex = new RegExp("(.*)/(thmb[0-9]*)_(.)_(.*png)$");

    $("#app-popup .app-thumbnails-cont > div.app-thumbnail").click(function(e) {
        var srcUrl = $(this).children("img").attr("src"),
            urlArr = srcUrl.match(popupRegex),
            largeSrc = urlArr[1]+"/"+urlArr[2]+"_l_"+urlArr[4];

        e.stopPropagation();
        e.preventDefault();

        $("#app-popup .app-thumbnails-cont > div.app-thumbnail").removeClass("selected");
        $(this).addClass("selected");

        $("#app-thumb-main").attr("src", largeSrc);
    });

    var hidePopup = function(e) {
        e.stopPropagation();
        e.preventDefault();

        $("#app-popup").fadeOut("fast", function() {
            $(this).hide();
        });
    };

    $(".killbox").click(hidePopup);
    $(".app-overlay").click(hidePopup);

    $("#signup-banner-close").click(function(e){
        e.stopPropagation();
        e.preventDefault();
        $(this).parent().hide();
    });

    $("#newsletter-textfield").focus(function(e) {
        if ($(this).val() == "email address") {
            $(this).val("");
        }
    });

    /**
     * SoundManager 2 Demo: Play MP3 links via button
     * ----------------------------------------------
     *
     * http://schillmania.com/projects/soundmanager2/
     *
     * A simple demo making MP3s playable "inline"
     * and easily styled/customizable via CSS.
     *
     * A variation of the "play mp3 links" demo.
     *
     * Requires SoundManager 2 Javascript API.
     */

    /*jslint white: false, onevar: true, undef: true, nomen: false, eqeqeq: true, plusplus: false, bitwise: true, regexp: false, newcap: true, immed: true */
    /*global document, window, soundManager, navigator */

    function BasicMP3Player() {
      var self = this,
          pl = this,
          sm = soundManager, // soundManager instance
          isTouchDevice = (navigator.userAgent.match(/ipad|iphone/i)),
          isIE = (navigator.userAgent.match(/msie/i));
      this.excludeClass = 'button-exclude'; // CSS class for ignoring MP3 links
      this.links = [];
      this.sounds = [];
      this.soundsByURL = [];
      this.indexByURL = [];
      this.lastSound = null;
      this.soundCount = 0;

      this.config = {
        // configuration options
        playNext: false, // stop after one sound, or play through list until end
        autoPlay: false  // start playing the first sound right away
      };

      this.css = {
        // CSS class names appended to link during various states
        sDefault: 'sm2_button', // default state
        sLoading: 'sm2_loading',
        sPlaying: 'sm2_playing',
        sPaused: 'sm2_paused'
      };

      // event + DOM utils

      this.includeClass = this.css.sDefault;

      this.addEventHandler = (typeof window.addEventListener !== 'undefined' ? function(o, evtName, evtHandler) {
        return o.addEventListener(evtName,evtHandler,false);
      } : function(o, evtName, evtHandler) {
        o.attachEvent('on'+evtName,evtHandler);
      });

      this.removeEventHandler = (typeof window.removeEventListener !== 'undefined' ? function(o, evtName, evtHandler) {
        return o.removeEventListener(evtName,evtHandler,false);
      } : function(o, evtName, evtHandler) {
        return o.detachEvent('on'+evtName,evtHandler);
      });

      this.classContains = function(o,cStr) {
        return (typeof(o.className)!=='undefined'?o.className.match(new RegExp('(\\s|^)'+cStr+'(\\s|$)')):false);
      };

      this.addClass = function(o,cStr) {
        if (!o || !cStr || self.classContains(o,cStr)) {
          return false;
        }
        o.className = (o.className?o.className+' ':'')+cStr;
      };

      this.removeClass = function(o,cStr) {
        if (!o || !cStr || !self.classContains(o,cStr)) {
          return false;
        }
        o.className = o.className.replace(new RegExp('( '+cStr+')|('+cStr+')','g'),'');
      };

      this.getSoundByURL = function(sURL) {
        return (typeof self.soundsByURL[sURL] !== 'undefined' ? self.soundsByURL[sURL] : null);
      };

      this.isChildOfNode = function(o,sNodeName) {
        if (!o || !o.parentNode) {
          return false;
        }
        sNodeName = sNodeName.toLowerCase();
        do {
          o = o.parentNode;
        } while (o && o.parentNode && o.nodeName.toLowerCase() !== sNodeName);
        return (o.nodeName.toLowerCase() === sNodeName ? o : null);
      };

      this.events = {

        // handlers for sound events as they're started/stopped/played

        play: function() {
          pl.removeClass(this._data.oLink,this._data.className);
          this._data.className = pl.css.sPlaying;
          pl.addClass(this._data.oLink,this._data.className);
        },

        stop: function() {
          pl.removeClass(this._data.oLink,this._data.className);
          this._data.className = '';
        },

        pause: function() {
          pl.removeClass(this._data.oLink,this._data.className);
          this._data.className = pl.css.sPaused;
          pl.addClass(this._data.oLink,this._data.className);
        },

        resume: function() {
          pl.removeClass(this._data.oLink,this._data.className);
          this._data.className = pl.css.sPlaying;
          pl.addClass(this._data.oLink,this._data.className);
        },

        finish: function() {
          pl.removeClass(this._data.oLink,this._data.className);
          this._data.className = '';
          if (pl.config.playNext) {
            var nextLink = (pl.indexByURL[this._data.oLink.href]+1);
            if (nextLink<pl.links.length) {
              pl.handleClick({'target':pl.links[nextLink]});
            }
          }
        }

      };

      this.stopEvent = function(e) {
       if (typeof e !== 'undefined' && typeof e.preventDefault !== 'undefined') {
          e.preventDefault();
        } else if (typeof window.event !== 'undefined' && typeof window.event.returnValue !== 'undefined') {
          window.event.returnValue = false;
        }
        return false;
      };

      this.getTheDamnLink = (isIE) ? function(e) {
        // I really didn't want to have to do this.
        return (e && e.target ? e.target : window.event.srcElement);
      } : function(e) {
        return e.target;
      };

      this.handleClick = function(e) {
        // a sound link was clicked
        if (typeof e.button !== 'undefined' && e.button>1) {
          // ignore right-click
          return true;
        }
        var o = self.getTheDamnLink(e),
            sURL,
            soundURL,
            thisSound;
        if (o.nodeName.toLowerCase() !== 'a') {
          o = self.isChildOfNode(o,'a');
          if (!o) {
            return true;
          }
        }
        sURL = o.getAttribute('href');
        if (!o.href || !soundManager.canPlayLink(o) || self.classContains(o,self.excludeClass)) {
          return true; // pass-thru for non-MP3/non-links
        }
        if (!self.classContains(o,self.includeClass)) {
          return true;
        }
        sm._writeDebug('handleClick()');
        soundURL = (o.href);
        thisSound = self.getSoundByURL(soundURL);
        if (thisSound) {
          // already exists
          if (thisSound === self.lastSound) {
            // and was playing (or paused)
            thisSound.togglePause();
          } else {
            // different sound
            thisSound.togglePause(); // start playing current
            sm._writeDebug('sound different than last sound: '+self.lastSound.sID);
            if (self.lastSound) {
              self.stopSound(self.lastSound);
            }
          }
        } else {
          // create sound
          thisSound = sm.createSound({
           id:'basicMP3Sound'+(self.soundCount++),
           url:soundURL,
           onplay:self.events.play,
           onstop:self.events.stop,
           onpause:self.events.pause,
           onresume:self.events.resume,
           onfinish:self.events.finish
          });
          // tack on some custom data
          thisSound._data = {
            oLink: o, // DOM node for reference within SM2 object event handlers
            className: self.css.sPlaying
          };
          self.soundsByURL[soundURL] = thisSound;
          self.sounds.push(thisSound);
          if (self.lastSound) {
            // stop last sound
            self.stopSound(self.lastSound);
          }
          thisSound.play();
        }
        self.lastSound = thisSound; // reference for next call
        self.stopEvent(e);
        return false;
      };

      this.stopSound = function(oSound) {
        soundManager.stop(oSound.sID);
        if (!isTouchDevice) { // iOS 4.2+ security blocks onfinish() -> playNext() if we set a .src in-between(?)
          soundManager.unload(oSound.sID);
        }
      };

      this.init = function() {
        sm._writeDebug('basicMP3Player.init()');
        var i, j,
            foundItems = 0,
            oLinks = document.getElementsByTagName('a');
        // grab all links, look for .mp3
        for (i=0, j=oLinks.length; i<j; i++) {
          if (self.classContains(oLinks[i],self.css.sDefault) && !self.classContains(oLinks[i],self.excludeClass)) {
            // self.addClass(oLinks[i],self.css.sDefault); // add default CSS decoration - good if you're lazy and want ALL MP3/playable links to do this
            self.links[foundItems] = (oLinks[i]);
            self.indexByURL[oLinks[i].href] = foundItems; // hack for indexing
            foundItems++;
          }
        }
        if (foundItems>0) {
          self.addEventHandler(document,'click',self.handleClick);
          if (self.config.autoPlay) {
            self.handleClick({target:self.links[0],preventDefault:function(){}});
          }
        }
        sm._writeDebug('basicMP3Player.init(): Found '+foundItems+' relevant items.');
      };

      this.init();

    }

    var basicMP3Player = null;

    // use HTML5 audio for MP3/MP4, if available
    soundManager.preferFlash = false;

    soundManager.onready(function() {
      // soundManager.createSound() etc. may now be called
      basicMP3Player = new BasicMP3Player();
    });

})(jQuery);