// Animation for the header ghost and torch
(function($) {
  $(document).ready(function(e) {
    var DirectionEnum = {"left":0, "right":1}
    
    function torch() {
      this.element= $("<div />").attr("id", "animated-torch");
      this.element.css({
        "z-index" : 50,
        "position" : "absolute",
        "width": 19,
        "height" : 63,
        "display" : "none",
        "top" : 288,
        "left" : 706,
        "background-image" : "url('/sites/all/themes/ParanormalAdventures/images/flicker-sprite.png')",
        "background-position" : "0 0"
      });
      
      this.index = 0;
      this.spriteMultiplier = 19;
    }
    
    torch.prototype.ChangeSprite = function() {
      var newIndex;
      do {
        newIndex = Math.floor(Math.random()*7);
      } while (newIndex == this.index);
      
      this.index = newIndex;
      
      this.element.css({ "background-position" : (this.index * this.spriteMultiplier) + "px 0" });
    }
    
    function ghost() {
      this.element = $("<div />").attr("id", "animated-ghost");
      this.element.css({
         "z-index" : 50,
         "position" : "absolute",
         "width" : 35,
         "height" : 53,
         "display" : "none",
         "top" : 0,
         "left" : 0,
         "background-image" : "url('/sites/all/themes/ParanormalAdventures/images/ghost.png')",
         "background-position" : "0 0"
      });
      
      // which direction are we currently going in
      this.direction = DirectionEnum.right;
      
      this.remainVisibleFor = 80; // 80 frames
      this.frameCount = 0;
      this.readyToMove = false;
      this.fadingOut = false;
      
      // initial coordinates
      this.x = 0;
      this.y = 0;
    }
    
    ghost.prototype.ToggleDirection = function() {
      if (this.direction == DirectionEnum.right) {
        this.direction = DirectionEnum.left;
        this.element.css({ "background-position" : "0 53px" })
      } else {
        this.direction = DirectionEnum.right;
        this.element.css({ "background-position" : "0 0" })
      }
    }
    
    ghost.prototype.Move = function() {
      if (this.readyToMove == true) {
        if (this.direction == DirectionEnum.right) {
          this.x += 1;
          this.element.css( { left: this.x + "px" } );
        } else {
          this.x -= 1;
          this.element.css( { left: this.x + "px" } );
        }
        
        theGhost.frameCount++;
      }
    }
    
    ghost.prototype.Reset = function () {
      if (this.direction == DirectionEnum.right) {
        this.x = 430;
        this.y = 340;
      } else {
        this.x = 700;
        this.y = 500;
      }
      
      this.readyToMove = false;
      this.frameCount = 0;
      this.element.css({ "top" : this.y, "left" : this.x, "display" : "none"});
    }
    
    var theGhost = new ghost();
    var theTorch = new torch();
    var secondTorch = new torch();
    
    secondTorch.element = $("<div />").attr("id", "animated-torch2");
    secondTorch.element.css({
        "z-index" : 50,
        "position" : "absolute",
        "width": 39,
        "height" : 79,
        "display" : "none",
        "top" : 270,
        "left" : 790,
        "background-image" : "url('/sites/all/themes/ParanormalAdventures/images/flicker-sprite2.png')",
        "background-position" : "0 0"
    });
    
    secondTorch.spriteMultiplier = 39;
    
    $("#header").css({ "position" : "relative", "top" : 0 }).append(theGhost.element);
    $("#header").append(theTorch.element);
    $("#header").append(secondTorch.element);
    theGhost.Reset();
    
    // this gets called when the time has come to make the ghost do something, ie appear, move etc
    function animateGhost() {
      // reset everything if we've got to the end of the frame count
      if (theGhost.frameCount >= theGhost.remainVisibleFor) {
        theGhost.readyToMove = false;
        theGhost.fadingOut = false;
        theGhost.frameCount = 0;
        theGhost.ToggleDirection();
        setTimeout(animateGhost, 2000);
        return;
      }
      
      // we're invisible and we hit the 10% chance of the ghost doing something...
      if (theGhost.readyToMove == false) {
        var numb = Math.floor(Math.random()*11);
        if (numb < 1) {
          // if it's false then this is the first time in this animation sequence so we need to start fading in, if it's true, then we're already fading in so don't do it again
          if (theGhost.readyToMove == false) {
            $(theGhost.element).fadeIn(400);
            theGhost.readyToMove = true;
            setTimeout(animateGhost, 25);
          }
        } else {
          setTimeout(animateGhost, 2000);
        }
        return; // we don't want to move the ghost if it's not visible, nor do we want to move the ghost this round if it is
      }
      
      // keep moving the ghost until the frame count is up
      else if (theGhost.frameCount < theGhost.remainVisibleFor) {
        theGhost.Move();
        // when we get near the end of the sequence start fading the ghost back out again
        if (theGhost.frameCount > (theGhost.remainVisibleFor-20) && theGhost.fadingOut == false) {
          theGhost.fadingOut = true;
          $(theGhost.element).fadeOut(400);
        }
        setTimeout(animateGhost, 25);
      }
    }
    
    /*function ghostFadeCallback() {
      //if (!$(theGhost.element).is(":visible")) {
        theGhost.readyToMove = false;
        theGhost.fadingOut = false;
        theGhost.frameCount = 0;
        theGhost.ToggleDirection();
        setTimeout(animateGhost, 2000);
      //}
    }*/
    
    function torchFlicker() {
      if (!$(theTorch.element).is(":visible")) {
        $(theTorch.element).show();
      } else {
        theTorch.ChangeSprite();
      }
      setTimeout(torchFlicker, 80);
    }
    
    function torchFlicker2() {
      if (!$(secondTorch.element).is(":visible")) {
        $(secondTorch.element).show();
      } else {
        secondTorch.ChangeSprite();
      }
      setTimeout(torchFlicker2, 80);
    }
    
    function animate() {
      // the ghost doesn't look too good in IE 8 and lower
      if ( $.browser.msie ) {
        if (parseFloat($.browser.version) > 8.0) {
          setTimeout(animateGhost, 2000 + (Math.random() * 4000));
        }
      } else {
        setTimeout(animateGhost, 2000 + (Math.random() * 4000));
      }
      if ( $.browser.msie ) {
        if (parseFloat($.browser.version) > 6.0) {
          setTimeout(torchFlicker, 25);
          setTimeout(torchFlicker2, 25);
        }
      }
      else {
        setTimeout(torchFlicker, 25);
        setTimeout(torchFlicker2, 25);
      }
    }
    
    $(window).load(function () {
      //setTimeout(animate, 2000 + (Math.random() * 4000));
      animate();
    });
  });
})(jQuery);;
/* Modernizr 2.0.6 (Custom Build) | MIT & BSD
 * Build: http://www.modernizr.com/download/#-csscolumns-iepp-cssclasses-testprop-testallprops-domprefixes-load
 */
