{% extends "base.html" %}

{% block title %}
    {{ block.super }} - Главная
{% endblock %}

{% block headerMenu %}
    {% include "headerMenu.html" with home="1" %}
{% endblock %}

{% block scripts %}
    {{ block.super }}
    <script type="text/javascript" src="/static/js/jquery.form.js"></script>
    <script type="text/javascript">
        var step = 1;

        $(document).ready(function(){
            var selects = $("select.styled");
            function getResult(){
                $("#disc_result").val('');
                $("#aj-loader").show();
                var disc_pos = $(selects[1]).val();
                if(disc_pos < 0) disc_pos = 12 - disc_pos;
                var data = {
                    csrfmiddlewaretoken: '{{csrf_token}}',
                    disc_num: $(selects[0]).val(),
                    disc_pos: disc_pos
                }
                $.ajax({
                    data: data,
                    type: "POST",
                    beforeSend: function(){
                        $("#substep_3_container").css({
                            opacity: 0
                        }).show().animate({
                            opacity: 1
                        });
                    },
                    success: function(responseText){
                        $("#aj-loader").hide();
                        if(responseText){
                            $("#disc_result").html(responseText);
                        } else {
                            $("#disc_result").val("Результат отсутствует");
                        }
                    }
                });
            }
            if("{{request.user.is_active}}" == "True"){
                $("#dom").change(function(){
                    var dom = parseInt($(selects[1]).val());
                    if(dom){
                        if(dom>0){
                            var dig = 97 - dom*15;
                        } else {
                            var dig = -83 + dom*15;
                        }
                        try {
                            $('#disc_object object')[0]._goDig(dig);
                        } catch(err){};
                        
                        try {
                            $('#disc_object')[0]._goDig(dig);
                        } catch(err){};
                        
                    }
                    if(dom) getResult();
                });
                
                $("#disc_num").change(function(){
                    var select_val = $(this).val();
                    var dom = parseInt($(selects[1]).val());
                    if(select_val <= 115){
                        select_val += "";
                        while(select_val.length < 3){
                            select_val = "0" + select_val;
                        }
                    } else {
                        select_val = $(this).find("option:selected").text();
                    }
                    try {
                        $('#disc_object object')[0]._loadDisc(select_val);
                    } catch(err){};
                    
                    try {
                        $('#disc_object')[0]._loadDisc(select_val);
                    } catch(err){};
                    if(dom) getResult();
                });
            } else {
                $("#main").click(function(e){
                    $("#dialog").dialog({
                        modal: true,
                        buttons: {
                            "Перейти к регистрации": function(){
                                window.location = "/register/"
                            },
                            "Отмена": function() {
                                $(this).dialog("close");
                            }
                        },
                        open: function(){
                            var buttons = $('.ui-dialog-buttonpane').find('button');
                            $(buttons[0]).html("Перейти к регистрации");
                            $(buttons[1]).html("Отмена");
                        }
                    });
                });
            }
        });
    </script>
{% endblock %}

{% block content %}
    <div class="left">
        <div class="accordion">
            <h3>1. Выберите номер диска</h3>
            <div class="toggler">
                <select id="disc_num" class="styled"{% if not request.user.is_active %} disabled="disabled"{% endif %}>
                    {% for disc_ in discs_ %}
                        <option value="{{disc_.0}}">{{disc_.1}}</option>
                    {% endfor %}
                </select>
            </div>
            <h3>2. Введите положение диска</h3>
            <div class="toggler">
                <select class="styled" id="dom"{% if not request.user.is_active %} disabled="disabled"{% endif %}>
                    <option value=" - " selected="selected"> - </option>
                    {% for pos in discs_positions_range %}
                        <option value="{{ pos }}">{{ pos }}</option>
                    {% endfor %}
                </select>
            </div>
            <div id="substep_3_container" style="display:none">
                <h3 id="substep_3">3. Значение</h3>
                <div class="toggler" id="result">
                    <div id="aj-loader"></div>
                    <div id="disc_result"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="sphere">
        <div id="flash">
            <div class="in">
                <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="258" height="280" id="disc_object" align="middle">
                    <param name="movie" value="/static/swf/disc.swf" />
                    <param name="quality" value="best" />
                    <param name="bgcolor" value="#000000" />
                    <param name="play" value="true" />
                    <param name="loop" value="true" />
                    <param name="wmode" value="opaque" />
                    <param name="scale" value="showall" />
                    <param name="menu" value="true" />
                    <param name="devicefont" value="false" />
                    <param name="salign" value="" />
                    <param name="allowScriptAccess" value="always" />
                    <!--[if !IE]>-->
                    <object type="application/x-shockwave-flash" data="/static/swf/disc.swf" width="258" height="280" id="disc_object">
                        <param name="movie" value="/static/swf/disc.swf" />
                        <param name="quality" value="best" />
                        <param name="bgcolor" value="#000000" />
                        <param name="play" value="true" />
                        <param name="loop" value="true" />
                        <param name="wmode" value="opaque" />
                        <param name="scale" value="showall" />
                        <param name="menu" value="true" />
                        <param name="devicefont" value="false" />
                        <param name="salign" value="" />
                        <param name="allowScriptAccess" value="always" />
                   <!--<![endif]-->
                        <a href="http://www.adobe.com/go/getflash">
                            <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                        </a>
                    <!--[if !IE]>-->
                    </object>
                    <!--<![endif]-->
                </object>
            </div>
        </div>
    </div>
    <div id="dialog" title="Требуется регистрация" style="display: none;">
        <p>Для того, чтобы воспользоваться сервисом, Вам нужно зарегистрироваться.</p>
    </div>
    
{% endblock %}