<!--
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN$7777777I777ZNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMZ7777777I??????$777$DMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMNZ$777777777??+==????7777$ZMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMO777777I????????+====????7777$MMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMZ$77$???????????????===????????I7$MMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMM777777?????????????????????????????77DMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMM7777777??????????????????????????????77$MMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMM$777777???????????????????????????????I777=MMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMM7777777?????????++??????????????????????777$+MMMMMMMMMMMMMMMMMM
MMMMNMMMMMMMMMMM$777777I?????????+???????????????????????77777~MMMMMMMMMMMMMMMMM
MNMMMMMMMMMMMMM$Z$7777I??????????????????????????????????I777778MMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMM$Z$777I?????????????????????????????????????$7777MMMMMMMMMMMMMMMM
MMMMMMMMMMMNMM$Z$777$??????????????????+???+????????????????I777$MMMMMMMMMMMMMMM
MMMMMMMMMMMMMM$Z7777????????????????+=====+==+?????????????77??77MMMMMMMMMMMMMMM
MMMMMMMMMMMMM$7777ZZNNNDNDD$7777++++=+=====+?I777I7?????????????$MMMMMMMMMMMMMMM
MMMMMMMMMMMMM$7$NMMMMMMMMMMMMMN?======+ZNNNNNNNNNNNNNNO7????????I8MMMMMMMMMMMMMM
MMMMMMMMMMMMN78MMMMMMMMMMMMMMMMM7====?DNNNNNNNNNNNNNNNNND????????$MMMMMMMMMMMMMM
MMMMMMMMMMMM8NMMMMMMMMMMMMMMMMMMN7=+?ONNNNNNNNNNNNNNNNNNN87??????7MMMMMMMMMMMMMM
MMMMMMMMMMMDZMMMMMMMMMMMMMMMMMO?I?==?DNNNNNNNNNNNNNNNNNNNNOZI????IMMMMMMMMMMMMMM
MMMMMMMMMMMNOMMMMMMMMMMMMMMMMDOZI??+?7NNNNNNNNNNNNNNNNNNNNOZ777I??MMMMMMMMMMMMMM
MMMMMMMNMNMMODMMMMMMMMMMMMMMMN8OO???I$NNNNNNNNNNNNNNNNDDD8$I77777I7$7MMMMMMMMMMM
MMMMMMMMN=I?IOMMMMMMMMMDD8OOOOOOZI??$$$NDOOOOZZOOOOOOOOOO$???I7$?????+,MMMMMMMMM
MMMMMNMMZ????ZDMMMN8OOOOOOOOOOZ$$$??$$$$OOOZO$$$$$$$ZOOZ$?????7???=???=MMMMMMMMM
MMMMMNMMZ????$Z8OOOOOOOOOOOO77$$$??I$$$$$$$$$$$$$$$$$$$$I?????$??==?===DMMMMMMMM
MMMMMMMM8????$$OOO$$$$$$$$7?+I$$I????7$$I=+?II7II???I$$???????$??==+?==MMMMMMMMM
MMMMMMMM$=?+=I$$77$$$$$7?===?$$I?===+??7$+===?????????????????7?+===?=IMMMMMMMMM
MMMMMMMNM~?==+$$???????+===?$$$$?===??????======+??????????7I?7?====?=OMMMMMMMMM
MMMMMMMMM+?=?7$$?????+==??+??$$$$7??7$7???==========+?????77?7??====??DMMMMMMMMM
MMMMMMMMM????$$$????===??????I$$$$$I????????==?+=====??????7?7I??==?=ZMMMMMMMMMM
MMMMMMMMM++??$$$????==????I77I??????=????????????====??????$77??+===?DMMMMMMMMMM
MMMMMMMMMM~???$$7????????I7777??????++????????????===??????$77?+===?8MMMMMMMMMMM
MMMMMMNNMMM???$$$???????I77777???????=????????????+=+??????$77====?$MMMMMMMMMMMM
MMMMMNNMMMMN??$$I$??+???I77777777??????????????+=+?=???????77?===?OMMMMMMMMMMMMM
MMMNMDMMMMMMN$I$?7I==+???ZZ$$?=~~~===~~~=+++I?7=====??????77$?==?OMMMMMMMMMMMMMM
MMMNMMMMMMMMM8Z$II7+====?77I??~~~~~~~~~~~~~=I7I=====???+??77$NDDNMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMOI?7I====?I77777======??777777??====+??++?I77OMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMZI?7?===??7777777I??????I7?????====??+=??777MMMMMMMMMMMMMMMMMMMM
MNMNMMMMMMMMMMMMD$III?==???77??????+?+++??????====+?++??7777MMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMZ$????==???77????I77I????????===+??++?7777MMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMN$$7????????????77$$7=++?????+?=?????777OMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMM8$$?$I??????????I?????????????????$77MMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMM$$$$I?????????===?????????????I77ZMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMN7$$$I???????=====??????II7I77NMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMZ$$OOZ$7???+=???I$$$$OO$77MMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMM$ZOOOOZ$7I77$$$$$OZ77ZMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMO$$ZOZOOOOOOZ77$8MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-->

