{header}
<div class="column_main">
    <div class="column_main_head">
        <div class="decor">
            <h1>{l_activate_super_powers_title_page}</h1>
            <div class="cl"></div>
        </div>
    </div>
    <div class="column_main_cont">
        <div class="activate_main_page <!-- begin_no_features -->no_features<!-- end_no_features -->">
            <!-- begin_feature_3d_city -->
            <div class="item6">
                <strong>{l_3dcity_a_wonderful_live_experience}</strong>
                <p>{l_chat_with_your_friends_and_meet_new_people_in_a_real_3d_environment}</p>
            </div>
            <!-- end_feature_3d_city -->
            <!-- begin_feature_encounters -->
            <div class="item1">
                <strong>{l_encounters_find_out_who_wants_to_meet_you}</strong>
                <p>{l_get_the_encounters_folder_to_find}</p>
            </div>
            <!-- end_feature_encounters -->
            <!-- begin_feature_chat_with_popular_users -->
            <div class="item2">
                <strong>{l_chat_with_popular_users}</strong>
                <p>{l_get_exclusive_access_to_popular_people}</p>
            </div>
            <!-- end_feature_chat_with_popular_users -->
            <!-- begin_feature_invisible_mode -->
            <div class="item3">
                <strong>{l_invisible_mode}</strong>
                <p>{l_view_other_members_profiles_invisibly}</p>
            </div>
            <!-- end_feature_invisible_mode -->
            <!-- begin_feature_special_delivery -->
            <div class="item4">
                <strong>{l_special_delivery}</strong>
                <p>{l_get_all_your_messages_read_first}</p>
            </div>
            <!-- end_feature_special_delivery -->
            <!-- begin_feature_extended_search -->
            <div class="item5">
                <strong>{l_extended_search}</strong>
                <p>{l_look_for_your_perfect_match_using_our_extended_search_feature}</p>
            </div>
            <!-- end_feature_extended_search -->

            <!-- begin_feature_upload_image_chat_paid -->
            <div class="item10">
                <strong>{l_upload_image_chat_paid}</strong>
                <p>{l_upload_image_chat_paid_desc}</p>
            </div>
            <!-- end_feature_upload_image_chat_paid -->

            <!-- begin_feature_profile_visitors_paid -->
            <div class="item9">
                <strong>{l_profile_visitors_paid}</strong>
                <p>{l_profile_visitors_paid_desc}</p>
            </div>
            <!-- end_feature_profile_visitors_paid -->

            <!-- begin_feature_audiochat -->
            <div class="item7">
                <strong>{l_audiochat}</strong>
                <p>{l_want_to_have_long_phone}</p>
            </div>
            <!-- end_feature_audiochat -->
            <!-- begin_feature_videochat -->
            <div class="item8">
                <strong>{l_videochat}</strong>
                <p>{l_chat_with_your_friends_using_the_webcam}</p>
            </div>
            <!-- end_feature_videochat -->

			<!-- begin_feature_live_streaming -->
			<div class="item11">
				<strong>{l_live_streaming}</strong>
                <p>{l_live_streaming_desc}</p>
			</div>
			<!-- end_feature_live_streaming -->
        </div>
        <!-- begin_super_powers_activate -->
        <a id="super_powers_activate" onclick="Profile.openPlanSP(); return false;" class="btn_green_star_ico" href="">{l_activate_super_powers}</a>
        <!-- end_super_powers_activate -->
        <!-- begin_super_powers_activated -->
        <script>
            $(function(){
                $('#super_powers_active_till').show();
                <!-- begin_response_superpowers_activated -->
                Profile.openDoneSP();
                <!-- end_response_superpowers_activated -->
            })
        </script>
        <!-- end_super_powers_activated -->
        <div id="super_powers_active_till">
            <img src="{url_tmpl_main}images/lighting.png"></img>
            <span>{super_powers_active_till}<span>
        </div>
    </div>
</div>
<div class="column_narrow">
    {profile_column_narrow}
</div>
<!-- popup -->
<script>
    var pays=new Array();
    <!-- begin_pay_enabled_item -->
    pays[{plan_key}]=new Array({pays_enabled});
    <!-- end_pay_enabled_item -->

    $(function(){
        $("#item_plan").change(function(){
            var planKey=$(this).val();
            var enabledPays=pays[planKey];
            var needNewSelect=false;

            $("#item_pay").prev().find('li').each(function(){
                var hide=true;
                var currentLi=$(this).text();
                $.each(enabledPays,function(){
                    if(this==currentLi){
                        hide=false;
                        return false;
                    }
                });
                if(hide==true){
                    $(this).hide();
                    if(currentLi==$("#item_pay :selected").text()){
                        needNewSelect=true;
                    }
                } else {
                    $(this).show();
                }
            });

            if(needNewSelect==true){
                $("#item_pay").prev().find('li').each(function(){
                    if($(this).css("display")!=="none"){
                        $(this).click();
                        return false;
                    }
                });
            }

        });
    });

    $(document).ready(function(){
        var paysTitle=new Array();
        $("#item_pay option").each(function(){
            var id=$(this).attr('value');
            var name=this.text;
            paysTitle[id]=name;
        });
        $("#item_plan").change();

    });


</script>
<div id="pp_sp_plan" class="popup pp_activate" style="display:none;">
    <div class="head">
        <strong>{l_activate_super_powers}</strong>
        <a onclick="Profile.closePlanSP(); return false;" class="icon_close" href=""></a>
    </div>
    <div class="cont star sp_plan">
        <div class="frm select_var2">
            <table>
                <tr>
                    <td><label>{l_choose_package}</label></td>
                    <td>
                        <select id="item_plan" class="styled item_plan">
                        <!-- begin_payment_item_old -->
                        <option value="{item}">{item_name}</option>
                        <!-- end_payment_item_old -->
                        </select>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td style="padding-top: 10px;">
                        <select id="item_pay" class="styled item_system">
                        <!-- begin_payment_system -->
                        <option value="{system}">{system_name}</option>
                        <!-- end_payment_system -->
                        </select>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="foot">
        <input onclick="Profile.processPlanSP($(this), '{request_uri}'); return false;" type="button" class="btn green fl_right" value="{l_activate}" />
        <img class="have_credits_loader" src="{url_tmpl_main}images/loader_small_clear.gif">
    </div>
</div>

<div id="pp_sp_done" class="popup pp_activate" style="display:none;">
    <div class="head">
        <strong>{l_activate_super_powers}</strong>
        <a onclick="Profile.closeDoneSP(); return false;" class="icon_close" href="#"></a>
    </div>
    <div class="cont star sp_plan">
        <div class="txt">{l_your_super_powers_will_be_activated_shortly}</div>
    </div>
    <div class="foot">
        <input onclick="Profile.processDoneSP(); return false;" type="button" class="btn green fl_right" value="{l_done}" />
    </div>
</div>

<div id="pp_sp_error" class="popup pp_activate sp_plan" style="display:none;">
    <div class="head">
        <strong>{l_activate_super_powers}</strong>
        <a onclick="Profile.closeErrorSP(); return false;" class="icon_close" href="#"></a>
    </div>
    <div class="cont sp_plan">
        <div class="txt">{l_seems_there_problem_payment_processor}</div>
    </div>
    <div class="foot">
        <input onclick="Profile.processErrorSP(); return false;" type="button" class="btn green fl_right" value="{l_done}" />
    </div>
</div>
<!-- /popup -->
{footer}