<div id="helloContainer" data-logged-in="0" data-has-account-data="0" data-party-state="0" data-results-state="0" data-gamemode="" style="transform: translate(-50%, -50%) scale(0.922481773545603);">

<div class="side-container">

<div class="agario-panel agario-side-panel agario-profile-panel">

<div class="clearfix" style="margin-bottom: 16px;">

<img class="agario-profile-picture">

<div class="agario-profile-name-container">

<span class="agario-profile-name"></span>

</div>

</div>

<div style="position: relative; margin-bottom: -15px;" class="clearfix">

<div class="agario-exp-bar progress">

<span class="progress-bar-text"></span>

<div class="progress-bar progress-bar-striped" style="width: 0%;"></div>

</div>

<div class="progress-bar-border"></div>

<div class="progress-bar-star"></div>

</div>

</div>

 

</div>

<div id="mainPanel" class="agario-panel">

<form role="form">

<div class="form-group clearfix">

<div style="float: left; margin-left: 20px;"><h2>Agar.io</h2></div>

<div style="float: right; margin-top: 10px; height: 40px;">

<div>

<script src="https://apis.google.com/js/platform.js" async="" gapi_processed="true"></script>

<div id="___ytsubscribe_0" style="text-indent: 0px; margin: 0px; padding: 0px; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 125px; height: 24px; background: transparent;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 125px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1441734718791" name="I0_1441734718791" src="https://www.youtube.com/subscribe_embed?usegapi=1&amp;channelid=UCC6hurPo_LxL7C0YFYgYnIw&amp;layout=default&amp;count=default&amp;origin=http%3A%2F%2Fagar.io&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.tr.FIc_yYqdRNo.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Ft%3Dzcms%2Frs%3DAGLTcCPojuDM_fW4NtjV3_Zr2M2FdVwilQ#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1441734718791&amp;parent=http%3A%2F%2Fagar.io&amp;pfname=&amp;rpctoken=23204672" data-gapiattached="true"></iframe></div>

</div>

<div class="clearfix">

<div class="fb-like pull-right fb_iframe_widget" data-href="https://www.facebook.com/playagar.io" data-layout="button" data-action="like" data-show-faces="true" data-share="true" fb-xfbml-state="rendered" fb-iframe-plugin-query="action=like&amp;app_id=677505792353827&amp;container_width=0&amp;href=https%3A%2F%2Fwww.facebook.com%2Fplayagar.io&amp;layout=button&amp;locale=en_US&amp;sdk=joey&amp;share=true&amp;show_faces=true"><span style="vertical-align: bottom; width: 92px; height: 20px;"><iframe name="f2ddde7bb" width="1000px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" title="fb:like Facebook Social Plugin" src="http://www.facebook.com/v2.2/plugins/like.php?action=like&amp;app_id=677505792353827&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2F44OwK74u0Ie.js%3Fversion%3D41%23cb%3Df3c24e653c%26domain%3Dagar.io%26origin%3Dhttp%253A%252F%252Fagar.io%252Ff34f744c6%26relation%3Dparent.parent&amp;container_width=0&amp;href=https%3A%2F%2Fwww.facebook.com%2Fplayagar.io&amp;layout=button&amp;locale=en_US&amp;sdk=joey&amp;share=true&amp;show_faces=true" style="border: none; visibility: visible; width: 92px; height: 20px;" class=""></iframe></span></div>

</div>

</div>

</div>

<div class="form-group clearfix">

<input id="nick" class="form-control" placeholder="Nick" maxlength="15" autofocus="">

<select id="gamemode" class="form-control" onchange="setGameMode($(this).val());" required="">

<option selected="" value="" data-itr="gamemode_ffa">FFA</option>

<option value=":teams" data-itr="gamemode_teams">Teams</option>

<option value=":experimental" data-itr="gamemode_experimental">Experimental</option>

<option value=":party" data-itr="party">Party</option>

</select>

</div>

<div id="locationUnknown">

 

</div>

 

<div class="form-group" id="agario-main-buttons">

