<%- include('../header'); %>


<script type="text/javascript">
    //Code for A|B|C test- just one/all goto burning ma
    switch (0) {
        case 0:
            break;
        case 1:
            $("#PlayNowButton").css('visibility', 'hidden');
            $(function () {
                $('.FeaturedGameHeader').css('visibility', 'hidden');
                $('.FeaturedGameHeader').css('height', '0px');
                $('.FeaturedGamePlayButton').css('height', '290px');
            });
            break;
        case 2:
            $('.SignUpAndPlay').attr('href', "");
            $('.SignUpAndPlay').click(function () {
                $('.VisitButtonPlay').click();
                return false;
            });
            $(function () {
                $('#ctl00_cphRoblox_MoneyMachine_PlayNowButton').attr('href', "");
                $('#ctl00_cphRoblox_MoneyMachine_PlayNowButton').click(function () {
                    $('.VisitButtonPlay').click();
                    return false;
                });
            });

            //set href of FeaturedGamesPlay to "burning man"s
            break;
    }
    //Code for bigPlayNowButtonLocation A|B test
    if (false) {
        $(function () {
            $('#ctl00_cphRoblox_rbxVisitButtons_FeaturedGameButton').attr('placeid', 1818);
        });
    }
           //else is already acting as needed
</script>



<!--[if IE 6]>
<table width="900px">
<tr>
<td width="550px" align="left" valign="top">
<![endif]-->

