var rm_html = '';
rm_html += '';
rm_html += '<link rel="stylesheet" type="text/css" href="http://rm.proaltay.ru/protected/views/siteModule/312/style.css">';
rm_html += '<script type="text/javascript" src="http://rm.proaltay.ru/protected/views/siteModule/default/script_head.js"></script>';
rm_html += '';
rm_html += '<link href="http://rm.proaltay.ru/bootstrap/js/jquery-ui-module/jquery-ui.css" type="text/css" rel="stylesheet" media="all">';
rm_html += '<script type="text/javascript" src="http://rm.proaltay.ru/bootstrap/js/jquery-ui-module/jquery-ui.js"></script>';
rm_html += '';
rm_html += '<div class="wrapper_sevenOrderForm">';
rm_html += '';
rm_html += '    <div class="sevenResult" id="sevenResult-head" style="display: none"></div>';
rm_html += '    <div class="sevenOrderForm_main">';
rm_html += '        <form action="javascript:void(0);" method="">';
rm_html += '            <div class="hdr">';
rm_html += '                <div class="hdr-left">';
rm_html += '                    <div class="form-title">Он-лайн бронирование</div>';
rm_html += '                    <input type="hidden" id="rm-search-window" value="{rm-search-window-value}" />';
rm_html += '                </div>';
rm_html += '';
rm_html += '                <div class="hdr-right hdr-right-head">';
rm_html += '                    <div class="form-item dateInInput dateInInputHead"><h4 class="rm-search-dt1-h4" id="rm-search-dt1-h4">Дата заезда</h4><input type="hidden" class="rm-search-field-head rm-search-dt1" id="rm-search-dt1" name="dateIn" value="" /></div>';
rm_html += '                    <div class="form-item dateOutInput dateOutInputHead"><h4 class="rm-search-dt2-h4" id="rm-search-dt2-h4">Дата выезда</h4><input type="hidden" class="rm-search-field-head rm-search-dt2" id="rm-search-dt2" name="dateOut" value="" /></div>';
rm_html += '                    <div class="form-item form-item-head">';
rm_html += '                        <h4 class="up_search_inp up_search_inp_head rm-search-adch" id="rm-search-adch">Туристов: 2</h4>';
rm_html += '                        <div class="up_search_show up_search_show_head">';
rm_html += '                            <div class="wr_search_show4">';
rm_html += '                                <div class="quantity_man">';
rm_html += '                                    <div class="quantity_item">';
rm_html += '                                        <span class="minus1 minus1-head"></span>';
rm_html += '                                        <input type="text" class="rm-search-field-head rm-search-ad" id="rm-search-ad" value="Взрослых: 2" name="adults" readonly>';
rm_html += '                                        <span class="plus1 plus1-head"></span>';
rm_html += '                                    </div>';
rm_html += '                                    <div class="quantity_item">';
rm_html += '                                        <span class="minus1 minus1-head"></span>';
rm_html += '                                        <input type="text" class="rm-search-field-head rm-search-ch" id="rm-search-ch" value="Детей: 0" readonly name="childrens">';
rm_html += '                                        <span class="plus1 plus1-head"></span>';
rm_html += '                                    </div>';
rm_html += '                                </div>';
rm_html += '                            </div>';
rm_html += '                        </div>';
rm_html += '                    </div>';
rm_html += '                    <a href="" class="form-btn sevenOrderSendFormBtn rm-search-button" id="rm-search-button-head">Поиск</a>';
rm_html += '                </div>';
rm_html += '            </div>';
rm_html += '        </form>';
rm_html += '    </div>';
rm_html += '';
rm_html += '</div>';

var rm_hotel = '21';
var rm_token = 'DDfh5yGG78Gfr5';