<button type="button" onclick="$('#settings, #instructions').toggle();return false;" class="btn btn-info btn-settings"><i class="glyphicon glyphicon-cog"></i></button>

<button type="submit" onclick="setNick(document.getElementById('nick').value); return false;" class="btn btn-play btn-primary btn-needs-server" data-itr="play">Play</button>

<button type="submit" onclick="setNick(document.getElementById('nick').value); return false;" class="btn btn-play-guest btn-success btn-needs-server" data-itr="play_as_guest">Play as guest</button>

<button onclick="facebookLogin(); return false;" class="btn btn-login btn-primary" style="line-height: 24px;" data-original-title="" title="">

<span class="social social-facebook" style="font-size:24px;margin-top:-6px;margin-left:-8px;vertical-align:middle;margin-right:5px;"></span>

<span data-itr="login_and_play">Login and play</span>

</button>

<br clear="both">

</div>

<div id="settings" class="checkbox" style="display:none;">

<div style="float: left; width: 200px;">

<div id="locationKnown"><select id="region" class="form-control" onchange="setRegion($('#region').val());" required="">

<option selected="" disabled="" value="" data-itr="region_select"> -- Select a Region -- </option>

<option value="US-Atlanta" data-itr="region_north_america">North America (35580 players)</option>

<option value="BR-Brazil" data-itr="region_south_america">South America (38675 players)</option>

<option value="EU-London" data-itr="region_europe">Europe (82248 players)</option>

<option value="RU-Russia" data-itr="region_russia">Russia (13845 players)</option>

<option value="TK-Turkey" data-itr="region_turkey">Turkey (8928 players)</option>

<option value="JP-Tokyo" data-itr="region_east_asia">East Asia (3035 players)</option>

<option value="CN-China" data-itr="region_china">China (2963 players)</option>

<option value="SG-Singapore" data-itr="region_oceania">Oceania (2984 players)</option>

</select></div>

<div id="options" style="margin: 6px; font-size: 12px;">

<label><input type="checkbox" onchange="setSkins(!$(this).is(':checked'));"><span data-itr="option_no_skins">No skins</span></label>

<label><input type="checkbox" onchange="setNames(!$(this).is(':checked'));"><span data-itr="option_no_names">No names</span></label>

<label><input type="checkbox" onchange="setColors($(this).is(':checked'));"><span data-itr="option_no_colors">No colors</span></label>

<label><input type="checkbox" onchange="setShowMass($(this).is(':checked'));"><span data-itr="option_show_mass">Show mass</span></label>

<label><input type="checkbox" onchange="setDarkTheme($(this).is(':checked'));"><span data-itr="option_dark_theme">Dark theme</span></label>

<label><input type="checkbox" onchange="setSkipStats($(this).is(':checked'));"><span data-itr="option_skip_stats">Skip stats</span></label>

</div>

</div>

<div style="float: right; width: 120px;">

<button onclick="spectate(); return false;" class="btn btn-warning btn-spectate btn-needs-server" data-itr="spectate">Spectate</button>

<button onclick="logout(); return false;" class="btn btn-danger btn-logout" data-itr="logout">Logout</button>

</div>

<br clear="both">

</div>

</form>

<div id="instructions">

<hr>

<center><span class="text-muted">

<span data-itr="instructions_mouse">Move your mouse to control your cell</span><br>

<span data-itr="instructions_space">Press <b>Space</b> to split</span><br>

<span data-itr="instructions_w">Press <b>W</b> to eject some mass</span><br>

</span></center>

</div>

<hr>

<center>

<small class="text-muted" style="display: block; margin-bottom: 16px;" data-itr="advertisement">Advertisement</small>

<div id="adbg" style="margin-bottom: 10px; width: 300px; height: 250px;">