<div class="ShadowedStandardBox TopPanel" style="float: left; margin: 0px;">
    <div class="FrontPageLoginBox">

        <div id="LoginViewContainer">


            <script type="text/javascript" language="javascript">
                function dologin() {
                    document.getElementById("username").value = document.getElementById("txtUsername").value;
                    document.getElementById("password").value = document.getElementById("txtPassword").value;
                    document.forms[1].submit();
                }
            </script>

            <div class="DarkGradientBox DGBContainerShort">
                <div class="DGB_Header">Member Login</div>
                <div class="DGB_Content">
                    <!-- Enter key submission hack - IE -->
                    <div class="TextInputLogin">
                        <label for="txtUsername" class="DGB_Label">Username:</label>
                        <input type="text" class="DGB_TextBox" id="txtUsername" tabindex="1" />
                    </div>
                    <div class="TextInputLogin">
                        <label for="txtPassword" class="DGB_Label">Password:</label>
                        <input type="password"
                            onkeypress="if (event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {dologin(); return false;} else {return true;}}"
                            id="txtPassword" class="DGB_TextBox" tabindex="2" />
                    </div>

                    <div style="margin-top: 9px; text-align: center;">
                        <a class="ControlLoginButton" onclick="dologin(); return false;" href="#" ref="form-login"
                            tabindex="3">Sign In</a>
                    </div>

                </div>
            </div>

        </div>


        <div class="separateSignUpFromLoginWithBorder">



            <style type="text/css">
                .show {
                    display: inline;
                }

                .hide {
                    display: none;
                }

                .left {
                    margin-left: 150px;
                }
            </style>

            <div id="FBConnectNewCharacterModal" class="GuestModePromptModal" style="width:450px; display:none">
                <div class="simplemodal-close">
                    <a class="ImageButton closeBtnCircle_35h"
                        style="cursor: pointer; margin-left:445px; position:absolute; top:-20px; left:-10px"></a>
                </div>
                <div id="GuestDialog" style="background-color: white;">
                    <div style="height:20px;"></div>
                    <div id="Greeting" style="font-size:large; text-align:center;"> Welcome </div>
                    <div style="height:20px;"></div>

                    <div class="NewToRobloxDiv" style="display:none;"> </div>
                    <div class="ExistingRobloxianDiv" style="display:none;"> </div>

                    <div style="height:20px;"></div>
                </div>

                <input name="ctl00$cphRoblox$rbxFacebookConnect$rbxFacebookLoginNewCharacter$fbmail" type="hidden"
                    id="ctl00_cphRoblox_rbxFacebookConnect_rbxFacebookLoginNewCharacter_fbmail" />
            </div>

            <div id="NewSignUp" class="hide">

                <div style="height:10px"></div>
                <div style="font-size:medium; text-align:center; font-weight:bold">Please make up a name for your
                    character on ROBLOX.</div>

                <div id="ctl00_cphRoblox_rbxFacebookConnect_rbxFacebookLoginNewCharacter_upNameAndPass">

                    <div class="Validators" style="text-align:center;">
                        <div>

                        </div>
                        <div>

                        </div>
                        <div>

                        </div>
                        <div>

                        </div>
                        <div>

                        </div>
                        <div>

                        </div>
                        <div>
                            <span id="ctl00_cphRoblox_rbxFacebookConnect_rbxFacebookLoginNewCharacter_Exception"
                                style="color:Red;visibility:hidden;">Roblox service is experiencing some difficulties at
                                this time. Please try to Play as Guest instead.</span>
                            <img id="ctl00_cphRoblox_rbxFacebookConnect_rbxFacebookLoginNewCharacter_Spinner"
                                src="/img/spinner.gif" alt="Progress" src="http://www.roblox.com/"
                                style="border-width:0px;display:none" />
                        </div>
                    </div>

                    <div class="left">
                        <input name="ctl00$cphRoblox$rbxFacebookConnect$rbxFacebookLoginNewCharacter$NewFBUserName"
                            type="text"
                            id="ctl00_cphRoblox_rbxFacebookConnect_rbxFacebookLoginNewCharacter_NewFBUserName" />

                        <div style="height:20px;"></div>

                        <div style="text-align:center; margin-left:-150px">
                            <div style="font-size:medium; text-align:center; font-weight:bold">Enter your month and year
                                of birth:</div>
                            <div style="height:10px;"></div>
                            <center>
                                <select name="ctl00$cphRoblox$rbxFacebookConnect$rbxFacebookLoginNewCharacter$lstMonths"
                                    id="ctl00_cphRoblox_rbxFacebookConnect_rbxFacebookLoginNewCharacter_lstMonths"
                                    style="font-size: 14px;">
                                    <option value="">Select Month</option>
                                    <option value="1">January</option>
                                    <option value="2">February</option>
                                    <option value="3">March</option>
                                    <option value="4">April</option>
                                    <option value="5">May</option>
                                    <option value="6">June</option>
                                    <option value="7">July</option>
                                    <option value="8">August</option>
                                    <option value="9">September</option>
                                    <option value="10">October</option>
                                    <option value="11">November</option>
                                    <option value="12">December</option>

                                </select>

                                <select name="ctl00$cphRoblox$rbxFacebookConnect$rbxFacebookLoginNewCharacter$lstYears"
                                    id="ctl00_cphRoblox_rbxFacebookConnect_rbxFacebookLoginNewCharacter_lstYears"
                                    style="font-size: 14px;">
                                    <option value="">Select Year</option>
                                    <option value="2011">2011</option>
                                    <option value="2010">2010</option>
                                    <option value="2009">2009</option>
                                    <option value="2008">2008</option>
                                    <option value="2007">2007</option>
                                    <option value="2006">2006</option>
                                    <option value="2005">2005</option>
                                    <option value="2004">2004</option>
                                    <option value="2003">2003</option>
                                    <option value="2002">2002</option>
                                    <option value="2001">2001</option>
                                    <option value="2000">2000</option>
                                    <option value="1999">1999</option>
                                    <option value="1998">1998</option>
                                    <option value="1997">1997</option>
                                    <option value="1996">1996</option>
                                    <option value="1995">1995</option>
                                    <option value="1994">1994</option>
                                    <option value="1993">1993</option>
                                    <option value="1992">1992</option>
                                    <option value="1991">1991</option>
                                    <option value="1990">1990</option>
                                    <option value="1989">1989</option>
                                    <option value="1988">1988</option>
                                    <option value="1987">1987</option>
                                    <option value="1986">1986</option>
                                    <option value="1985">1985</option>
                                    <option value="1984">1984</option>
                                    <option value="1983">1983</option>
                                    <option value="1982">1982</option>
                                    <option value="1981">1981</option>
                                    <option value="1980">1980</option>
                                    <option value="1979">1979</option>
                                    <option value="1978">1978</option>
                                    <option value="1977">1977</option>
                                    <option value="1976">1976</option>
                                    <option value="1975">1975</option>
                                    <option value="1974">1974</option>
                                    <option value="1973">1973</option>
                                    <option value="1972">1972</option>
                                    <option value="1971">1971</option>
                                    <option value="1970">1970</option>
                                    <option value="1969">1969</option>
                                    <option value="1968">1968</option>
                                    <option value="1967">1967</option>
                                    <option value="1966">1966</option>
                                    <option value="1965">1965</option>
                                    <option value="1964">1964</option>
                                    <option value="1963">1963</option>
                                    <option value="1962">1962</option>
                                    <option value="1961">1961</option>
                                    <option value="1960">1960</option>
                                    <option value="1959">1959</option>
                                    <option value="1958">1958</option>
                                    <option value="1957">1957</option>
                                    <option value="1956">1956</option>
                                    <option value="1955">1955</option>
                                    <option value="1954">1954</option>
                                    <option value="1953">1953</option>
                                    <option value="1952">1952</option>
                                    <option value="1951">1951</option>
                                    <option value="1950">1950</option>
                                    <option value="1949">1949</option>
                                    <option value="1948">1948</option>
                                    <option value="1947">1947</option>
                                    <option value="1946">1946</option>
                                    <option value="1945">1945</option>
                                    <option value="1944">1944</option>
                                    <option value="1943">1943</option>
                                    <option value="1942">1942</option>
                                    <option value="1941">1941</option>
                                    <option value="1940">1940</option>
                                    <option value="1939">1939</option>
                                    <option value="1938">1938</option>
                                    <option value="1937">1937</option>
                                    <option value="1936">1936</option>
                                    <option value="1935">1935</option>
                                    <option value="1934">1934</option>
                                    <option value="1933">1933</option>
                                    <option value="1932">1932</option>
                                    <option value="1931">1931</option>
                                    <option value="1930">1930</option>
                                    <option value="1929">1929</option>
                                    <option value="1928">1928</option>
                                    <option value="1927">1927</option>
                                    <option value="1926">1926</option>
                                    <option value="1925">1925</option>
                                    <option value="1924">1924</option>
                                    <option value="1923">1923</option>
                                    <option value="1922">1922</option>
                                    <option value="1921">1921</option>
                                    <option value="1920">1920</option>
                                    <option value="1919">1919</option>
                                    <option value="1918">1918</option>
                                    <option value="1917">1917</option>
                                    <option value="1916">1916</option>
                                    <option value="1915">1915</option>
                                    <option value="1914">1914</option>
                                    <option value="1913">1913</option>
                                    <option value="1912">1912</option>

                                </select>



                                <br /><br />
                                <i>Your birthday will not be saved or given out to any third party.</i>
                            </center>
                            <br />
                        </div>

                        <div style="height:5px;"></div>
                        <div style="margin:15px auto;width:442px;margin-left:-150px;">

                        </div>

                        <div style="margin-left:30px;">
                            <a onclick="ShowSpinner();"
                                id="ctl00_cphRoblox_rbxFacebookConnect_rbxFacebookLoginNewCharacter_ButtonCreateAccount"
                                tabindex="8" class="GreenButton"
                                href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$cphRoblox$rbxFacebookConnect$rbxFacebookLoginNewCharacter$ButtonCreateAccount&quot;, &quot;&quot;, true, &quot;NewFBUserGroup&quot;, &quot;&quot;, false, true))">
                                <span>Sign Up!</span>
                            </a>
                        </div>

                    </div>


                </div>

                <div style="height:20px;"></div>

                <div style="font-size:medium; text-align:center; cursor:pointer">
                    <a class="ExistingRobloxian" style="color:green; font-weight:bold">
                        Have an Account ?
                    </a>
                </div>
            </div>

            <div id="SyncUp" class="hide">

                <div style="height:10px"></div>
                <div style="font-size:medium; text-align:center;"><b>Sync Up your Facebook account with current Roblox
                        Account.</b></div>
                <p style="color:red; text-align:center">If you have multiple accounts, please sync your primary account
                    with your Facebook. </p>
                <div style="height:10px"></div>

                <div id="LoginViewContainer" style="margin-left:150px;">

                    <div class="DarkGradientBox" style="text-align: center;">
                        <div class="DGB_Content">
                            <!-- Enter key submission hack - IE -->
                            <div style="padding-top: 4px; padding-bottom: 4px;">
                                <div style="margin-bottom: 7px;">
                                </div>
                                <label for="rbxUsername" class="DGB_Label"> Roblox Username:</label>
                                <input type="text" class="DGB_TextBox" id="rbxUsernameInput" tabindex="3" />
                            </div>
                            <div style="padding-top: 4px; padding-bottom: 4px;">
                                <div style="margin-bottom: 7px;">
                                </div>
                                <label for="rbxPassword" class="DGB_Label"> Roblox Password:</label>
                                <input type="password"
                                    onkeypress="if (event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {dologin(); return false;} else {return true;}}"
                                    id="rbxPasswordInput" class="DGB_TextBox" tabindex="4" />
                            </div>
                            <div style="height:15px;"></div>

                            <a class="GreenButton" style="width: 75%" onclick="SyncUp()">
                                <span>Sync Up!</span>
                            </a>

                            <div style="margin-top: 8px; margin-bottom: 7px; text-align: center; white-space: nowrap;">
                                <a href="Login/ResetPasswordRequest.aspx"
                                    id="ctl00_cphRoblox_rbxFacebookConnect_rbxFacebookLoginNewCharacter_lvLoginView_hlPasswordRecovery"
                                    style="color: #FFFFFF; font-weight: bold; font-size: 10px;" tabindex="7"
                                    target="_parent">
                                    Forgot your password?</a>
                            </div>
                        </div>
                    </div>

                    <div style="height:5px"></div>

                    <a class="NewToRoblox"
                        style="color:green; font-weight:bold; font-size:medium; text-align:center; cursor:pointer; margin-left:20px;">
                        New To Roblox ?
                    </a>

                </div>
            </div>


            <script type="text/javascript">

                function ShowSpinner() {
                    if (!Page_IsValid) { return false; }
                    var spinnerId = 'ctl00_cphRoblox_rbxFacebookConnect_rbxFacebookLoginNewCharacter_Spinner';
                    var spinnerDom = document.getElementById(spinnerId);
                    if (spinnerDom) {
                        spinnerDom.style.display = 'block';
                    }
                }

                $(function () { $('.NewToRoblox:first').click(); });

                function SyncUp() {
                    document.getElementById("username").value = document.getElementById("rbxUsernameInput").value;
                    document.getElementById("password").value = document.getElementById("rbxPasswordInput").value;
                    document.getElementById("IsSyncUp").value = "true";
                    document.forms[1].submit();
                }

                var FBConnectNewCharacterModal = {};
                FBConnectNewCharacterModal.open = function (fbUserName, fbMail) {
                    if (Page_Validators.length > 0) {
                        for (i = 0; i < Page_Validators.length; i++) {
                            if (Page_Validators[i].validationGroup == "NewFBUserGroup") {
                                ValidatorEnable(Page_Validators[i], true);
                            }
                        }
                    }

                    $('#Greeting').html("<b> Hi </b><i style='color:#488AC7'>" + fbUserName + "</i>");

                    var modalProperties = { escClose: true, opacity: 80, overlayCss: { backgroundColor: "#000" }, position: [100, 0] };
                    $("#FBConnectNewCharacterModal").modal(modalProperties);
                    $("#FBConnectNewCharacterModal").parent().parent().appendTo($("form:first"));

                    var hiddenMail = 'ctl00_cphRoblox_rbxFacebookConnect_rbxFacebookLoginNewCharacter_fbmail';
                    document.getElementById(hiddenMail).value = fbMail;
                }

                var newSignUp;
                var userLogin;
                var newMemberhipOpen;
                var loginOpen;

                $('.NewToRoblox').click(function () {
                    if (loginOpen && loginOpen == true) {
                        userLogin = $('#SyncUp').detach();
                        loginOpen = false;
                    }

                    newMemberhipOpen = true;

                    if (newSignUp) {
                        newSignUp.insertAfter($('.NewToRobloxDiv'));
                    }
                    else {
                        $('#NewSignUp').removeClass("hide");
                        $('#NewSignUp').addClass("show");
                        $('#NewSignUp').insertAfter($('.NewToRobloxDiv'));
                    }
                });

                $('.ExistingRobloxian').click(function () {

                    if (newMemberhipOpen && newMemberhipOpen == true) {
                        newSignUp = $('#NewSignUp').detach();
                        newMemberhipOpen = false;
                    }

                    loginOpen = true;

                    if (userLogin) {
                        userLogin.insertAfter($('.ExistingRobloxianDiv'));
                    }
                    else {
                        $('#SyncUp').removeClass("hide");
                        $('#SyncUp').addClass("show");
                        $('#SyncUp').insertAfter($('.ExistingRobloxianDiv'));
                    }
                });
            </script>

            <!--
            <div id="ctl00_cphRoblox_rbxFacebookConnect_SplashPageConnect">
                <div style="height:5px;"></div>
                <a id="fconnectlogin" href="#" ref="form-facebook"><img src="/img/sign-in-with-facebook.png"
                        alt="Connect to Facebook" /></a>
                <div style="height:5px;"></div>
            </div>
            -->


            <div style="height:5px;"></div>
            <div style="height:5px;"></div>
            <span style="font-family:arial;font-size:11px;">Not a member?</span>
            <a href="Login/NewAge.aspx" class="SignupButtonImage"></a>

        </div>
    </div>
    <div class="FrontPageVideoIntro">


        <div id="player"></div>
        <script src="https://www.youtube.com/iframe_api"></script>
        <script>
            // 3. This function creates an <iframe> (and YouTube player)
            //    after the API code downloads.
            var player;
            function onYouTubeIframeAPIReady() {
                player = new YT.Player('player', {
                    height: '250',
                    width: '380',
                    videoId: '97dyt7MXWpo',
                    events: {
                        'onReady': onPlayerReady,
                        'onStateChange': onPlayerStateChange
                    }
                });
            }

            // 4. The API will call this function when the video player is ready.
            function onPlayerReady(event) {
                event.target.playVideo();
            }

            // 5. The API calls this function when the player's state changes.
            //    The function indicates that when playing a video (state=1),
            //    the player should play for six seconds and then stop.
            var done = false;
            function onPlayerStateChange(event) {
                if (event.data == YT.PlayerState.PLAYING && !done) {
                    setTimeout(stopVideo, 6000);
                    done = true;
                }
            }
            function stopVideo() {
                player.stopVideo();
            }

        </script>

        <!--
        <object class="videoURL">
            <param name="movie" value="http://www.youtube.com/v/97dyt7MXWpo&amp;fs=1&amp;rel=0" />
            <param name="allowFullScreen" value="true" />
            <param name="allowscriptaccess" value="always" />
            <param name="wmode" value="transparent" />
            <embed wmode="transparent"
                src="https://web.archive.org/web/20120506053421oe_/http://www.youtube.com/v/97dyt7MXWpo&amp;fs=1&amp;rel=0"
                type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"
                allownetworking="internal" width="380" height="250"></embed>
        </object>
    -->

    </div>
    <div style="float:right">


        <div id="FeaturedGameButtonContainer" style="height:1px;">
            <div id="ctl00_cphRoblox_rbxVisitButtons_FeaturedGameButton" class="FeaturedGameButton VisitButtonPlay"
                ref="bigplaynow" placeid="41324860"></div>
        </div>


        <script type="text/javascript">
            var play_placeId = 41324860;
            function redirectPlaceLauncherToLogin() {
                location.href = "/login/default.aspx?ReturnUrl=" + encodeURIComponent("/Default.aspx");
            }
            function redirectPlaceLauncherToRegister() {
                location.href = "/login/NewAge.aspx?ReturnUrl=" + encodeURIComponent("/Default.aspx");
            }
            function fireEventAction(action) {
                RobloxEventManager.triggerEvent('rbx_evt_popup_action', { action: action });
            }
            $(function () {
                if (Roblox.Client.isIDE()) {
                    $('.VisitButtonEdit').show();
                }
            });
        </script>


        <div id="BCOnlyModal"
            style="width:470px;padding:10px;background:white;display:none;*position:absolute;*top:-150px">
            <div class="simplemodal-close">
                <a class="ImageButton closeBtnCircle_35h"
                    style="cursor: pointer;position:absolute; top:-15px; right:-15px"></a>
            </div>
            <div>
                <div style="margin-bottom:15px;font-size:16px">
                    <div style="float:left;width:150px">
                        <img src="/img/bc-only.png" />
                    </div>
                    <div style="float:left;width:295px;margin-left:5px">
                        <div style="font-size: 18px; font-weight: bold; padding:30px 0 10px;">
                            You need Builders Club for this!
                        </div>
                        <div>
                            Builders Club membership is required to play in this place.
                        </div>
                    </div>
                    <div style="clear:both; text-align:center;">
                        <a class="GreenButton"
                            href="http://www.roblox.com/Upgrades/BuildersClubMemberships.aspx"><span>Upgrade
                                Now</span></a>
                    </div>
                </div>
            </div>
        </div>

        <script type="text/javascript">
            function showBCOnlyModal(modalId) {
                var modalProperties = { overlayClose: true, escClose: true, opacity: 80, overlayCss: { backgroundColor: "#000" } };
                if (typeof modalId === "undefined")
                    $("#BCOnlyModal").modal(modalProperties);
                else
                    $("#" + modalId).modal(modalProperties);
            }
            $(document).ready(function () {
                $('#VOID').click(function () {
                    showBCOnlyModal("BCOnlyModal");
                    return false;
                });
            });
        </script>


    </div>