function changeHeaderSearch2(li) {

    var object_id = li.data('id'),
        parent_block = li.parents('.form-item'),
        hidden_input = parent_block.find('.placehotelvalue'),
        h4 = parent_block.find('h4'),
        li_text = li.text();
    hidden_input.val(object_id);
    h4.text(li_text);
    h4.removeClass('error');
    parent_block.find('li').removeClass('active');
    li.addClass('active');
    parent_block.find('.search_show').toggle();
    parent_block.find('.search_inp').toggleClass('is_open');

    var id = 'rm-search-cost-' + li.data('id');

    document.getElementById(id).innerText = li.data('cost');

}

/**
 * Обработка результатов отправки заказа
 */
function processOrderResult(data, id) {

    if(data['httpErrorCode'] != undefined) {

        if(data['httpErrorMsg'] == 'busy') {
            var text = 'К сожалению кто-то уже забронировал выбранный вами номер.' + '<br />';
            text += 'Пожалуйста повторите поиск и забронируйте другой номер.';
            $('#sevenResultOrderForm' + id).html(text);
        } else {
            $('#sevenResultOrderForm' + id).html(data['httpErrorMsg']);
        }

        $('#sevenResultOrderForm' + id).css('display', 'block');

        return;
    }


    var msg = '<div class="sevenTravel_popup">';
    msg +=    '    <div class="popup-ico"></div>';
    msg +=    '    <h2>Большое спасибо за вашу заявку!</h2>';
    msg +=    '    <div class="popup-info">Номер забронирован!</div>';
    msg +=    '    <div class="popup-text">Ваш заказа №' + data['num'] + '</div>';
    msg +=    '    <div class="popup-text">Мы позвоним вам, в ближайшее время, что бы уточнить детали поездки.</div>';
    msg +=    '</div>';

    $('#rm-search-result-list').html(msg);
    $('#rm-search-result-list-body').scrollTop(0);

}

function orderRequest(obj) {

    var m = new Object();
    var id;

    $('#reserveForm' + obj.data('num') + ' .rm-order-field').each(function() {

        var field = $(this).data('field')

        if(this.type === 'checkbox') {

            if($(this).is(':checked')) {
                m[field] = 1;
            }

        } else {
            m[field] = $(this).val();
        }

        if(field == 'catid') {
            id = $(this).val();
        }

    });

    m['token'] = rm_token;

    var str = '';

    for(var key in m) {
        str += key + '=' + m[key] + '&';
    }

    var temp  = str.substr(0, str.length - 1);
    str = temp;

    var url = 'http://rm.seven.travel/extapi/order/module?';

    $.ajax({
        url: url,
        data: str,
        dataType: 'jsonp',
        jsonpCallback: 'jqueryBack',
        success: function (data) {
            processOrderResult(data, id);
        },

        error: function(data) {
            alert('error');
        },

    });

}