<!-- 2d9f9fff75ac07b3b117aaabc4f2ad08dfdb2280 -->

<html>
  <head>
    <!-- FB things -->
    <link rel="image_src" href="http://www.pitbullparty.com/images/facebooklike2.jpg" />
    <meta property="fb:admins" content="1005113" />
    <meta property="og:image" content="http://www.pitbullparty.com/images/facebooklike2.jpg" />
    <meta property="og:title" content="Pitbull Party" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="Don't stop the party! An interactive web experience from the creators of Kanye Zone." />
    
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@pitbullparty" />
    <meta name="twitter:title" content="Pitbull Party" />
    <meta name="twitter:description" content="Don't stop the party! An interactive web experience from the creators of Kanye Zone." />
    <meta name="twitter:creator" content="" />
    <meta name="twitter:image:src" content="http://www.pitbullparty.com/images/facebooklike2.jpg" />
    <meta name="twitter:domain" content="" />
    <meta name="twitter:app:name:iphone" content="" />
    <meta name="twitter:app:name:ipad" content="" />
    <meta name="twitter:app:name:googleplay" content="" />
    <meta name="twitter:app:url:iphone" content="" />
    <meta name="twitter:app:url:ipad" content="" />
    <meta name="twitter:app:url:googleplay" content="" />
    <meta name="twitter:app:id:iphone" content="" />
    <meta name="twitter:app:id:ipad" content="" />
    <meta name="twitter:app:id:googleplay" content="" />

      <meta content="initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
      <link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>
      <link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
      <link rel="stylesheet" type="text/css" href="css/party.css">

      <script>
        if( navigator.userAgent.match(/Android/i)
           || navigator.userAgent.match(/webOS/i)
           || navigator.userAgent.match(/iPhone/i)
           || navigator.userAgent.match(/iPad/i)
           || navigator.userAgent.match(/iPod/i)
           || navigator.userAgent.match(/BlackBerry/i)
           || navigator.userAgent.match(/Windows Phone/i)
           || navigator.userAgent.match(/MSIE/i)
           || navigator.userAgent.match(/Opera/i)
           ) {
           document.location.href = './unsupported';
        }
      </script>

      <script src="js/jquery-1.9.1.min.js"></script>
      <script src="js/jquery.simplemodal.1.4.4.min.js"></script>
      <script src="js/party.1406315134.js"></script>
      <script src="http://platform.tumblr.com/v1/share.js"></script>
      <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-40923862-1', 'pitbullparty.com');
        ga('send', 'pageview');
      </script>
      <title>Don't stop the party: Pitbull Party</title>
  </head>

  <script>
    $(window).load(function() {
      setInitialHighScores([{"kanyes": null, "score": 301, "name": "faen", "time": "2024-10-16T08:15:41.975274"}, {"kanyes": null, "score": 265, "name": "kniggers", "time": "2024-10-15T18:24:09.639159"}, {"kanyes": null, "score": 241, "name": "levifucksme", "time": "2024-10-15T18:25:35.594392"}, {"kanyes": null, "score": 228, "name": "cole", "time": "2024-10-15T18:26:37.814128"}, {"kanyes": null, "score": 211, "name": "graaaaaaah", "time": "2024-10-16T03:10:21.177187"}, {"kanyes": null, "score": 194, "name": "l", "time": "2024-10-15T19:11:12.937562"}, {"kanyes": null, "score": 186, "name": "fryyyyuckl\\", "time": "2024-10-15T17:25:41.315052"}, {"kanyes": null, "score": 32, "name": "s", "time": "2024-10-16T03:09:51.200019"}, {"kanyes": null, "score": 31, "name": "jj", "time": "2024-10-15T22:31:03.312607"}, {"kanyes": null, "score": 28, "name": "df", "time": "2024-10-15T18:24:33.393414"}], [{"kanyes": null, "score": 301, "name": "faen", "time": "2024-10-16T08:15:41.975274"}, {"kanyes": null, "score": 274, "name": "Tate", "time": "2024-10-15T15:27:11.562443"}, {"kanyes": null, "score": 265, "name": "kniggers", "time": "2024-10-15T18:24:09.639159"}, {"kanyes": null, "score": 241, "name": "levifucksme", "time": "2024-10-15T18:25:35.594392"}, {"kanyes": null, "score": 228, "name": "cole", "time": "2024-10-15T18:26:37.814128"}, {"kanyes": null, "score": 211, "name": "graaaaaaah", "time": "2024-10-16T03:10:21.177187"}, {"kanyes": null, "score": 194, "name": "l", "time": "2024-10-15T19:11:12.937562"}, {"kanyes": null, "score": 186, "name": "fryyyyuckl\\", "time": "2024-10-15T17:25:41.315052"}, {"kanyes": null, "score": 135, "name": "a", "time": "2024-10-15T17:26:50.798669"}, {"kanyes": null, "score": 86, "name": "j", "time": "2024-10-15T17:03:43.729412"}]);
    });
  </script>

  <body>
    <div id="debug"></div>

    <div id="wrapper">
      <div id="centering-wrapper">
    <table id="content-table">
      <tr>
        <td colspan="2">
          <div class="logo"></div>
          <div class="logo_off"></div>
        </td>
      <tr>
        <td>

    <div class="left-border"></div>
	  <div id="bad-song-wrapper" style="display:none;"></div>

      <div class="get-ready"></div>

      <div id="party-view">
        <canvas id="the-party" width="671" height="466"></canvas>
        <div class="party-light" id="party-light-left">
        </div>
        <div class="party-light" id="party-light-middle">
        </div>
        <div class="party-light" id="party-light-right">
        </div>
        <div class="pitbull-view" id="pitbull-view-right-upbeat">
        </div>
        <div class="pitbull-view" id="pitbull-view-right-downbeat">
        </div>
        <div class="pitbull-view pitbull-recede" id="pitbull-view-left-upbeat">
        </div>
        <div class="pitbull-view" id="pitbull-view-left-downbeat">
        </div>
        <div id="lil-jon-view">
        </div>
        <div id="instructions">
        </div>
        <div class="press-return"></div>

        <div class="game-view">
          <!-- left turntable/arm -->
          <div id="turntable-bg-left-neutral" class="turntable-needle-base turntable-needle-bg"></div>

          <div id="turntable-arm-left-neutral" class="turntable-needle-base turntable-needle-arm"></div>
          <div id="turntable-arm-left-inner" class="turntable-needle-base turntable-needle-arm"></div>
          <div id="turntable-arm-left-middle" class="turntable-needle-base turntable-needle-arm"></div>
          <div id="turntable-arm-left-outer" class="turntable-needle-base turntable-needle-arm"></div>

          <!-- right turntable/arm -->
          <div id="turntable-bg-right-neutral" class="turntable-needle-base turntable-needle-bg"></div>

          <div id="turntable-arm-right-neutral" class="turntable-needle-base turntable-needle-arm"></div>
          <div id="turntable-arm-right-inner" class="turntable-needle-base turntable-needle-arm"></div>
          <div id="turntable-arm-right-middle" class="turntable-needle-base turntable-needle-arm"></div>
          <div id="turntable-arm-right-outer" class="turntable-needle-base turntable-needle-arm"></div>

          <div class="canvas-wrapper" >
            <canvas id="game-canvas" width="671" height="350"></canvas>
          </div>

          <!-- functional play area stuff -->
           <div class="turntable" style="z-index: 100">
            <div id="record-rotater">
              <div class="record-wrapper" id="record-wrapper-left"> </div>
              <div class="record-wrapper" id="record-wrapper-right"></div>
              <div class="record-highlight-wrapper" id="record-highlight-wrapper-left"></div>
              <div class="record-highlight-wrapper" id="record-highlight-wrapper-right"></div>
            </div>
           </div>

          <div class="turntable-shroud-neutral-left" id="turntable-shroud-left"></div>
          <div class="turntable-shroud-neutral-right" id="turntable-shroud-right"></div>

          <div class="dialog-custom" id="club-shade"></div>

        </div>
      </div>

    </div>
  </div>