</div>

<!--[if IE 6]>
</td>
<td valign="top" align="left">
<![endif]-->
<!-- right column -->
<div class="overrideColumn2c">

    <div id="ctl00_cphRoblox_boxAdPanel" style="padding-left:5px;">

        <div style="height: 282px;">
            <div class="ShadowedStandardBox" style="float:left;" id="FrontPageRectangleAd">
                <div class="Shadow"></div>

                <div id="ctl00_cphRoblox_LargeRectAd_OutsideAdPanel" class="AdPanel">


                    <iframe id="ctl00_cphRoblox_LargeRectAd_AsyncAdIFrame" allowtransparency="true" frameborder="0"
                        scrolling="no" class="IframeAdHide" height="250" src="/user-sponsorship/3" width="300"></iframe>


                </div>


            </div>
        </div>

    </div>

    <div class="SidePanel">
        <h2>Roblox News</h2>
        <div id="ctl00_cphRoblox_NewsFeed1_pRobloxNews">


            <div id="RobloxNews" style="float: none; width: 100%; overflow: visible;">
                <div style="margin-bottom: 15px;">


                    <div
                        style="background: url(/img/BulletPointArrow.png) no-repeat center left;padding-left: 13px;margin-bottom: 10px;">
                        <a href="http://blog.roblox.com/2012/05/preview-in-game-wardrobe-change/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=preview-in-game-wardrobe-change"
                            ref="news-article">Preview Our In-Game Wardrobe Change Interface</a>
                    </div>

                    <div
                        style="background: url(/img/BulletPointArrow.png) no-repeat center left;padding-left: 13px;margin-bottom: 10px;">
                        <a href="http://blog.roblox.com/2012/05/building-a-cutting-edge-roblox-website/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=building-a-cutting-edge-roblox-website"
                            ref="news-article">Building a Cutting Edge ROBLOX Website</a>
                    </div>

                    <div
                        style="background: url(/img/BulletPointArrow.png) no-repeat center left;padding-left: 13px;margin-bottom: 10px;">
                        <a href="http://blog.roblox.com/2012/05/user-feedback-v2/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=user-feedback-v2"
                            ref="news-article">User Feedback v2</a>
                    </div>

                    <div
                        style="background: url(/img/BulletPointArrow.png) no-repeat center left;padding-left: 13px;margin-bottom: 10px;">
                        <a href="http://blog.roblox.com/2012/04/weekly-roblox-roundup-april-29-2012/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=weekly-roblox-roundup-april-29-2012"
                            ref="news-article">Weekly ROBLOX Roundup: April 29, 2012</a>
                    </div>


                </div>
                <a href="http://blog.roblox.com/" class="SeeMore">See
                    More</a><img border="0" alt="See more! " src="/img/see-more.png" style="width:9px; height:9px;"
                    style="margin:0px;">

            </div>

        </div>
    </div>
