function initScroll(scrol_wrap ,position, size, next_button, prev_button){
    $(scrol_wrap).scrollable({
        vertical: position,
        size: size,
        clickable: false,
        next: next_button,
        prev: prev_button

    });
}

$(function (){
    Cufon.replace('.chotel_title',{color: '#3c3c3c'});
    Cufon.replace('#content1>h1',{color: '#3c3c3c'});
    Cufon.replace('div.nal',{color: '#ff5600'});
    Cufon.replace('div.guest',{color: '#3c3c3c'});

    initScroll("#hotel_photo_list", false, 5, "#hotel_photo_next", "#hotel_photo_prev");
    initScroll("#cardhotel_photo_list", false, 7, "#cardhotel_photo_next", "#cardhotel_photo_prev");
    

    $('a.photo').fancybox({
        'frameWidth':400,
        'frameHeight':300,
        'padding':0,
        'overlayOpacity':0.4,
        'overlayColor': '#000'
    });
    
    $('a.show_maps').fancybox({
        'hideOnContentClick': false,
        'frameWidth':500,
        'frameHeight':400
    });

    $('a.enter_link').fancybox({
        'hideOnContentClick': false,
        'frameWidth':280,
        'frameHeight':265,
        'padding':0
    });

  



    /**
     * Слайдер номера
     **/

    $('#rooms_slider').slider({range: true,values: [2000, 8500],min:2000, max: 10000, step: 100});

    $('#rooms_slider_val1').css('left','0%');
    $('#rooms_slider_val1').html(2000);
    $('#rooms_slider_min_c').attr('value', 2000);


    $('#rooms_slider_val2').css('left','80%');
    $('#rooms_slider_val2').html(8500);
    $('#rooms_slider_max_c').attr('value', 8500);

    $('#rooms_slider').bind('slide', function(event, ui) {
        if ( ui.value >= $('#rooms_slider').slider( 'option' , 'min') && ui.value < ui.values[1])
        {
            $('#rooms_slider_val1').css('left',(parseFloat(ui.handle.style.left)-16)+'%');
            $('#rooms_slider_val1').html(ui.value);
            $('#rooms_slider_min_c').attr('value', ui.value);
        }else{
            $('#rooms_slider_val2').css('left',(parseFloat(ui.handle.style.left)+1)+'%');
            $('#rooms_slider_val2').html(ui.value);
            $('#rooms_slider_max_c').attr('value', ui.value);
        }
    });

    $('#rooms_slider').bind('slidechange', function(event, ui) {
        if ( ui.value >= $('#rooms_slider').slider( 'option' , 'min') && ui.value < ui.values[1])
        {
            $('#rooms_slider_val1').css('left',(parseFloat(ui.handle.style.left)-16)+'%');
            $('#rooms_slider_val1').html(ui.value);
            $('#rooms_slider_min_c').attr('value', ui.value);
        }else{
            $('#rooms_slider_val2').css('left',(parseFloat(ui.handle.style.left)+1)+'%');
            $('#rooms_slider_val2').html(ui.value);
            $('#rooms_slider_max_c').attr('value', ui.value);
        }
        if (document.location.pathname != '/')
        findRoomsub();
    });

    /*
     *
     *  *
     *
     ***/

    $('#rooms_slider1').slider({range: true,values: [2000, 10000],min:2000, max: 10000, step: 100});

    $('#rooms_slider_val11').css('left','0%');
    $('#rooms_slider_val11').html(2000);
    $('#rooms_slider_min_cc').attr('value', 2000);


    $('#rooms_slider_val22').css('left','80%');
    $('#rooms_slider_val22').html(10000);
    $('#rooms_slider_max_cc').attr('value', 10000);

    $('#rooms_slider1').bind('slide', function(event, ui) {
        if ( ui.value >= $('#rooms_slider1').slider( 'option' , 'min') && ui.value < ui.values[1])
        {
            $('#rooms_slider_val11').css('left',(parseFloat(ui.handle.style.left)-16)+'%');
            $('#rooms_slider_val11').html(ui.value);
            $('#rooms_slider_min_cc').attr('value', ui.value);
        }else{
            $('#rooms_slider_val22').css('left',(parseFloat(ui.handle.style.left)+1)+'%');
            $('#rooms_slider_val22').html(ui.value);
            $('#rooms_slider_max_cc').attr('value', ui.value);
        }
    });



    $('#rooms_slider1').bind('slidechange', function(event, ui) {
        if (document.location.pathname != '/')
        findRoomsub();
    });


/**
 *
 *
 *
 *
 **/
  /**
     * Слайдер залы
     **/

    $('#halls_slider').slider({range: true,values: [1000, 1500],min:500, max: 2000,step: 100});

    $('#halls_slider').bind('slide', function(event, ui) {
        if ( ui.value >= $('#halls_slider').slider( 'option' , 'min') && ui.value < ui.values[1])
        {
            $('#halls_slider_val1').css('left',(parseFloat(ui.handle.style.left)-16)+'%');
            $('#halls_slider_val1').html(ui.value);
            $('#halls_slider_min_c').attr('value', ui.value);
        }else{
            $('#halls_slider_val2').css('left',(parseFloat(ui.handle.style.left)+1)+'%');
            $('#halls_slider_val2').html(ui.value);
            $('#halls_slider_max_c').attr('value', ui.value);
        }
    });
	
	 $('#halls_slider').bind('slidechange', function(event, ui) {
        if ( ui.value >= $('#halls_slider').slider( 'option' , 'min') && ui.value < ui.values[1])
        {
            $('#halls_slider_val1').css('left',(parseFloat(ui.handle.style.left)-16)+'%');
            $('#halls_slider_val1').html(ui.value);
            $('#halls_slider_min_c').attr('value', ui.value);
        }else{
            $('#halls_slider_val2').css('left',(parseFloat(ui.handle.style.left)+1)+'%');
            $('#halls_slider_val2').html(ui.value);
            $('#halls_slider_max_c').attr('value', ui.value);
        }
    });



    $('#halls_slider_val1').css('left','20%');
    $('#halls_slider_val1').html(1000);
    $('#halls_slider_min_c').attr('value', 1000);


    $('#halls_slider_val2').css('left','60%');
    $('#halls_slider_val2').html(1500);
    $('#halls_slider_max_c').attr('value', 1500);

    $('#hallss_slider').slider({range: true,values: [1000, 1500],min:500, max: 2000, step: 100});

    $('#hallss_slider_val1').css('left','20%');
    $('#hallss_slider_val1').html(1000);
    $('#hallss_slider_min_c').attr('value', 1000);


    $('#hallss_slider_val2').css('left','60%');
    $('#hallss_slider_val2').html(1500);
    $('#hallss_slider_max_c').attr('value', 1500);

    $('#hallss_slider').bind('slide', function(event, ui) {
        if ( ui.value >= $('#hallss_slider').slider( 'option' , 'min') && ui.value < ui.values[1])
        {
            $('#hallss_slider_val1').css('left',(parseFloat(ui.handle.style.left)-16)+'%');
            $('#hallss_slider_val1').html(ui.value);
            $('#hallss_slider_min_c').attr('value', ui.value);
        }else{
            $('#hallss_slider_val2').css('left',(parseFloat(ui.handle.style.left)+1)+'%');
            $('#hallss_slider_val2').html(ui.value);
            $('#hallss_slider_max_c').attr('value', ui.value);
        }
    });


    $('#hallss_slider').bind('slidechange', function(event, ui) {
        if ( ui.value >= $('#hallss_slider').slider( 'option' , 'min') && ui.value < ui.values[1])
        {
            $('#hallss_slider_val1').css('left',(parseFloat(ui.handle.style.left)-16)+'%');
            $('#hallss_slider_val1').html(ui.value);
            $('#hallss_slider_min_c').attr('value', ui.value);
        }else{
            $('#hallss_slider_val2').css('left',(parseFloat(ui.handle.style.left)+1)+'%');
            $('#hallss_slider_val2').html(ui.value);
            $('#hallss_slider_max_c').attr('value', ui.value);
        }      
    });

//*
//
//*///

    if (document.getElementById('room_calendar_l'))
        $('#room_calendar_l').datepicker({
            doneButtonText: 'Готово',
            dateFormat: 'dd.mm.y',
            dayNames:['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
            dayNamesMin:['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
            monthNames:['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
            firstDay: 1,
            onSelect: function(datetext, inst){

                var min_date = new Date($('#room_calendar_l').datepicker('getDate'));
                min_date = min_date.setDate((min_date.getDate()+1));

                $('#room_calendar_r').datepicker('option', 'minDate', new Date(min_date));
                if (document.location.pathname != '/') findRoomsub();
            }
        });

    if (document.getElementById('room_calendar_r'))
        $('#room_calendar_r').datepicker({
            doneButtonText: 'Готово',
            dateFormat: 'dd.mm.y',
            dayNames:['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
            dayNamesMin:['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
            monthNames:['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
            firstDay: 1,
            onSelect: function(datetext, inst){

                var max_date = new Date($('#room_calendar_r').datepicker('getDate'));
                max_date = max_date.setDate((max_date.getDate()-1));

                $('#room_calendar_l').datepicker('option', 'maxDate', new Date(max_date));
                if (document.location.pathname != '/') findRoomsub();
            }
        });

    if (document.getElementById('room_calendar1'))
        $('#room_calendar1').daterangepicker({
            presetRanges: [],
            presets: {dateRange: "Диапозон дат"},
            rangeStartTitle: 'Дата въезда',
            rangeEndTitle: 'Дата отъезда',
            doneButtonText: 'Готово',
            dateFormat: 'dd.mm.y',

            datepickerOptions:{
                dayNames:['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
                dayNamesMin:['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
                monthNames:['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
                firstDay: 1
            }
        });



    $('div.select').live('click', function(){
        $(this).find('.select_items').toggle();
    });


    $('div.select li').live('click', function(){
       var select_val = $(this).text();
       var parent_div = $(this).parents('div.select').find('span');
       $(this).parents('div.select').find('input').attr('value', $(this).attr('id'));
       $(this).parents('div.select').find('div.select_items').hide();
       $(parent_div).html(select_val);

       findRoomsub();
       

    });

    $('div.select_items ul li').live('mouseover', function(){
       $(this).attr('class','hover');
    });

    $('div.select_items ul li').live('mouseout', function(){
       $(this).attr('class','');
    });


    $('a.addbron').live('click', function (){
       //$('.result_search .rightorder').css('display','block');

       $('#rightorderwr').css('display','block');
       $('#order_final').html('<img src="/bitrix/templates/usta_inner/preloader.gif" alt=""/>');

       var room = eval($(this).attr('id'));

       $.ajax({
           type: "POST",
           url: "/reserv/",
           data: 'data='+$.json.encode(room)+'&storeroom=1',
           success: function(msg){
             $('#order_final').html(msg);
           }
        });


       // Сделать отправку выбранной комнаты на сервер с последующим запоминанием в сессии
    });

    $('input.count_p').live('keyup', function(){
        var val = parseInt($(this).attr('value'));
        if (val > 200) val = 200;
        if (val < 0) val = 1;

        if (isNaN(val)) val = 1;
        $(this).attr('value', val);

    });
});


function rightorder(vis)
{
    if (vis)
        $('.result_search .rightorder').show();
    else
        $('.result_search .rightorder').hide();
}

function toggleHalls(idHall, obj)
{
    var vis = $('#'+idHall).css('display') == 'none' ? 'block' : 'none';

    $('#'+idHall).css('display', vis);

    obj.innerHTML = ( vis == 'none') ? 'Посмотреть залы' : 'Скрыть залы';

}

function toggleSit(idSit, obj)
{
    var vis = $('#'+idSit).css('display') == 'none' ? 'block' : 'none';

    $('#'+idSit).css('display', vis);

    obj.innerHTML = ( vis == 'none') ? 'Показать варианты рассадки' : 'Скрыть варианты рассадки';

}

var lastc = 0;

function addRoomsType(cnt, list, obj){
    if (!cnt) cnt = 5;

    if (cnt > 10 && obj) {
        cnt = 10;
        obj.value = 10;
    }

    if (cnt <= 0 && obj) {
        cnt = 1;
        obj.value = 1;
    }


    if ( (lastc - cnt) > 0 ) {delRoomsType(cnt); return;}

	if (lastc) start  = lastc; else start = 0;
	
    for (var i = start; i<parseInt(cnt); i++)
    {

        var vzde = '<TABLE cellspacing="0" align="center" width="90%">'+
                        '<TR>'+
				'<TD align="center"><span class="bron_miniinp">Взрослых</span></TD>'+
				'<TD align="center"><span class="bron_miniinp">Детей</span></TD>'+
			'</TR>'+
        		'<TR>'+
				'<TD align="center"><span class="bron_miniinp"><input type="text" value="1" name="roomtypes[2]['+lastc+']" onchange="findRoomsub();"></span></TD>'+
				'<TD align="center"><span class="bron_miniinp"><input type="text" value="0" name="roomtypes[3]['+lastc+']" onchange="findRoomsub();"></span></TD>'+
			'</TR>'+
		    '</TABLE>';


        $('#rooms_cols').append('<div class="rblock" ><div class="r"><p id="roomtypes'+(lastc+1)+'_ready">'+(lastc+1)+'. Тип номера</p>'+insertSelect('roomtypes[0]['+lastc+']', list)+'<INPUT TYPE="checkbox" NAME="roomtypes[1]['+lastc+']" value="1" onclick="findRoomsub();"> Номер для курящих</div>'+vzde+'</div>');
        lastc++;
    }
}

function delRoomsType(cnt){
	var end = lastc-parseInt(cnt);

    for (var i = 0; i<end; i++)
    {
        $('#rooms_cols div.rblock:last').remove();
        lastc--;
    }
}

function insertSelect(fname, list)
{

    var lis = '';

    for (var i in list)
    {
        lis += '<li id="'+list[i].id+'">'+list[i].type+'</li>';
    }

    var sel =
        '<div class="select">'+
            '<input type="hidden" name="'+fname+'" value="'+list[0].id+'"/>'+
            '<div><span>'+list[0].type+'</span></div>'+

            '<div class="select_items">'+
                '<ul class="select_items">'+
                    lis+
                '</ul>'+
            '</div>'+

        '</div>';

    return sel;
}


function findRoomsub(){
	
    if (document.getElementById('findroom') && document.getElementById('roomtypes1_ready'))
    {
        showRoomPreloader();
        $('#findroom').ajaxSubmit({
            success:  function(r){
                showRoomPreloader();
                $('#findroomresult').html(r);

            },
            semantic: true
        });
    }
}





function showRoomPreloader(){
    var w = $('#findroom div.rform').innerWidth();
    var h = $('#findroom div.rform').innerHeight()+100;

    var pos = $('#findroom div.rform').offset();
    var a = $('<div id="preloader"><img class="bg" src="/bitrix/templates/usta_inner/preload_bg.png" width="319" height="183"/><img class="preloader" src="/bitrix/templates/usta_inner/preloader.gif" width="32" height="32"/></div>');
    // Проверим создан ли див?
    if (!$('#preloader').length){
        a.appendTo(document.body);
    }

    $('#preloader').toggle();
    $('#preloader').css({'top':(pos.top-120)+'px', left:pos.left+'px', 'width':w+'px', 'height':h+'px'});
    $('#preloader img.bg').css({'position':'absolute', 'top':(Math.round(h/2)-92)+'px','left':(Math.round(w/2)-160)+'px'});
    $('#preloader img.preloader').css({'position':'absolute', 'top':(Math.round(h/2)-16)+'px','left':(Math.round(w/2)-16-80)+'px'});

}


function changeTab(num){
    if (num == 1)
    {
        $('#frame1').show();
        $('#frame2').hide();
        if (!$('div.hotel').hasClass('tab'))
            $('div.hotel').addClass('tab');
        $('div.conf').removeClass('tab1');
        $('div.conf').removeClass('tab');
    }else{
        $('#frame1').hide();
        $('#frame2').show();
        $('div.hotel').removeClass('tab');
        $('div.conf').addClass('tab');
        $('div.conf').addClass('tab1');
    }

}


function insMap(obj, mar){
    var markers=new Array();
    var marr=new Array();
    markers[1]={id:1,x:mar.lat,y:mar.lon-0.0008,html:mar.url};
    var country=1;

    var baseIcon = new GIcon();
    baseIcon.shadow = "";
    baseIcon.iconSize = new GSize(70, 78);
    baseIcon.iconAnchor = new GPoint(0, 78);
    baseIcon.infoWindowAnchor = new GPoint(9, 34);
    baseIcon.infoShadowAnchor = new GPoint(9, 34);



     if (GBrowserIsCompatible()) {
         var map = new GMap2(document.getElementById(obj));
         map.setCenter(new GLatLng(mar.lat, mar.lon), 16);

        var point1 = new GLatLng(markers[1].x, markers[1].y);
         marr[1] = createMarker(point1, 1, markers[1].html);
         map.addOverlay(marr[1]);
     }

    function createMarker(point, index, html) {
        var letteredIcon = new GIcon(baseIcon);
        letteredIcon.image = mar.image;

        markerOptions = { icon:letteredIcon };
        var marker = new GMarker(point, markerOptions);

        if (country) {
        GEvent.addListener(marker, "click", function() {
        document.location=html;
        });

        } else {
        GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(html);
        });
        }
        return marker;
    }

}