<div id="g300x250"><div id="google_ads_iframe_/53945695/agar/300x250_CPL_0__container__" style="border: 0pt none;"><iframe id="google_ads_iframe_/53945695/agar/300x250_CPL_0" name="google_ads_iframe_/53945695/agar/300x250_CPL_0" width="300" height="250" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" src="javascript:&quot;<html><body style='background:transparent'></body></html>&quot;" style="border: 0px; vertical-align: bottom;"></iframe><object type="application/x-shockwave-flash" data="//pagead2.googlesyndication.com/osd/hbe.swf?id=0~0" width="1" height="1" style="visibility: hidden; opacity: 0; z-index: -999999; position: fixed; left: 482.627746582031px; top: 460.515533447266px;"><param name="movie" value="//pagead2.googlesyndication.com/osd/hbe.swf?id=0~0"><param name="allowscriptaccess" value="always"><param name="wmode" value="opaque"></object></div><iframe id="google_ads_iframe_/53945695/agar/300x250_CPL_0__hidden__" name="google_ads_iframe_/53945695/agar/300x250_CPL_0__hidden__" width="0" height="0" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" src="javascript:&quot;<html><body style='background:transparent'></body></html>&quot;" style="border: 0px; vertical-align: bottom; visibility: hidden; display: none;"></iframe></div>

<div id="a300x250" style="display:none;"><div id="google_ads_iframe_/53945695/agar/300x250_CRL_0__container__" style="border: 0pt none;"><iframe id="google_ads_iframe_/53945695/agar/300x250_CRL_0" name="google_ads_iframe_/53945695/agar/300x250_CRL_0" width="300" height="250" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" src="javascript:&quot;<html><body style='background:transparent'></body></html>&quot;" style="border: 0px; vertical-align: bottom;"></iframe></div></div>

</div>

</center>

</div>

<div id="stats" style="display: none;" class="agario-panel">

<h2><center>Match Results</center></h2>

<canvas id="statsGraph" width="350" height="230"></canvas>

<div id="statsPelletsContainer">

 

<span id="statsText" class="stats-food-eaten"></span>

<span id="statsSubtext" data-itr="stats_food_eaten">food eaten</span>

</div>

<div id="statsHighestMassContainer">

 

<span id="statsText" class="stats-highest-mass"></span>

<span id="statsSubtext" data-itr="stats_highest_mass">highest mass</span>

</div>

<div id="statsTimeAliveContainer">

 

<span id="statsText" class="stats-time-alive"></span>

<span id="statsSubtext" data-itr="stats_time_alive">time alive</span>

</div>

<div id="statsTimeLeaderboardContainer">

 

<span id="statsText" class="stats-leaderboard-time"></span>

<span id="statsSubtext" data-itr="stats_leaderboard_time">leaderboard time</span>

</div>

<div id="statsPlayerCellsEatenContainer">

 

<span id="statsText" class="stats-cells-eaten"></span>

<span id="statsSubtext" data-itr="stats_cells_eaten">cells eaten</span>

</div>

<div id="statsTopPositionContainer">

 

<span id="statsText" class="stats-top-position">?</span>

<span id="statsSubtext" data-itr="stats_top_position">top position</span>

</div>

<hr style="position:absolute;bottom:350px;width:100%;margin:0px;">

<button id="statsContinue" class="btn btn-primary" data-itr="continue" onclick="closeStats();">Continue</button>

<hr style="position:absolute;bottom:255px;width:100%;">

<div id="s300x250"><div id="google_ads_iframe_/53945695/agar/300x250_CRL_stats_0__container__" style="border: 0pt none;"><iframe id="google_ads_iframe_/53945695/agar/300x250_CRL_stats_0" name="google_ads_iframe_/53945695/agar/300x250_CRL_stats_0" width="300" height="250" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" src="javascript:&quot;<html><body style='background:transparent'></body></html>&quot;" style="border: 0px; vertical-align: bottom;"></iframe></div></div>

</div>

<div class="side-container">

<div class="agario-party">

<div class="agario-panel agario-side-panel agario-party-0">

<h4><center data-itr="party">Party</center></h4>

<div style="margin-bottom: 12px;" data-itr="party_description">Play with your friends in the same map</div>

<div class="clearfix" style="margin: 0px -10px 0px -10px;">