</div>

<!-- left column -->

<div class="overrideColumn1c">

    <div style="margin: 5px 0; width: 550px;"><a href="/Games.aspx" class="RobloxFreeBuildingBanner"
            style="background-image: url('/img/homepage-header.jpg');"></a>
    </div>

    <div class="Content FeaturedGameBox">


        <style>
            .PlaceStatLabel {
                /* intentionally empty */
            }

            .PlaceStatValue {
                /* color: #888; */
                margin-left: 15px;
                font-weight: bold;
            }
        </style>


        <h2>Featured Free Game</h2>
        <span id="ctl00_cphRoblox_FeaturedGames1_GameName" class="placeName"><%= page.featuredGame.name %></span>
        by
        <a id="ctl00_cphRoblox_FeaturedGames1_CreatorHyperLinkNew" ref="featured-username"
            href="<%= page.featuredGame.creatorUrl %>"><%= page.featuredGame.creatorName %></a>

        <div class="FeaturedGame">
            <div class="FeaturedGameImage">
                <a id="ctl00_cphRoblox_FeaturedGames1_AssetThumbnailImage" disabled="disabled"
                    title="<%= page.featuredGame.name %> - a ROBLOX free game"
                    href="http://www.roblox.com/Game.aspx?id=<%= page.featuredGame.placeId %>"
                    style="display:inline-block;height:230px;width:420px;"><img
                        src="https://assetgame.roblox.com/Thumbs/Asset.ashx?width=420&height=230&assetId=<%= page.featuredGame.placeId %>"
                        height="230" width="420" border="0" onerror="return Roblox.Controls.Image.OnError(this)"
                        alt="<%= page.featuredGame.name %> - a ROBLOX free game" /></a>
            </div>
            <div class="FeaturedGameInfo">
                <a class="PlayThisFeaturedGame" style="background-image: url('/img/play-this.png')"
                    href="http://www.roblox.com/Game.aspx?id=<%= page.featuredGame.placeId %>"
                    title="Play this free game!" ref="featured-playthis"></a>
                <div id="LastUpdateLabelDiv" class="PlaceStatLabel">Updated:</div>
                <div id="LastUpdate" class="PlaceStatValue"><%= page.featuredGame.updated %></div>
                <div id="FavoritedLabelDiv" class="PlaceStatLabel">Favorited:</div>
                <div id="Favorited" class="PlaceStatValue"><%= numberFormat(page.featuredGame.favorites) %> times</div>
                <div id="VisitedPanelLabelDiv" class="PlaceStatLabel">Visited:</div>
                <div id="ctl00_cphRoblox_FeaturedGames1_VisitedPanel" class="Visited PlaceStatValue">
                    <%= numberFormat(page.featuredGame.visits) %> times
                </div>
            </div>
        </div>


    </div>

    <fb:like-box href="http://www.facebook.com/ROBLOX" width="543" height="65" show_faces="false" stream="false"
        header="false"></fb:like-box>

</div>

<br clear="all" />

</div>
</div>

<%- include('../footer'); %>