(function() {

    var searchResultHeader = '';

    /**
     * Флаг дочернего окна
     */
    searchResultHeader += '<div class="hotel-hdr">';
    searchResultHeader += '    <div class="hotel-hdr-item">';
    searchResultHeader += '        <div class="small-text">Дата</div>';
    searchResultHeader += '        <div class="text">с {dt1} по {dt2} </div>';
    searchResultHeader += '    </div>';
    searchResultHeader += '    <div class="hotel-hdr-item">';
    searchResultHeader += '        <div class="small-text">Кол-во гостей</div>';
    searchResultHeader += '        <div class="text">{ad} взр., {ch} дет.</div>';
    searchResultHeader += '    </div>';
    searchResultHeader += '</div>';

    var searchResultHotel = '';
    searchResultHotel += '<div class="hotel">';
    searchResultHotel += '    <form action="" method="">';
    searchResultHotel += '        <div class="sevenGallery">';
    searchResultHotel += '                    {getGallery}';

    searchResultHotel += '        </div>';
    searchResultHotel += '        <div class="descr">';
    searchResultHotel += '            <h2>{name}</h2>';
    searchResultHotel += '            <p class="text">{text}</p>';
    searchResultHotel += '            <div class="sevenPanel">';
    searchResultHotel += '                <div class="panel-r">';
    searchResultHotel += '                    <div class="small-text">Доступно {free} номера</div>';
    searchResultHotel += '                    <a href="" class="form-btn" data-num="{eid5}" onclick="toggleSubForm($(this)); return false;">Забронировать</a>';
    searchResultHotel += '                </div>';
    searchResultHotel += '                <div class="panel-l">';
    searchResultHotel += '                    <div class="small-text">{osn} осн / {dop} доп</div>';
    searchResultHotel += '                    {getFoodList}';

    searchResultHotel += '                </div>';
    searchResultHotel += '                <div class="panel-m" id="rm-search-cost-{eid1}">';
    searchResultHotel += '                    {firstfoodcost}';
    searchResultHotel += '                </div>';
    searchResultHotel += '            </div>';
    searchResultHotel += '        </div>';
    searchResultHotel += '</div>';

    var searchOrderForm = '';
    searchOrderForm += '<div class="sevenOrderForm_reserve" id="reserveForm{eid6}">';
    searchOrderForm += '    <div class="sevenResult" id="sevenResultOrderForm{eid4}" style="display: none"></div>';
    searchOrderForm += '    <h3>Забронировать</h3>';
    searchOrderForm += '    <div class="hotel-hdr">';
    searchOrderForm += '        <div class="hotel-hdr-item">';
    searchOrderForm += '            <div class="small-text">Дата</div>';
    searchOrderForm += '            <div class="text">с {dt1} по {dt2}</div>';
    searchOrderForm += '        </div>';
    searchOrderForm += '        <div class="hotel-hdr-item">';
    searchOrderForm += '            <div class="small-text">Кол-во гостей</div>';
    searchOrderForm += '            <div class="text">{ad} взр., {ch} дет.</div>';
    searchOrderForm += '        </div>';
    searchOrderForm += '    </div>';
    searchOrderForm += '    <div>';
    searchOrderForm += '        <div class="inputs-panel">';
    searchOrderForm += '            <input type="text" name="" value="" placeholder="Телефон" class="phone rm-order-field" data-field="phone"/>';
    searchOrderForm += '            <input type="text" name="" value="" placeholder="ФИО" class="pers rm-order-field" data-field="fio"/>';
    searchOrderForm += '            <input type="text" name="" value="" placeholder="Дата рождения" class="date rm-order-field" data-field="bdt"/></div>';
    searchOrderForm += '            <input type="hidden" class="rm-order-field" data-field="catid" value="{catid}" />'
    searchOrderForm += '            <input type="hidden" class="rm-order-field" data-field="dt1" value="{dt1_}" />'
    searchOrderForm += '            <input type="hidden" class="rm-order-field" data-field="dt2" value="{dt2_}" />'
    searchOrderForm += '            <input type="hidden" class="rm-order-field" data-field="ad" value="{ad_}" />'
    searchOrderForm += '            <input type="hidden" class="rm-order-field" data-field="ch" value="{ch_}" />'
    searchOrderForm += '        </div>';
    searchOrderForm += '        <textarea name="" class="rm-order-field" placeholder="Введите ваше пожелание" data-field="comment"></textarea>';
    searchOrderForm += '        <input type="checkbox" checked class="rm-order-field" data-field="personaldata_agree"/><a target="_blank" href="http://rm.seven.travel/SiteModule/agree">Согласен на обработку персональных данных</a>';
    searchOrderForm += '        <div class="btns-panel">';
    searchOrderForm += '            <a class="form-btn sevenOrderSendFormBtn sevenOrderSendFormBtnPostOrder" data-num="{eid2}" onClick="orderRequest($(this)); return false;">Забронировать</a>';
    searchOrderForm += '            <a href="" class="form-btn2" data-num="{eid3}" onClick="toggleSubForm($(this)); return false;">Отмена</a>';
    searchOrderForm += '        </div>';
    searchOrderForm += '    </div>';
    searchOrderForm += '    </form>';
    //searchOrderForm += '</div>';

    var replaceTemplates = ['{firstfoodcost}', '{eid}', '{eid2}', '{eid3}', '{eid4}', '{eid5}', '{eid6}', '{catid}', '{ad}', '{ch}', '{dt1}', '{dt2}', '{ad_}', '{ch_}', '{dt1_}', '{dt2_}', '{name}', '{text}', '{free}', '{osn}', '{dop}', '{getFoodList}', '{getGallery}'];
    var replaceValues = [];

    function buildRequestStr(m) {

        var str = '';

        for(var key in m) {
            str += key + '=' + m[key] + '&';
        }

        var temp  = str.substr(0, str.length - 1);
        str = temp;

        return str;

    }

    function getGallery(data) {

        var galleryhtml = '';
        var pics = data['pics'];

        if(pics != undefined) {

            galleryhtml += '<div class="gallery-img"><img src="' + pics.big[0] + '" id="full-image' + data['id'] + '" /></div>';

            galleryhtml += '<ul>';

            for(var i=0; (i<pics.big.length && i<4); i++) {

                galleryhtml += '<li>';

                galleryhtml += '<a onclick="gallerySmClick($(this)); return false;" data-fullsrc="' + pics.big[i] + '" data-num="' + data['id'] + '" href="">';
                galleryhtml += '<img src="' + pics.small[i] + '">';
                galleryhtml += '</a>';

                galleryhtml += '</li>';

            }

            galleryhtml += '</ul>';

        }

        return galleryhtml;

    }

    function getFoodList(data) {

        var foodhtml = '';

        var food = data['food'];

        if(food != undefined && food.length > 0) {

            foodhtml += '<div class="form-item">';
            foodhtml += '    <h4 onClick="showList($(this));">' + food[0]['food'] + '</h4>';
            foodhtml += '        <div class="search_show">';
            foodhtml += '            <input type="hidden" name="placeHeader" value="" class="placehotelvalue">';

            for(var i=0; i<food.length; i++) {
                foodhtml += '            <div class="wr_search_show1 wr_search_show2">';
                foodhtml += '                <li data-cost="' + food[i]['cost'] + '" data-id="' + data['id'] + '" onClick="changeHeaderSearch2($(this));" >' + food[i]['food'] + '</li>';
                foodhtml += '            </div>';
            }

            foodhtml += '          </div>';
            foodhtml += '</div>';
        }

        return foodhtml;

    }

    function insertTemplateData(match) {

        var rval = '';

        if (match in replaceValues) {

            rval = replaceValues[match];

        } else {

            switch (match) {
                case '{getFoodList}':
                    rval = getFoodList(replaceValues['data']);
                    break;
                case '{getGallery}':
                    rval = getGallery(replaceValues['data']);
                    break;

            }

        }

        return rval;

    }

    function processSearchResult2(data, searchModel) {

        if (data['httpErrorCode'] != undefined) {
            $('#sevenResult-head').html(data['httpErrorMsg']);
            $('#sevenResult-head').css('display', 'block');
            return;
        }

        replaceValues['{ad}'] = searchModel.ad;
        replaceValues['{ch}'] = searchModel.ch;
        replaceValues['{dt1}'] = searchModel.dt1;
        replaceValues['{dt2}'] = searchModel.dt2;
        replaceValues['{ad_}'] = searchModel.ad;
        replaceValues['{ch_}'] = searchModel.ch;
        replaceValues['{dt1_}'] = searchModel.dt1;
        replaceValues['{dt2_}'] = searchModel.dt2;

        var html = '';
        var searchResultHeader2 = searchResultHeader;

        for(var i=0; i<replaceTemplates.length; i++) {
            searchResultHeader2 = searchResultHeader2.replace(replaceTemplates[i], insertTemplateData);
        }

        html += searchResultHeader2;

        if(data.length > 0) {
            for(var i=0; i<data.length; i++) {

                var srh = searchResultHotel;
                replaceValues['{name}'] = data[i]['name'];
                replaceValues['{text}'] = data[i]['text'];
                replaceValues['{free}'] = data[i]['rooms'].length;
                replaceValues['{osn}'] = data[i]['osn'];
                replaceValues['{dop}'] = data[i]['dop'];
                replaceValues['data'] = data[i];
                replaceValues['{firstfoodcost}'] = '';

                var food = data[i]['food'];
                if(food != undefined && food.length > 0) {
                    replaceValues['{firstfoodcost}'] = food[0]['cost'];
                }

                for(var j=0; j<replaceTemplates.length; j++) {
                    replaceValues['{eid1}'] = data[i]['id'];
                    replaceValues['{eid2}'] = data[i]['id'];
                    replaceValues['{eid3}'] = data[i]['id'];
                    replaceValues['{eid4}'] = data[i]['id'];
                    replaceValues['{eid5}'] = data[i]['id'];
                    replaceValues['{eid6}'] = data[i]['id'];
                    replaceValues['{catid}'] = data[i]['id'];
                    srh = srh.replace(replaceTemplates[j], insertTemplateData);
                }

                html += srh;

                var sof = searchOrderForm;
                for(var x=0; x<replaceTemplates.length; x++) {
                    sof = sof.replace(replaceTemplates[x], insertTemplateData);
                }

                html += sof;

            }
        } else {
            html += '<div class="sevenTravel_popup">';
            html += '    <h2>К сожалению, по запрашиваемым вами параметрам ничего не найдено.</h2>';
            html += '    <div class="popup-info">Возможно вам стоит повторить поиск с другими условиями</div>';
            html += '</div>';
        }

        $('#rm-search-result-list-body').remove();
        var resultHtml = '';
        resultHtml += '<div class="wrapper_sevenOrderForm" id="rm-search-result-list-body">';
        resultHtml += '    <div class="sevenOrderForm_hotel" id="rm-search-result">';
        resultHtml += '        <div class="int" id="rm-search-result-list">';
        resultHtml += html;
        resultHtml += '        </div>';
        resultHtml += '    </div>';
        resultHtml += '</div>';

        $('body').append(resultHtml);

        var height =  window.innerHeight - (window.innerHeight/10);
        var width =  window.innerWidth - (window.innerWidth/10);

        $('#rm-search-result-list-body').append('<div class="rmlink"><a href="http://rmhotel.ru" target="_blank">Бесплатный модуль бронирования на ваш сайт. rmhotel.ru</a></div>');

        $('#rm-search-result-list-body').dialog({
            height : height,
            width : width
        });

        $('.inputs-panel .phone').mask("+7(999)999-99-99",{placeholder:"_"});
        $(".wrapper_sevenOrderForm .date").mask("99.99.9999",{placeholder:"дд.мм.гггг"});

    }

    document.write(rm_html);

    $('#rm-search-result').css('display', 'none');
    $('#rm-order-form').css('display', 'none');
    $('#rm-search-msg').css('display', 'none');

    $(document).ready(function() {

        $('#rm-search-button-head').on('click', function() {

            var m = new Object();

            $('.rm-search-field-head').each(function() {

                var field = $(this).attr('id');

                if((field.indexOf('-ad') > 0) || (field.indexOf('-ch') > 0)) {

                    var valStr = $(this).val();
                    m[field.substr(10)] = valStr.substr(valStr.indexOf(':') + 2);

                } else {
                    m[field.substr(10)] = $(this).val();
                }

            });

            m['hotel'] = rm_hotel;
            m['token'] = rm_token;

            var str = buildRequestStr(m);

            var url = 'http://rm.seven.travel/extapi/find/pics?';

            $.ajax({
                url: url,
                data: str,
                dataType: 'jsonp',
                jsonpCallback: 'jqueryBack',
                success: function (data) {
                    processSearchResult2(data, m);
                },

                error: function(data) {
                    processSearchResult2(data, m);
                },

            });

        });

    });


})( window );