<button class="btn btn-primary" style="width: 102.5px; float: left;" onclick="$('#helloContainer').attr('data-party-state', '3');createParty();" data-itr="create_party">Create</button>

<button class="btn btn-primary" style="width: 102.5px; float: right;" onclick="$('#joinPartyToken').val('');$('#helloContainer').attr('data-party-state', '2');" data-itr="join_party">Join</button>

</div>

</div>

<div class="agario-panel agario-side-panel agario-party-1">

<h4><center data-itr="party">Party</center></h4>

<div style="margin-bottom: 12px;" data-itr="create_party_instructions">Give this link to your friends:</div>

<div class="clearfix">

<input type="text" value="??????" readonly="" class="partyToken form-control" style="cursor: text; width: 130px; float: left; border-radius: 4px 0px 0px 4px;">

<button class="btn btn-primary copy-party-token" style="float: right; width: 60px; border-radius: 0px 4px 4px 0px;">Copy</button>

</div>

</div>

<div class="agario-panel agario-side-panel agario-party-2">

<h4><center data-itr="party">Party</center></h4>

<div style="margin-bottom: 12px;" data-itr="join_party_instructions">Your friend should have given you a code, type it here:</div>

<input id="joinPartyToken" type="text" value="" class="form-control">

<div class="clearfix" style="margin: 10px -10px 0px -10px;">

<button class="btn btn-primary" style="width: 210px; float: right;" onclick="joinParty($('#joinPartyToken').val());" data-itr="join_party">Join</button>

</div>

</div>

<div class="agario-panel agario-side-panel agario-party-3" style="padding: 0px; overflow: hidden; position: relative;">

<canvas width="220" height="100" class="cell-spinner" data-size="26"></canvas>

<div class="creating-party-text" data-itr="creating_party">Creating party...</div>

</div>

<div class="agario-panel agario-side-panel agario-party-4" style="padding: 0px; overflow: hidden; position: relative;">

<canvas width="220" height="100" class="cell-spinner" data-size="26"></canvas>

<div class="creating-party-text" data-itr="joining_party">Joining party...</div>

</div>

<div class="agario-panel agario-side-panel agario-party-5">

<h4><center data-itr="party">Party</center></h4>

<div style="margin-bottom: 12px;" data-itr="joined_party_instructions">You are now playing with this party:</div>

<div class="clearfix">

<input type="text" value="??????" readonly="" class="partyToken form-control" style="cursor: text; width: 125px; float: left;">

<button class="btn btn-primary copy-party-token" style="float: right; width: 60px;">Copy</button>

</div>

</div>

<div class="agario-panel agario-side-panel agario-party-6">

<h4><center data-itr="party">Party</center></h4>

<div style="margin-bottom: 12px;" data-itr="party_join_error">There was a problem joining that party, please make sure the code is correct, or try creating another party</div>

<div class="clearfix" style="margin: 10px -10px 0px -10px;">

<button class="btn btn-primary btn-block" onclick="$('#helloContainer').attr('data-party-state', '0');" data-itr="back_button">Back</button>

</div>

</div>

<div style="position: absolute; right: 10px; top: 4px;">

<button type="button" class="close" onclick="cancelParty();">×</button>

</div>

</div>

<div class="agario-promo" style="padding: 0px; width: 293px; height: 366px; position: relative; background-image: url(img/promo.png);">

<div style="text-align: center; position: absolute; bottom: 10px; width: 100%;">

<a href="https://itunes.apple.com/app/agar.io/id995999703?mt=8&amp;at=1l3vajp" target="_blank" onclick="ga('send', 'event', 'MobilePromo', 'AppStore');"><img src="img/appstore.png" alt="Download on the App Store"></a>

<a href="https://play.google.com/store/apps/details?id=com.miniclip.agar.io" target="_blank" onclick="ga('send', 'event', 'MobilePromo', 'PlayStore');"><img src="img/google_play.png" alt="Get it on Google play"></a>

</div>

</div>

</div>

</div>