;window.Modernizr=function(a,b,c){function A(a,b){var c=a.charAt(0).toUpperCase()+a.substr(1),d=(a+" "+n.join(c+" ")+c).split(" ");return z(d,b)}function z(a,b){for(var d in a)if(k[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function y(a,b){return!!~(""+a).indexOf(b)}function x(a,b){return typeof a===b}function w(a,b){return v(prefixes.join(a+";")+(b||""))}function v(a){k.cssText=a}var d="2.0.6",e={},f=!0,g=b.documentElement,h=b.head||b.getElementsByTagName("head")[0],i="modernizr",j=b.createElement(i),k=j.style,l,m=Object.prototype.toString,n="Webkit Moz O ms Khtml".split(" "),o={},p={},q={},r=[],s,t={}.hasOwnProperty,u;!x(t,c)&&!x(t.call,c)?u=function(a,b){return t.call(a,b)}:u=function(a,b){return b in a&&x(a.constructor.prototype[b],c)},o.csscolumns=function(){return A("columnCount")};for(var B in o)u(o,B)&&(s=B.toLowerCase(),e[s]=o[B](),r.push((e[s]?"":"no-")+s));v(""),j=l=null,a.attachEvent&&function(){var a=b.createElement("div");a.innerHTML="<elem></elem>";return a.childNodes.length!==1}()&&function(a,b){function s(a){var b=-1;while(++b<g)a.createElement(f[b])}a.iepp=a.iepp||{};var d=a.iepp,e=d.html5elements||"abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",f=e.split("|"),g=f.length,h=new RegExp("(^|\\s)("+e+")","gi"),i=new RegExp("<(/*)("+e+")","gi"),j=/^\s*[\{\}]\s*$/,k=new RegExp("(^|[^\\n]*?\\s)("+e+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),l=b.createDocumentFragment(),m=b.documentElement,n=m.firstChild,o=b.createElement("body"),p=b.createElement("style"),q=/print|all/,r;d.getCSS=function(a,b){if(a+""===c)return"";var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,q.test(b)&&h.push(d.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},d.parseCSS=function(a){var b=[],c;while((c=k.exec(a))!=null)b.push(((j.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(h,"$1.iepp_$2")+c[4]);return b.join("\n")},d.writeHTML=function(){var a=-1;r=r||b.body;while(++a<g){var c=b.getElementsByTagName(f[a]),d=c.length,e=-1;while(++e<d)c[e].className.indexOf("iepp_")<0&&(c[e].className+=" iepp_"+f[a])}l.appendChild(r),m.appendChild(o),o.className=r.className,o.id=r.id,o.innerHTML=r.innerHTML.replace(i,"<$1font")},d._beforePrint=function(){p.styleSheet.cssText=d.parseCSS(d.getCSS(b.styleSheets,"all")),d.writeHTML()},d.restoreHTML=function(){o.innerHTML="",m.removeChild(o),m.appendChild(r)},d._afterPrint=function(){d.restoreHTML(),p.styleSheet.cssText=""},s(b),s(l);d.disablePP||(n.insertBefore(p,n.firstChild),p.media="print",p.className="iepp-printshim",a.attachEvent("onbeforeprint",d._beforePrint),a.attachEvent("onafterprint",d._afterPrint))}(a,b),e._version=d,e._domPrefixes=n,e.testProp=function(a){return z([a])},e.testAllProps=A,g.className=g.className.replace(/\bno-js\b/,"")+(f?" js "+r.join(" "):"");return e}(this,this.document),function(a,b,c){function k(a){return!a||a=="loaded"||a=="complete"}function j(){var a=1,b=-1;while(p.length- ++b)if(p[b].s&&!(a=p[b].r))break;a&&g()}function i(a){var c=b.createElement("script"),d;c.src=a.s,c.onreadystatechange=c.onload=function(){!d&&k(c.readyState)&&(d=1,j(),c.onload=c.onreadystatechange=null)},m(function(){d||(d=1,j())},H.errorTimeout),a.e?c.onload():n.parentNode.insertBefore(c,n)}function h(a){var c=b.createElement("link"),d;c.href=a.s,c.rel="stylesheet",c.type="text/css";if(!a.e&&(w||r)){var e=function(a){m(function(){if(!d)try{a.sheet.cssRules.length?(d=1,j()):e(a)}catch(b){b.code==1e3||b.message=="security"||b.message=="denied"?(d=1,m(function(){j()},0)):e(a)}},0)};e(c)}else c.onload=function(){d||(d=1,m(function(){j()},0))},a.e&&c.onload();m(function(){d||(d=1,j())},H.errorTimeout),!a.e&&n.parentNode.insertBefore(c,n)}function g(){var a=p.shift();q=1,a?a.t?m(function(){a.t=="c"?h(a):i(a)},0):(a(),j()):q=0}function f(a,c,d,e,f,h){function i(){!o&&k(l.readyState)&&(r.r=o=1,!q&&j(),l.onload=l.onreadystatechange=null,m(function(){u.removeChild(l)},0))}var l=b.createElement(a),o=0,r={t:d,s:c,e:h};l.src=l.data=c,!s&&(l.style.display="none"),l.width=l.height="0",a!="object"&&(l.type=d),l.onload=l.onreadystatechange=i,a=="img"?l.onerror=i:a=="script"&&(l.onerror=function(){r.e=r.r=1,g()}),p.splice(e,0,r),u.insertBefore(l,s?null:n),m(function(){o||(u.removeChild(l),r.r=r.e=o=1,j())},H.errorTimeout)}function e(a,b,c){var d=b=="c"?z:y;q=0,b=b||"j",C(a)?f(d,a,b,this.i++,l,c):(p.splice(this.i++,0,a),p.length==1&&g());return this}function d(){var a=H;a.loader={load:e,i:0};return a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=r&&!s,u=s?l:n.parentNode,v=a.opera&&o.call(a.opera)=="[object Opera]",w="webkitAppearance"in l.style,x=w&&"async"in b.createElement("script"),y=r?"object":v||x?"img":"script",z=w?"img":y,A=Array.isArray||function(a){return o.call(a)=="[object Array]"},B=function(a){return Object(a)===a},C=function(a){return typeof a=="string"},D=function(a){return o.call(a)=="[object Function]"},E=[],F={},G,H;H=function(a){function f(a){var b=a.split("!"),c=E.length,d=b.pop(),e=b.length,f={url:d,origUrl:d,prefixes:b},g,h;for(h=0;h<e;h++)g=F[b[h]],g&&(f=g(f));for(h=0;h<c;h++)f=E[h](f);return f}function e(a,b,e,g,h){var i=f(a),j=i.autoCallback;if(!i.bypass){b&&(b=D(b)?b:b[a]||b[g]||b[a.split("/").pop().split("?")[0]]);if(i.instead)return i.instead(a,b,e,g,h);e.load(i.url,i.forceCSS||!i.forceJS&&/css$/.test(i.url)?"c":c,i.noexec),(D(b)||D(j))&&e.load(function(){d(),b&&b(i.origUrl,h,g),j&&j(i.origUrl,h,g)})}}function b(a,b){function c(a){if(C(a))e(a,h,b,0,d);else if(B(a))for(i in a)a.hasOwnProperty(i)&&e(a[i],h,b,i,d)}var d=!!a.test,f=d?a.yep:a.nope,g=a.load||a.both,h=a.callback,i;c(f),c(g),a.complete&&b.load(a.complete)}var g,h,i=this.yepnope.loader;if(C(a))e(a,0,i,0);else if(A(a))for(g=0;g<a.length;g++)h=a[g],C(h)?e(h,0,i,0):A(h)?H(h):B(h)&&b(h,i);else B(a)&&b(a,i)},H.addPrefix=function(a,b){F[a]=b},H.addFilter=function(a){E.push(a)},H.errorTimeout=1e4,b.readyState==null&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",G=function(){b.removeEventListener("DOMContentLoaded",G,0),b.readyState="complete"},0)),a.yepnope=d()}(this,this.document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};;