</td>
        <td id="scores-column">
          <div style="width: 180px; height: 466px;">
            <canvas id="clock" width="180" height="140"></canvas>
            <div id="score-wrapper"><div id="score-counter">
                <span class="score-hour">0</span>
                <span class="score-type">hrs</span>
                <span class="score-minute">0</span>
                <span class="score-type">min</span>
            </div></div>
            <table>
              <tr>
              <td>
              <div id="score-bg"></div>
              <div id="personal-best">
              <div id="best-score">0:00</div>
              </div>
              </td>
              </tr>
              <tr id="high-scores-wrapper">
                <td>
                  <table id="high-scores-hourly" class="high-scores-table">
                    <tbody>
                    </tbody>
                  </table>
                </td>
              </tr>
            </table>
          </div>
        </td>
      </tr>
    </table>
<!--    <div id="press">
      <h2>Critics Love Pitbull Party:</h2>
      <marquee behavior="scroll" scrollamount="1" direction="left">
        
      </marquee>
    </div>-->

    <div id="instructions-link"><a onclick="showDialog('intro')"><img src="images/howtoplay.png"></a></div>
    <div id="fb-like-main" class="fb-like" data-href="http://www.pitbullparty.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-font="lucida grande"></div>
    <div id="ad-banner">
     <script type="text/javascript"><!--
google_ad_client = "ca-pub-5061049675914921";
/* Pitbull Party Banner Small 1 */
google_ad_slot = "8897789358";
google_ad_width = 234;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="info">
  <div id="info-bg">
    <strong>Follow <a target="_blank" href="http://www.twitter.com/pitbullparty">@pitbullparty</a> to keep the party going.</strong><br /><br />
    <strong><a id="credits-link" onclick="showCreditsDialog()">Brought to you by Otter Spice (credits)</a></strong> <br/>
    Questions and media inquries: info@pitbullparty.com<br/>
    Best experienced in Chrome or Firefox<br/><br/></div>
    </div>
</div></div>
    <div class="dialogs">
      <div class="dialog-underlay"></div>
      <div id="dialog-intro" class="dialog dialog-intro" style="background-image: url('images/instructions.jpg')"></div>

      <div class="dialog-custom dialog-outro-new" style="display: none;">
        <div class="outro-album-cover"></div>
        <div class="outro-title"></div>
        <div class="dialog-social-buttons">
          <a class="tweet-score social-button twitter-share-button" data-lang="en" onclick="registerSocial('twitter')" data-count="none"><i></i><span>Tweet It</span></a>
          <a class="tumblr-score" onclick="registerSocial('tumblr')">Tumbl It</a>
          <a class="fb-score social-button" onclick="registerSocial('facebook')"><i></i><span>Share</span></a>
        </div>
        <a class="itunes-link itunes-link-pitbull" onclick="registerSocial('itunes pitbull')" target="itunes_store" href="https://itunes.apple.com/us/album/dont-stop-the-party-feat.-tjr/id572610096?i=572610140&uo=4"></a>
        <a class="itunes-link itunes-link-bad bad-song-button" onclick="registerSocial('itunes badsong')"></a>
        <div id="heckle-text-container">
            <div id="heckle-text"></div>
        </div>
      </div>

      <div class="dialog dialog-credits" style="position: absolute;">
        <div class="people">
          <img style="position: relative; width: 403px; left: 50%; margin-left:-201px;" src="images/otterspice.png">
          <br /><div style="width: 500px; text-align: center;"><i style="font-family:Sans-Serif; color: white; font-size: 12px;" >otter spice you are supposed to say it like a southerner saying 'outer space'</i><br /><br /><a href="http://www.otterspice.com" target="_blank">www.otterspice.com</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a target="_blank" href="http://www.twitter.com/otterspiceprods">@otterspiceprods</a></div>
          <table>
            <tr>
              <td>
                <div class="person barlow-vo">
                  <ul>
                    <li>Stephen Barlow</li>
                    <li>Game design</li>
                    <li><a href="http://www.twitter.com/barlow_vo" target="_blank">@barlow_vo</a></li>
                  </ul>
                </div>
              </td>
              <td>
              <div class="person mfrederickson">
                  <ul>
                    <li>Michael Frederickson</li>
                    <li>Visual design</li>
                    <li><a href="http://www.twitter.com/mfrederickson" target="_blank">@mfrederickson</a></li>
                  </ul>
                </div>
              </td>
            </tr>
            <tr>
              <td>
              <div class="person malectro">
                  <ul>
                    <li>Kyle Warren</li>
                    <li>Frontend</li>
                    <li><a href="http://www.twitter.com/malectro" target="_blank">@malectro</a></li>
                  </ul>
                </div>
              </td>
              <td>
              <div class="person masketron">
                  <ul>
                    <li>Will Masket</li>
                    <li>Product Manager</li>
                    <li><a href="http://www.twitter.com/masketron" target="_blank">@masketron</a></li>
                  </ul>
                </div>
              </td>
            </tr>
            <tr>
              <td>
              <div class="person atm">
                  <ul>
                    <li>Aaron T. Myers</li>
                    <li>Backend</li>
                    <li><a href="http://www.twitter.com/atm" target="_blank">@atm</a></li>
                  </ul>
                </div>
              </td>
              <td>
              <div class="person lelander">
                  <ul>
                    <li>Leland Price</li>
                    <li>Media Coordinator</li>
                    <li><a href="http://www.twitter.com/lelander" target="_blank">@lelander</a></li>
                  </ul>
                </div>
              </td>
            </tr>
          </table>
          <div class="dcenter">A very special thanks to Alex Marino, <a href="http://twitter.com/dhemberg" target="_blank">Allen Hemberger</a>, and <a href="http://twitter.com/sebasRez" target="_blank">Sebastian Alvarez</a>.</div>
          <div class="center">Press <strong>RETURN</strong> to play</div>
        </div>
      </div>
    </div>
    <div id="highscore">
    <img id="hstitle" src="images/highscore.gif">
    <form onsubmit="return submitHighScore();">
      <div>
        <input id="hsname" name="name" type="text" maxlength="16" />
      </div>
      <div id="hstext">
      Start your entry with <span style="color:#a200ff;">@</span> to create a Twitter link
      </div>
      <div style="margin-top: 8px;">
        <input id="hsbutton" type="image" onclick="$.modal.close();" src="images/highscorebutton.gif" alt="Submit" />
      </div>
    </form>
  </div>
    <!-- Social Button Assembler Scripts -->
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=373777682734516";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
  </body>
</html>