<div id='ds_search_box' style='padding-top:25px;'></div>	
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><link type="text/css" rel="stylesheet" href="/booking/css/style3.css"/>
    <link type="text/css" rel="stylesheet" href="/booking/css/ply.css"/>
    <link type="text/css" rel="stylesheet" href="/booking/css/ply.css"/>
      <link type="text/css" rel="stylesheet" href="/booking/css/dsform.css"/> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"/>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="/booking/js/ply.min.js" type="text/javascript"></script>
<script src="/booking/js/ctws_front.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
 <!-- <script src="https://code.jquery.com/jquery-1.12.4.js"></script>-->
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script>
    $ = jQuery;
     jQuery(document).ready(function(){
                                    
    jQuery.ajax({
        url: '/booking/hotel2/ds_search_form_left.php',
        dataType: 'html',
        async: false,
        error: function(){
            alert("Error In Loading");
        },
        success: function(data){
            jQuery('#ds_search_box').html(data);
        },
    });
    });
     
    function frontajaxFormSubmit(paramlist_form){
    if(paramlist_form=="bookform" ){
        if($('#datef').val()=='Check In Dummy Don\'t use'){
            Ply.dialog("alert",err_checkin);
            return false;
        }
        if($('#datef1').val()=='Check Out Dummy Don\'t use'){
            Ply.dialog("alert",err_checkout);
            return false;
        }
        if($('#nights').val()==0){
            Ply.dialog("alert",err_nights);
            return false;
        }
        if($('#rooms').val()==0){
            Ply.dialog("alert",err_rooms);
            return false;
        }
		// if($('#hotel_id').val()==0){
  //           Ply.dialog("alert","please select hotel");
  //           return false;
  //       }
        // if($('#hotel_id').val()==""){
        //     Ply.dialog("alert","please select hotel");
        //     return false;
        // }
        var wdate = $('#datef').val();
        var wdate1= $('#datef1').val();
        var dateFirst = wdate.split('/');
        var dateSecond = wdate1.split('/');
        var firstdate1 = dateFirst[2]+','+dateFirst[1]+','+dateFirst[0];
        var firstdate2 = dateSecond[2]+','+dateSecond[1]+','+dateSecond[0];
        var oneDay = 24*60*60*1000; // hours*minutes*seconds*milliseconds   
        var firstDate = new Date(firstdate1);
        var secondDate = new Date(firstdate2);
        var diffDays = Math.round((secondDate.getTime()-firstDate.getTime())/(oneDay));

        if ((diffDays)<=0){
            Ply.dialog("alert",err_departureOverArrival);
            return false;
        }
        for(var i=1;i<=$('#rooms').val();i++){
            //if($('#adults'+i).val()==0){
            if($('[name="room_adult['+i+']"]').val()==0){
                Ply.dialog("alert",err_adultForRoom+i+" !!!");
                return false;
            }
        }
//      $('html, body').animate({scrollTop:$('#right_column').offset()}, 'slow');
    }
    //var params = $('#'+paramlist_form).serialize();
    //$(".dropdown-toggle").removeClass("close-sh");
    //$("#search-panel").hide();
  //openPagePost(params);
  //if(paramlist_form=="bookform" || paramlist_form=="hotel_sort" || paramlist_form=="book_frm"){
    //ajaxSidebar();
  //}
  //var params = $('#'+paramlist_form).serialize();
  
  $("#"+paramlist_form).submit();
}
    </script>
    <script>
    function monthconversion(month){
    if(month != '' || month != 'undefined' || month != 'null'){
      switch(month){
        case '1':
        case '01': return 'JAN'; break;
        case '2':
        case '02': return 'FEB'; break;
        case '3':
        case '03': return 'MAR'; break;
        case '4':
        case '04': return 'APR'; break;
        case '5':
        case '05': return 'MAY'; break;
        case '6':
        case '06': return 'JUN'; break;
        case '7':
        case '07': return 'JUL'; break;
        case '8':
        case '08': return 'AUG'; break;
        case '9':
        case '09': return 'SEP'; break;
        case '10': return 'OCT'; break;
        case '11': return 'NOV'; break;
        case '12': return 'DEC'; break;

      }
    }
  }
  function checkinchangeDate(calender_id,change,second_calender_id){
    if(calender_id != 'null' || calender_id != 'undefined' || calender_id != ''){
      if(second_calender_id != 'null' || second_calender_id != 'undefined' || second_calender_id != ''){
        var date1 = $('#'+calender_id).datepicker('getDate');
        if(change != 'null' || change != 'undefined' || change != ''){
          $('#'+second_calender_id).datepicker('setDate', date1);
          if(change == '1') date1.setDate(date1.getDate() + 1);
          else if(change == '-1') date1.setDate(date1.getDate() - 1);
         
          $( '#'+calender_id ).datepicker( "option", "defaultDate", date1 );
          $( '#'+calender_id ).val( date1.getDate() );
          var datef = $.datepicker.formatDate('dd/mm/yy', date1);
          $('#datef').val(datef);
          var getVal = $("#datef").val();
          var checkin = getVal;
          getValArr = getVal.split('/');
          $('#date1d').val(getValArr[0]); 
          $('#date1m').val(getValArr[2]+getValArr[1]);
          $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
          //$('#checkin_year').html(getValArr[2]);

          $( "#"+second_calender_id ).datepicker( "option", "minDate", datef);
          var date2 = $( "#"+second_calender_id ).datepicker('getDate');
          date2.setDate(date1.getDate() + 7);
          $('#'+second_calender_id).datepicker('setDate', date2);
          $( "#"+second_calender_id ).datepicker( "option", "defaultDate", date2);
          $( "#"+second_calender_id ).val( date2.getDate() );
          date2 = $.datepicker.formatDate('dd/mm/yy', date2);
          
          $( "#datef1" ).val( date2 );
          var getVal = $("#datef1").val();
          var checkout = getVal;
          getValArr = getVal.split('/');
          $('#date2d').val(getValArr[0]); 
          $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
         // $('#checkout_year').html(getValArr[2]);
          var diff = dateDifference(checkin,checkout);
          $('#nights').val(diff);
        }
      }
    }
  }
 
  function checkoutchangeDate(calender_id,change,second_calender_id){
    if(calender_id != 'null' || calender_id != 'undefined' || calender_id != ''){
      if(second_calender_id != 'null' || second_calender_id != 'undefined' || second_calender_id != ''){
        var date2 = $('#'+calender_id).datepicker('getDate');
        if(change != 'null' || change != 'undefined' || change != ''){
          if(change == '1') date2.setDate(date2.getDate() + 1);
          else if(change == '-1') date2.setDate(date2.getDate() - 1);
         
          $( '#'+calender_id ).datepicker( "option", "defaultDate", date2 );
          $( '#'+calender_id ).val( date2.getDate() );
          var datef1 = $.datepicker.formatDate('dd/mm/yy', date2);
          $('#datef1').val(datef1);
          var getVal = $("#datef1").val();
          var checkout = getVal;
          getValArr = getVal.split('/');
          $('#date2d').val(getValArr[0]); 
          $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
          
          var getVal = $("#datef").val();
          var checkin = getVal;
          getValArr = getVal.split('/');
          $('#date1d').val(getValArr[0]); 
          $('#date1m').val(getValArr[2]+getValArr[1]);
           $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
          var diff = dateDifference(checkin,checkout);
          $('#nights').val(diff);
        }
      }
    }
  }


  // new code start
    var sale_room='';
                 var sale_price='';
                 var stop_room='';
                 //var Proom_date='';
                 var fast_date='';
                 var lst_date='';
                 var hoffer_date='';
                 var roomFill='';
                
                var stop_room;
              $.ajax({
                    url : "https://marismarehotels.com/../booking/data_json.php",
                    type : "POST",
                    async:false,
                    //data : data,
                    dataType : 'json',
                    headers: {
                'X-Requested-With': 'XMLHttpRequest'
            },
                   success : function(result){
                   sale_room = JSON.parse(result['Salroom']);
                   lst_date = JSON.parse(result['last_date']);
                   sale_price = JSON.parse(result['SaleroomPrice']);
                   stop_room = JSON.parse(result['stoproomsal']);
                   fast_date = JSON.parse(result['fastfilldate']);
                   roomFill = JSON.parse(result['roomFill']);
                   //Proom_date = JSON.parse(result['price_date']);
                   hoffer_date = JSON.parse(result['RoomOfferDate']);
                   //console.log(result['Salroom']);
                  //alert(hoffer_date);
                  },
                 error : function () {
                        alert("error");
                   }
                });

var active_datesBlock = stop_room;
    var active_datesOffer = hoffer_date;
    
    var active_datesFast = fast_date;
    var active_datesFastPrice = sale_price;
     var above_date = sale_room;
      var da = new Date();
      var strDate = (da.getMonth()+1)+"/" +da.getDate()+ "/" + da.getFullYear() ;
      
       var lastDay = lst_date;
       var date1 = new Date(strDate);
       var date2 = new Date(lastDay);
       var timeDiff = Math.abs(date2.getTime() - date1.getTime());
       var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
       var mxDate1 = "+"+diffDays+"D";
       var getVal = $("#datef").val();
       var checkin = getVal;
       getVal = $("#datef1").val();
       var checkout = getVal;
     var diff = dateDifference(checkin,checkout);
   $('#nights').val(diff);
              

  function dateDifference(from, to)
  {
    if(from == ''|| from == null) from = '';
    if(to == ''|| to == null) to = '';
    if(from != '' && to != ''){
        from = from.split('/');
        from = from[1]+'/'+from[0]+'/'+from[2];
        from = new Date(from);
        to = to.split('/');
        to = to[1]+'/'+to[0]+'/'+to[2];
        to = new Date(to);
        var diff = to.getTime() - from.getTime();
        diff = diff/(1000*24*60*60);
        if(diff == 0) diff = 1;
        return diff;
    }
  }
  function addtoDate(from,night)
  {
    if(from == ''|| from == null) from = '';
    if(night == ''|| night == null) night = 1;
    if(from != ''){
        from = from.split('/');
        from = from[1]+'/'+from[0]+'/'+from[2];
        var to = new Date(from);alert(from+'=='+to);
        to.setTime(to.getTime()+parseInt(parseInt(night)*1000*60*60*24));alert(to);
    }
  }
   
   $ = jQuery;
  $(function() {
  $ = jQuery;
  var mobile="";

         
//alert(mobile+"test");
      if(mobile==1){
//alert("1");
            var num_of_mnth=1;

        }

        else

        {

          var num_of_mnth=2;

        }

    $( "#datef" ).datepicker({
      minDate:+1,
      maxDate: mxDate1,
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths: num_of_mnth,
      dateFormat:"dd/mm/yy",
      beforeShowDay: function(date){ setTimeout(appendsomething, 10);
         var d = date;
         var curr_date = d.getDate();
         var curr_month = d.getMonth() + 1; //Months are zero based
         var curr_year = d.getFullYear();
         var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

         if ($.inArray(formattedDate, active_datesBlock) != -1){
           return [false,'blockDay'];
         }
          if ($.inArray(formattedDate, active_datesBlock) != -1){
             var index = active_datesBlock.map(function(o) { return o; }).indexOf(formattedDate);
            
           return [true,'blockDay',active_datesBlock[index]];
         }
        if ($.inArray(formattedDate, active_datesOffer) != -1){
           return [true,'offersDay'];
         }
            if ($.inArray(formattedDate, active_datesFast) != -1){
           return [true,'fillingDay'];
         }
        
          

         if ($.inArray(formattedDate, active_datesFast) != -1){
             var index = active_datesFast.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'fillingDay',active_datesFastPrice[index]];
         }

          if ($.inArray(formattedDate, above_date) != -1){
             var index = above_date.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'availableDay',active_datesFastPrice[index]];
         }
          if ($.inArray(formattedDate, above_date) != -1){
           return [true,'availableDay'];
         }
       
        /* if(formattedDate>above_date)
             return [false,'notAvaiable'];*/
      //return [true, 'availableDay'];
      return [false,'notAvaiable'];
      },
      beforeShow: function(inp, inst) {
        //call the function to append div to datepicker
          setTimeout(appendsomething, 10);
        //   var cur_date = $('#datef').datepicker({ dateFormat: 'dd/mm/yy' }).val();
         
        //   if (jQuery.inArray(cur_date, sale_room)!='-1') {
           
        // } else {
        //    $("#datef").datepicker("setDate",sale_room[0]);
        // }
          
        },
      onClose: function( selectedDate ) {
        var date2 = $('#datef').datepicker('getDate');
        date2.setDate(date2.getDate() + 1);
        $('#datef1').datepicker('setDate', date2);
        $( "#datef1" ).datepicker( "option", "minDate", selectedDate );
         var getVal = $("#datef").val();
     var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
          $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
         var getVal = $("#datef1").val();
     var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
     var diff = dateDifference(checkin,checkout);
     $('#nights').val(diff);
      }

    });
 $("#nights").change(function() {
       var ni=$('option:selected', this).text();
       //alert(ni)
    var date2 = $('#datef').datepicker('getDate');
      
        date2.setDate(date2.getDate() + parseInt(ni));
      $('#datef1').datepicker('setDate', date2);
      var getVal = $("#datef").val();
   var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
         var getVal = $("#datef1").val();
   var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
   var diff = dateDifference(checkin,checkout);
   $('#nights').val(diff);
    });
    $( "#datef1" ).datepicker({
      minDate:+1,
      maxDate: mxDate1,
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths:num_of_mnth,
      dateFormat:"dd/mm/yy",
      beforeShowDay: function(date){ setTimeout(appendsomething, 10);
         var d = date;
         var curr_date = d.getDate();
         var curr_month = d.getMonth() + 1; //Months are zero based
         var curr_year = d.getFullYear();
         var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

         if ($.inArray(formattedDate, active_datesBlock) != -1){
           return [false,'blockDay'];
         }
         
        if ($.inArray(formattedDate, active_datesOffer) != -1){
           return [true,'offersDay'];
         }
            if ($.inArray(formattedDate, active_datesFast) != -1){
           return [true,'fillingDay'];
         }
        
          

         if ($.inArray(formattedDate, active_datesFast) != -1){
             var index = active_datesFast.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'fillingDay',active_datesFastPrice[index]];
         }

          if ($.inArray(formattedDate, above_date) != -1){
             var index = above_date.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'availableDay',active_datesFastPrice[index]];
         }
          if ($.inArray(formattedDate, above_date) != -1){
           return [true,'availableDay'];
         }
        if ($.inArray(formattedDate, active_datesBlock) != -1){
             var index = active_datesBlock.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'blockDay',active_datesBlock[index]];
         }
        /* if(formattedDate>above_date)
             return [false,'notAvaiable'];*/
      //return [true, 'availableDay'];
      return [false,'notAvaiable'];
      },
      beforeShow: function(inp, inst) {
        //call the function to append div to datepicker
          setTimeout(appendsomething, 10);
        },
      onClose: function( selectedDate ) {
       // $( "#fromD" ).datepicker( "option", "maxDate", selectedDate );
       var getVal = $("#datef1").val();
     var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
         var getVal = $("#datef").val();
     var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
           $('#checkin_month').html(monthconversion(getValArr[1]));
          $('#checkin_year').html(getValArr[2]);
           $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
     var diff = dateDifference(checkin,checkout);
     $('#nights').val(diff);
     //alert(diff);
      }
    });
  });

   $( function() {
    $( "#date1" ).datepicker({dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true});
    $( "#date2" ).datepicker({dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true});
});

$('.ctws-guest , .ctws-done').click(function(e){

    $('.ctws-guest-popup').toggleClass('ctws-popup-open' , function(){$(this).focus();});
    
    });





     function appendsomething(){
            var parElem = $("#ui-datepicker-div");
    //check if your div exists, append if not
    if( !parElem.find(".note_div").length ) {
        parElem.append('<div class="note_div"><div style="float: left; width: 100%; margin: 10px;font-size:10px"><div style="float:left;">Note:&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#27ae60;margin-top:6px;"></div><div style="float:left;">&nbsp;Available&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#FFC300;margin-top:6px;"></div><div style="float:left;">&nbsp;Offers&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#ff0000;margin-top:6px;"></div><div style="float:left;">&nbsp;Not Available &nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#eb008c;margin-top:6px;"></div><div style="float:left;">&nbsp;Filling Fast</div></div></div>');
    }
          
        }
  // new code end
  </script>
    <div id='ds_search_box' style='padding-top:25px;'></div>	
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><link type="text/css" rel="stylesheet" href="/booking/css/style3.css"/>
    <link type="text/css" rel="stylesheet" href="/booking/css/ply.css"/>
    <link type="text/css" rel="stylesheet" href="/booking/css/ply.css"/>
      <link type="text/css" rel="stylesheet" href="/booking/css/dsform.css"/> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"/>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="/booking/js/ply.min.js" type="text/javascript"></script>
<script src="/booking/js/ctws_front.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
 <!-- <script src="https://code.jquery.com/jquery-1.12.4.js"></script>-->
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script>
    $ = jQuery;
     jQuery(document).ready(function(){
                                    
    jQuery.ajax({
        url: '/booking/hotel2/ds_search_form_left.php',
        dataType: 'html',
        async: false,
        error: function(){
            alert("Error In Loading");
        },
        success: function(data){
            jQuery('#ds_search_box').html(data);
        },
    });
    });
     
    function frontajaxFormSubmit(paramlist_form){
    if(paramlist_form=="bookform" ){
        if($('#datef').val()=='Check In Dummy Don\'t use'){
            Ply.dialog("alert",err_checkin);
            return false;
        }
        if($('#datef1').val()=='Check Out Dummy Don\'t use'){
            Ply.dialog("alert",err_checkout);
            return false;
        }
        if($('#nights').val()==0){
            Ply.dialog("alert",err_nights);
            return false;
        }
        if($('#rooms').val()==0){
            Ply.dialog("alert",err_rooms);
            return false;
        }
		// if($('#hotel_id').val()==0){
  //           Ply.dialog("alert","please select hotel");
  //           return false;
  //       }
        // if($('#hotel_id').val()==""){
        //     Ply.dialog("alert","please select hotel");
        //     return false;
        // }
        var wdate = $('#datef').val();
        var wdate1= $('#datef1').val();
        var dateFirst = wdate.split('/');
        var dateSecond = wdate1.split('/');
        var firstdate1 = dateFirst[2]+','+dateFirst[1]+','+dateFirst[0];
        var firstdate2 = dateSecond[2]+','+dateSecond[1]+','+dateSecond[0];
        var oneDay = 24*60*60*1000; // hours*minutes*seconds*milliseconds   
        var firstDate = new Date(firstdate1);
        var secondDate = new Date(firstdate2);
        var diffDays = Math.round((secondDate.getTime()-firstDate.getTime())/(oneDay));

        if ((diffDays)<=0){
            Ply.dialog("alert",err_departureOverArrival);
            return false;
        }
        for(var i=1;i<=$('#rooms').val();i++){
            //if($('#adults'+i).val()==0){
            if($('[name="room_adult['+i+']"]').val()==0){
                Ply.dialog("alert",err_adultForRoom+i+" !!!");
                return false;
            }
        }
//      $('html, body').animate({scrollTop:$('#right_column').offset()}, 'slow');
    }
    //var params = $('#'+paramlist_form).serialize();
    //$(".dropdown-toggle").removeClass("close-sh");
    //$("#search-panel").hide();
  //openPagePost(params);
  //if(paramlist_form=="bookform" || paramlist_form=="hotel_sort" || paramlist_form=="book_frm"){
    //ajaxSidebar();
  //}
  //var params = $('#'+paramlist_form).serialize();
  
  $("#"+paramlist_form).submit();
}
    </script>
    <script>
    function monthconversion(month){
    if(month != '' || month != 'undefined' || month != 'null'){
      switch(month){
        case '1':
        case '01': return 'JAN'; break;
        case '2':
        case '02': return 'FEB'; break;
        case '3':
        case '03': return 'MAR'; break;
        case '4':
        case '04': return 'APR'; break;
        case '5':
        case '05': return 'MAY'; break;
        case '6':
        case '06': return 'JUN'; break;
        case '7':
        case '07': return 'JUL'; break;
        case '8':
        case '08': return 'AUG'; break;
        case '9':
        case '09': return 'SEP'; break;
        case '10': return 'OCT'; break;
        case '11': return 'NOV'; break;
        case '12': return 'DEC'; break;

      }
    }
  }
  function checkinchangeDate(calender_id,change,second_calender_id){
    if(calender_id != 'null' || calender_id != 'undefined' || calender_id != ''){
      if(second_calender_id != 'null' || second_calender_id != 'undefined' || second_calender_id != ''){
        var date1 = $('#'+calender_id).datepicker('getDate');
        if(change != 'null' || change != 'undefined' || change != ''){
          $('#'+second_calender_id).datepicker('setDate', date1);
          if(change == '1') date1.setDate(date1.getDate() + 1);
          else if(change == '-1') date1.setDate(date1.getDate() - 1);
         
          $( '#'+calender_id ).datepicker( "option", "defaultDate", date1 );
          $( '#'+calender_id ).val( date1.getDate() );
          var datef = $.datepicker.formatDate('dd/mm/yy', date1);
          $('#datef').val(datef);
          var getVal = $("#datef").val();
          var checkin = getVal;
          getValArr = getVal.split('/');
          $('#date1d').val(getValArr[0]); 
          $('#date1m').val(getValArr[2]+getValArr[1]);
          $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
          //$('#checkin_year').html(getValArr[2]);

          $( "#"+second_calender_id ).datepicker( "option", "minDate", datef);
          var date2 = $( "#"+second_calender_id ).datepicker('getDate');
          date2.setDate(date1.getDate() + 7);
          $('#'+second_calender_id).datepicker('setDate', date2);
          $( "#"+second_calender_id ).datepicker( "option", "defaultDate", date2);
          $( "#"+second_calender_id ).val( date2.getDate() );
          date2 = $.datepicker.formatDate('dd/mm/yy', date2);
          
          $( "#datef1" ).val( date2 );
          var getVal = $("#datef1").val();
          var checkout = getVal;
          getValArr = getVal.split('/');
          $('#date2d').val(getValArr[0]); 
          $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
         // $('#checkout_year').html(getValArr[2]);
          var diff = dateDifference(checkin,checkout);
          $('#nights').val(diff);
        }
      }
    }
  }
 
  function checkoutchangeDate(calender_id,change,second_calender_id){
    if(calender_id != 'null' || calender_id != 'undefined' || calender_id != ''){
      if(second_calender_id != 'null' || second_calender_id != 'undefined' || second_calender_id != ''){
        var date2 = $('#'+calender_id).datepicker('getDate');
        if(change != 'null' || change != 'undefined' || change != ''){
          if(change == '1') date2.setDate(date2.getDate() + 1);
          else if(change == '-1') date2.setDate(date2.getDate() - 1);
         
          $( '#'+calender_id ).datepicker( "option", "defaultDate", date2 );
          $( '#'+calender_id ).val( date2.getDate() );
          var datef1 = $.datepicker.formatDate('dd/mm/yy', date2);
          $('#datef1').val(datef1);
          var getVal = $("#datef1").val();
          var checkout = getVal;
          getValArr = getVal.split('/');
          $('#date2d').val(getValArr[0]); 
          $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
          
          var getVal = $("#datef").val();
          var checkin = getVal;
          getValArr = getVal.split('/');
          $('#date1d').val(getValArr[0]); 
          $('#date1m').val(getValArr[2]+getValArr[1]);
           $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
          var diff = dateDifference(checkin,checkout);
          $('#nights').val(diff);
        }
      }
    }
  }


  // new code start
    var sale_room='';
                 var sale_price='';
                 var stop_room='';
                 //var Proom_date='';
                 var fast_date='';
                 var lst_date='';
                 var hoffer_date='';
                 var roomFill='';
                
                var stop_room;
              $.ajax({
                    url : "https://marismarehotels.com/../booking/data_json.php",
                    type : "POST",
                    async:false,
                    //data : data,
                    dataType : 'json',
                    headers: {
                'X-Requested-With': 'XMLHttpRequest'
            },
                   success : function(result){
                   sale_room = JSON.parse(result['Salroom']);
                   lst_date = JSON.parse(result['last_date']);
                   sale_price = JSON.parse(result['SaleroomPrice']);
                   stop_room = JSON.parse(result['stoproomsal']);
                   fast_date = JSON.parse(result['fastfilldate']);
                   roomFill = JSON.parse(result['roomFill']);
                   //Proom_date = JSON.parse(result['price_date']);
                   hoffer_date = JSON.parse(result['RoomOfferDate']);
                   //console.log(result['Salroom']);
                  //alert(hoffer_date);
                  },
                 error : function () {
                        alert("error");
                   }
                });

var active_datesBlock = stop_room;
    var active_datesOffer = hoffer_date;
    
    var active_datesFast = fast_date;
    var active_datesFastPrice = sale_price;
     var above_date = sale_room;
      var da = new Date();
      var strDate = (da.getMonth()+1)+"/" +da.getDate()+ "/" + da.getFullYear() ;
      
       var lastDay = lst_date;
       var date1 = new Date(strDate);
       var date2 = new Date(lastDay);
       var timeDiff = Math.abs(date2.getTime() - date1.getTime());
       var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
       var mxDate1 = "+"+diffDays+"D";
       var getVal = $("#datef").val();
       var checkin = getVal;
       getVal = $("#datef1").val();
       var checkout = getVal;
     var diff = dateDifference(checkin,checkout);
   $('#nights').val(diff);
              

  function dateDifference(from, to)
  {
    if(from == ''|| from == null) from = '';
    if(to == ''|| to == null) to = '';
    if(from != '' && to != ''){
        from = from.split('/');
        from = from[1]+'/'+from[0]+'/'+from[2];
        from = new Date(from);
        to = to.split('/');
        to = to[1]+'/'+to[0]+'/'+to[2];
        to = new Date(to);
        var diff = to.getTime() - from.getTime();
        diff = diff/(1000*24*60*60);
        if(diff == 0) diff = 1;
        return diff;
    }
  }
  function addtoDate(from,night)
  {
    if(from == ''|| from == null) from = '';
    if(night == ''|| night == null) night = 1;
    if(from != ''){
        from = from.split('/');
        from = from[1]+'/'+from[0]+'/'+from[2];
        var to = new Date(from);alert(from+'=='+to);
        to.setTime(to.getTime()+parseInt(parseInt(night)*1000*60*60*24));alert(to);
    }
  }
   
   $ = jQuery;
  $(function() {
  $ = jQuery;
  var mobile="";

         
//alert(mobile+"test");
      if(mobile==1){
//alert("1");
            var num_of_mnth=1;

        }

        else

        {

          var num_of_mnth=2;

        }

    $( "#datef" ).datepicker({
      minDate:+1,
      maxDate: mxDate1,
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths: num_of_mnth,
      dateFormat:"dd/mm/yy",
      beforeShowDay: function(date){ setTimeout(appendsomething, 10);
         var d = date;
         var curr_date = d.getDate();
         var curr_month = d.getMonth() + 1; //Months are zero based
         var curr_year = d.getFullYear();
         var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

         if ($.inArray(formattedDate, active_datesBlock) != -1){
           return [false,'blockDay'];
         }
          if ($.inArray(formattedDate, active_datesBlock) != -1){
             var index = active_datesBlock.map(function(o) { return o; }).indexOf(formattedDate);
            
           return [true,'blockDay',active_datesBlock[index]];
         }
        if ($.inArray(formattedDate, active_datesOffer) != -1){
           return [true,'offersDay'];
         }
            if ($.inArray(formattedDate, active_datesFast) != -1){
           return [true,'fillingDay'];
         }
        
          

         if ($.inArray(formattedDate, active_datesFast) != -1){
             var index = active_datesFast.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'fillingDay',active_datesFastPrice[index]];
         }

          if ($.inArray(formattedDate, above_date) != -1){
             var index = above_date.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'availableDay',active_datesFastPrice[index]];
         }
          if ($.inArray(formattedDate, above_date) != -1){
           return [true,'availableDay'];
         }
       
        /* if(formattedDate>above_date)
             return [false,'notAvaiable'];*/
      //return [true, 'availableDay'];
      return [false,'notAvaiable'];
      },
      beforeShow: function(inp, inst) {
        //call the function to append div to datepicker
          setTimeout(appendsomething, 10);
        //   var cur_date = $('#datef').datepicker({ dateFormat: 'dd/mm/yy' }).val();
         
        //   if (jQuery.inArray(cur_date, sale_room)!='-1') {
           
        // } else {
        //    $("#datef").datepicker("setDate",sale_room[0]);
        // }
          
        },
      onClose: function( selectedDate ) {
        var date2 = $('#datef').datepicker('getDate');
        date2.setDate(date2.getDate() + 1);
        $('#datef1').datepicker('setDate', date2);
        $( "#datef1" ).datepicker( "option", "minDate", selectedDate );
         var getVal = $("#datef").val();
     var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
          $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
         var getVal = $("#datef1").val();
     var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
     var diff = dateDifference(checkin,checkout);
     $('#nights').val(diff);
      }

    });
 $("#nights").change(function() {
       var ni=$('option:selected', this).text();
       //alert(ni)
    var date2 = $('#datef').datepicker('getDate');
      
        date2.setDate(date2.getDate() + parseInt(ni));
      $('#datef1').datepicker('setDate', date2);
      var getVal = $("#datef").val();
   var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
         var getVal = $("#datef1").val();
   var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
   var diff = dateDifference(checkin,checkout);
   $('#nights').val(diff);
    });
    $( "#datef1" ).datepicker({
      minDate:+1,
      maxDate: mxDate1,
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths:num_of_mnth,
      dateFormat:"dd/mm/yy",
      beforeShowDay: function(date){ setTimeout(appendsomething, 10);
         var d = date;
         var curr_date = d.getDate();
         var curr_month = d.getMonth() + 1; //Months are zero based
         var curr_year = d.getFullYear();
         var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

         if ($.inArray(formattedDate, active_datesBlock) != -1){
           return [false,'blockDay'];
         }
         
        if ($.inArray(formattedDate, active_datesOffer) != -1){
           return [true,'offersDay'];
         }
            if ($.inArray(formattedDate, active_datesFast) != -1){
           return [true,'fillingDay'];
         }
        
          

         if ($.inArray(formattedDate, active_datesFast) != -1){
             var index = active_datesFast.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'fillingDay',active_datesFastPrice[index]];
         }

          if ($.inArray(formattedDate, above_date) != -1){
             var index = above_date.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'availableDay',active_datesFastPrice[index]];
         }
          if ($.inArray(formattedDate, above_date) != -1){
           return [true,'availableDay'];
         }
        if ($.inArray(formattedDate, active_datesBlock) != -1){
             var index = active_datesBlock.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'blockDay',active_datesBlock[index]];
         }
        /* if(formattedDate>above_date)
             return [false,'notAvaiable'];*/
      //return [true, 'availableDay'];
      return [false,'notAvaiable'];
      },
      beforeShow: function(inp, inst) {
        //call the function to append div to datepicker
          setTimeout(appendsomething, 10);
        },
      onClose: function( selectedDate ) {
       // $( "#fromD" ).datepicker( "option", "maxDate", selectedDate );
       var getVal = $("#datef1").val();
     var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
         var getVal = $("#datef").val();
     var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
           $('#checkin_month').html(monthconversion(getValArr[1]));
          $('#checkin_year').html(getValArr[2]);
           $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
     var diff = dateDifference(checkin,checkout);
     $('#nights').val(diff);
     //alert(diff);
      }
    });
  });

   $( function() {
    $( "#date1" ).datepicker({dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true});
    $( "#date2" ).datepicker({dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true});
});

$('.ctws-guest , .ctws-done').click(function(e){

    $('.ctws-guest-popup').toggleClass('ctws-popup-open' , function(){$(this).focus();});
    
    });





     function appendsomething(){
            var parElem = $("#ui-datepicker-div");
    //check if your div exists, append if not
    if( !parElem.find(".note_div").length ) {
        parElem.append('<div class="note_div"><div style="float: left; width: 100%; margin: 10px;font-size:10px"><div style="float:left;">Note:&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#27ae60;margin-top:6px;"></div><div style="float:left;">&nbsp;Available&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#FFC300;margin-top:6px;"></div><div style="float:left;">&nbsp;Offers&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#ff0000;margin-top:6px;"></div><div style="float:left;">&nbsp;Not Available &nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#eb008c;margin-top:6px;"></div><div style="float:left;">&nbsp;Filling Fast</div></div></div>');
    }
          
        }
  // new code end
  </script>
    <div id='ds_search_box' style='padding-top:25px;'></div>	
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><link type="text/css" rel="stylesheet" href="/booking/css/style3.css"/>
    <link type="text/css" rel="stylesheet" href="/booking/css/ply.css"/>
    <link type="text/css" rel="stylesheet" href="/booking/css/ply.css"/>
      <link type="text/css" rel="stylesheet" href="/booking/css/dsform.css"/> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"/>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="/booking/js/ply.min.js" type="text/javascript"></script>
<script src="/booking/js/ctws_front.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
 <!-- <script src="https://code.jquery.com/jquery-1.12.4.js"></script>-->
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script>
    $ = jQuery;
     jQuery(document).ready(function(){
                                    
    jQuery.ajax({
        url: '/booking/hotel2/ds_search_form_left.php',
        dataType: 'html',
        async: false,
        error: function(){
            alert("Error In Loading");
        },
        success: function(data){
            jQuery('#ds_search_box').html(data);
        },
    });
    });
     
    function frontajaxFormSubmit(paramlist_form){
    if(paramlist_form=="bookform" ){
        if($('#datef').val()=='Check In Dummy Don\'t use'){
            Ply.dialog("alert",err_checkin);
            return false;
        }
        if($('#datef1').val()=='Check Out Dummy Don\'t use'){
            Ply.dialog("alert",err_checkout);
            return false;
        }
        if($('#nights').val()==0){
            Ply.dialog("alert",err_nights);
            return false;
        }
        if($('#rooms').val()==0){
            Ply.dialog("alert",err_rooms);
            return false;
        }
		// if($('#hotel_id').val()==0){
  //           Ply.dialog("alert","please select hotel");
  //           return false;
  //       }
        // if($('#hotel_id').val()==""){
        //     Ply.dialog("alert","please select hotel");
        //     return false;
        // }
        var wdate = $('#datef').val();
        var wdate1= $('#datef1').val();
        var dateFirst = wdate.split('/');
        var dateSecond = wdate1.split('/');
        var firstdate1 = dateFirst[2]+','+dateFirst[1]+','+dateFirst[0];
        var firstdate2 = dateSecond[2]+','+dateSecond[1]+','+dateSecond[0];
        var oneDay = 24*60*60*1000; // hours*minutes*seconds*milliseconds   
        var firstDate = new Date(firstdate1);
        var secondDate = new Date(firstdate2);
        var diffDays = Math.round((secondDate.getTime()-firstDate.getTime())/(oneDay));

        if ((diffDays)<=0){
            Ply.dialog("alert",err_departureOverArrival);
            return false;
        }
        for(var i=1;i<=$('#rooms').val();i++){
            //if($('#adults'+i).val()==0){
            if($('[name="room_adult['+i+']"]').val()==0){
                Ply.dialog("alert",err_adultForRoom+i+" !!!");
                return false;
            }
        }
//      $('html, body').animate({scrollTop:$('#right_column').offset()}, 'slow');
    }
    //var params = $('#'+paramlist_form).serialize();
    //$(".dropdown-toggle").removeClass("close-sh");
    //$("#search-panel").hide();
  //openPagePost(params);
  //if(paramlist_form=="bookform" || paramlist_form=="hotel_sort" || paramlist_form=="book_frm"){
    //ajaxSidebar();
  //}
  //var params = $('#'+paramlist_form).serialize();
  
  $("#"+paramlist_form).submit();
}
    </script>
    <script>
    function monthconversion(month){
    if(month != '' || month != 'undefined' || month != 'null'){
      switch(month){
        case '1':
        case '01': return 'JAN'; break;
        case '2':
        case '02': return 'FEB'; break;
        case '3':
        case '03': return 'MAR'; break;
        case '4':
        case '04': return 'APR'; break;
        case '5':
        case '05': return 'MAY'; break;
        case '6':
        case '06': return 'JUN'; break;
        case '7':
        case '07': return 'JUL'; break;
        case '8':
        case '08': return 'AUG'; break;
        case '9':
        case '09': return 'SEP'; break;
        case '10': return 'OCT'; break;
        case '11': return 'NOV'; break;
        case '12': return 'DEC'; break;

      }
    }
  }
  function checkinchangeDate(calender_id,change,second_calender_id){
    if(calender_id != 'null' || calender_id != 'undefined' || calender_id != ''){
      if(second_calender_id != 'null' || second_calender_id != 'undefined' || second_calender_id != ''){
        var date1 = $('#'+calender_id).datepicker('getDate');
        if(change != 'null' || change != 'undefined' || change != ''){
          $('#'+second_calender_id).datepicker('setDate', date1);
          if(change == '1') date1.setDate(date1.getDate() + 1);
          else if(change == '-1') date1.setDate(date1.getDate() - 1);
         
          $( '#'+calender_id ).datepicker( "option", "defaultDate", date1 );
          $( '#'+calender_id ).val( date1.getDate() );
          var datef = $.datepicker.formatDate('dd/mm/yy', date1);
          $('#datef').val(datef);
          var getVal = $("#datef").val();
          var checkin = getVal;
          getValArr = getVal.split('/');
          $('#date1d').val(getValArr[0]); 
          $('#date1m').val(getValArr[2]+getValArr[1]);
          $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
          //$('#checkin_year').html(getValArr[2]);

          $( "#"+second_calender_id ).datepicker( "option", "minDate", datef);
          var date2 = $( "#"+second_calender_id ).datepicker('getDate');
          date2.setDate(date1.getDate() + 7);
          $('#'+second_calender_id).datepicker('setDate', date2);
          $( "#"+second_calender_id ).datepicker( "option", "defaultDate", date2);
          $( "#"+second_calender_id ).val( date2.getDate() );
          date2 = $.datepicker.formatDate('dd/mm/yy', date2);
          
          $( "#datef1" ).val( date2 );
          var getVal = $("#datef1").val();
          var checkout = getVal;
          getValArr = getVal.split('/');
          $('#date2d').val(getValArr[0]); 
          $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
         // $('#checkout_year').html(getValArr[2]);
          var diff = dateDifference(checkin,checkout);
          $('#nights').val(diff);
        }
      }
    }
  }
 
  function checkoutchangeDate(calender_id,change,second_calender_id){
    if(calender_id != 'null' || calender_id != 'undefined' || calender_id != ''){
      if(second_calender_id != 'null' || second_calender_id != 'undefined' || second_calender_id != ''){
        var date2 = $('#'+calender_id).datepicker('getDate');
        if(change != 'null' || change != 'undefined' || change != ''){
          if(change == '1') date2.setDate(date2.getDate() + 1);
          else if(change == '-1') date2.setDate(date2.getDate() - 1);
         
          $( '#'+calender_id ).datepicker( "option", "defaultDate", date2 );
          $( '#'+calender_id ).val( date2.getDate() );
          var datef1 = $.datepicker.formatDate('dd/mm/yy', date2);
          $('#datef1').val(datef1);
          var getVal = $("#datef1").val();
          var checkout = getVal;
          getValArr = getVal.split('/');
          $('#date2d').val(getValArr[0]); 
          $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
          
          var getVal = $("#datef").val();
          var checkin = getVal;
          getValArr = getVal.split('/');
          $('#date1d').val(getValArr[0]); 
          $('#date1m').val(getValArr[2]+getValArr[1]);
           $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
          var diff = dateDifference(checkin,checkout);
          $('#nights').val(diff);
        }
      }
    }
  }


  // new code start
    var sale_room='';
                 var sale_price='';
                 var stop_room='';
                 //var Proom_date='';
                 var fast_date='';
                 var lst_date='';
                 var hoffer_date='';
                 var roomFill='';
                
                var stop_room;
              $.ajax({
                    url : "https://marismarehotels.com/../booking/data_json.php",
                    type : "POST",
                    async:false,
                    //data : data,
                    dataType : 'json',
                    headers: {
                'X-Requested-With': 'XMLHttpRequest'
            },
                   success : function(result){
                   sale_room = JSON.parse(result['Salroom']);
                   lst_date = JSON.parse(result['last_date']);
                   sale_price = JSON.parse(result['SaleroomPrice']);
                   stop_room = JSON.parse(result['stoproomsal']);
                   fast_date = JSON.parse(result['fastfilldate']);
                   roomFill = JSON.parse(result['roomFill']);
                   //Proom_date = JSON.parse(result['price_date']);
                   hoffer_date = JSON.parse(result['RoomOfferDate']);
                   //console.log(result['Salroom']);
                  //alert(hoffer_date);
                  },
                 error : function () {
                        alert("error");
                   }
                });

var active_datesBlock = stop_room;
    var active_datesOffer = hoffer_date;
    
    var active_datesFast = fast_date;
    var active_datesFastPrice = sale_price;
     var above_date = sale_room;
      var da = new Date();
      var strDate = (da.getMonth()+1)+"/" +da.getDate()+ "/" + da.getFullYear() ;
      
       var lastDay = lst_date;
       var date1 = new Date(strDate);
       var date2 = new Date(lastDay);
       var timeDiff = Math.abs(date2.getTime() - date1.getTime());
       var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
       var mxDate1 = "+"+diffDays+"D";
       var getVal = $("#datef").val();
       var checkin = getVal;
       getVal = $("#datef1").val();
       var checkout = getVal;
     var diff = dateDifference(checkin,checkout);
   $('#nights').val(diff);
              

  function dateDifference(from, to)
  {
    if(from == ''|| from == null) from = '';
    if(to == ''|| to == null) to = '';
    if(from != '' && to != ''){
        from = from.split('/');
        from = from[1]+'/'+from[0]+'/'+from[2];
        from = new Date(from);
        to = to.split('/');
        to = to[1]+'/'+to[0]+'/'+to[2];
        to = new Date(to);
        var diff = to.getTime() - from.getTime();
        diff = diff/(1000*24*60*60);
        if(diff == 0) diff = 1;
        return diff;
    }
  }
  function addtoDate(from,night)
  {
    if(from == ''|| from == null) from = '';
    if(night == ''|| night == null) night = 1;
    if(from != ''){
        from = from.split('/');
        from = from[1]+'/'+from[0]+'/'+from[2];
        var to = new Date(from);alert(from+'=='+to);
        to.setTime(to.getTime()+parseInt(parseInt(night)*1000*60*60*24));alert(to);
    }
  }
   
   $ = jQuery;
  $(function() {
  $ = jQuery;
  var mobile="";

         
//alert(mobile+"test");
      if(mobile==1){
//alert("1");
            var num_of_mnth=1;

        }

        else

        {

          var num_of_mnth=2;

        }

    $( "#datef" ).datepicker({
      minDate:+1,
      maxDate: mxDate1,
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths: num_of_mnth,
      dateFormat:"dd/mm/yy",
      beforeShowDay: function(date){ setTimeout(appendsomething, 10);
         var d = date;
         var curr_date = d.getDate();
         var curr_month = d.getMonth() + 1; //Months are zero based
         var curr_year = d.getFullYear();
         var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

         if ($.inArray(formattedDate, active_datesBlock) != -1){
           return [false,'blockDay'];
         }
          if ($.inArray(formattedDate, active_datesBlock) != -1){
             var index = active_datesBlock.map(function(o) { return o; }).indexOf(formattedDate);
            
           return [true,'blockDay',active_datesBlock[index]];
         }
        if ($.inArray(formattedDate, active_datesOffer) != -1){
           return [true,'offersDay'];
         }
            if ($.inArray(formattedDate, active_datesFast) != -1){
           return [true,'fillingDay'];
         }
        
          

         if ($.inArray(formattedDate, active_datesFast) != -1){
             var index = active_datesFast.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'fillingDay',active_datesFastPrice[index]];
         }

          if ($.inArray(formattedDate, above_date) != -1){
             var index = above_date.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'availableDay',active_datesFastPrice[index]];
         }
          if ($.inArray(formattedDate, above_date) != -1){
           return [true,'availableDay'];
         }
       
        /* if(formattedDate>above_date)
             return [false,'notAvaiable'];*/
      //return [true, 'availableDay'];
      return [false,'notAvaiable'];
      },
      beforeShow: function(inp, inst) {
        //call the function to append div to datepicker
          setTimeout(appendsomething, 10);
        //   var cur_date = $('#datef').datepicker({ dateFormat: 'dd/mm/yy' }).val();
         
        //   if (jQuery.inArray(cur_date, sale_room)!='-1') {
           
        // } else {
        //    $("#datef").datepicker("setDate",sale_room[0]);
        // }
          
        },
      onClose: function( selectedDate ) {
        var date2 = $('#datef').datepicker('getDate');
        date2.setDate(date2.getDate() + 1);
        $('#datef1').datepicker('setDate', date2);
        $( "#datef1" ).datepicker( "option", "minDate", selectedDate );
         var getVal = $("#datef").val();
     var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
          $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
         var getVal = $("#datef1").val();
     var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
     var diff = dateDifference(checkin,checkout);
     $('#nights').val(diff);
      }

    });
 $("#nights").change(function() {
       var ni=$('option:selected', this).text();
       //alert(ni)
    var date2 = $('#datef').datepicker('getDate');
      
        date2.setDate(date2.getDate() + parseInt(ni));
      $('#datef1').datepicker('setDate', date2);
      var getVal = $("#datef").val();
   var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
         var getVal = $("#datef1").val();
   var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
   var diff = dateDifference(checkin,checkout);
   $('#nights').val(diff);
    });
    $( "#datef1" ).datepicker({
      minDate:+1,
      maxDate: mxDate1,
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths:num_of_mnth,
      dateFormat:"dd/mm/yy",
      beforeShowDay: function(date){ setTimeout(appendsomething, 10);
         var d = date;
         var curr_date = d.getDate();
         var curr_month = d.getMonth() + 1; //Months are zero based
         var curr_year = d.getFullYear();
         var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

         if ($.inArray(formattedDate, active_datesBlock) != -1){
           return [false,'blockDay'];
         }
         
        if ($.inArray(formattedDate, active_datesOffer) != -1){
           return [true,'offersDay'];
         }
            if ($.inArray(formattedDate, active_datesFast) != -1){
           return [true,'fillingDay'];
         }
        
          

         if ($.inArray(formattedDate, active_datesFast) != -1){
             var index = active_datesFast.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'fillingDay',active_datesFastPrice[index]];
         }

          if ($.inArray(formattedDate, above_date) != -1){
             var index = above_date.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'availableDay',active_datesFastPrice[index]];
         }
          if ($.inArray(formattedDate, above_date) != -1){
           return [true,'availableDay'];
         }
        if ($.inArray(formattedDate, active_datesBlock) != -1){
             var index = active_datesBlock.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'blockDay',active_datesBlock[index]];
         }
        /* if(formattedDate>above_date)
             return [false,'notAvaiable'];*/
      //return [true, 'availableDay'];
      return [false,'notAvaiable'];
      },
      beforeShow: function(inp, inst) {
        //call the function to append div to datepicker
          setTimeout(appendsomething, 10);
        },
      onClose: function( selectedDate ) {
       // $( "#fromD" ).datepicker( "option", "maxDate", selectedDate );
       var getVal = $("#datef1").val();
     var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
         var getVal = $("#datef").val();
     var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
           $('#checkin_month').html(monthconversion(getValArr[1]));
          $('#checkin_year').html(getValArr[2]);
           $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
     var diff = dateDifference(checkin,checkout);
     $('#nights').val(diff);
     //alert(diff);
      }
    });
  });

   $( function() {
    $( "#date1" ).datepicker({dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true});
    $( "#date2" ).datepicker({dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true});
});

$('.ctws-guest , .ctws-done').click(function(e){

    $('.ctws-guest-popup').toggleClass('ctws-popup-open' , function(){$(this).focus();});
    
    });





     function appendsomething(){
            var parElem = $("#ui-datepicker-div");
    //check if your div exists, append if not
    if( !parElem.find(".note_div").length ) {
        parElem.append('<div class="note_div"><div style="float: left; width: 100%; margin: 10px;font-size:10px"><div style="float:left;">Note:&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#27ae60;margin-top:6px;"></div><div style="float:left;">&nbsp;Available&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#FFC300;margin-top:6px;"></div><div style="float:left;">&nbsp;Offers&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#ff0000;margin-top:6px;"></div><div style="float:left;">&nbsp;Not Available &nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#eb008c;margin-top:6px;"></div><div style="float:left;">&nbsp;Filling Fast</div></div></div>');
    }
          
        }
  // new code end
  </script>
    {"id":8,"date":"2018-11-26T11:07:15","date_gmt":"2018-11-26T11:07:15","guid":{"rendered":"https:\/\/marismare.com\/?page_id=8"},"modified":"2019-07-26T12:31:17","modified_gmt":"2019-07-26T12:31:17","slug":"home","status":"publish","type":"page","link":"https:\/\/marismarehotels.com\/de\/","title":{"rendered":"Home"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; el_id=&#8221;ctws-home-slider&#8221;][vc_column][rev_slider_vc alias=&#8221;ctws-home-slider&#8221; el_class=&#8221;ctws-home-slider&#8221;][vc_column_text]<\/p>\n<div class=\"ctws-home-bk-form\"><\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8221;ctws-home-content&#8221; css=&#8221;.vc_custom_1544784407917{margin-top: 50px !important;margin-bottom: 50px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h1 style=\"text-align: center;\">MARISMARE HOTELS<\/h1>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]A very warm welcome to the wonderful world of Marismare Hotels. Holiday villages, water park resorts, hotels and hotel apartments all offering affordable holidays combined with unparalleled service and a heartfelt desire to satisfy all your wishes&#8230;[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css=&#8221;.vc_custom_1555399819216{margin-bottom: 0px !important;}&#8221;]<\/p>\n<h2>WHY CHOOSE MARISMARE HOTELS<\/h2>\n<p>[\/vc_column_text][vc_column_text]Every hotel provides an individual hotel experience and reflects the vision of an independent hotelier &#8211; They all provide unique Cypriot hospitality with a cultural authenticity, combining a design of modern and traditional facilities.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; el_id=&#8221;ctws-home-slider&#8221;][vc_column][rev_slider_vc alias=&#8221;ctws-home-slider&#8221; el_class=&#8221;ctws-home-slider&#8221;][vc_column_text] [\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8221;ctws-home-content&#8221; css=&#8221;.vc_custom_1544784407917{margin-top: 50px !important;margin-bottom: 50px !important;}&#8221;][vc_column][vc_column_text] MARISMARE HOTELS [\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]A very warm welcome to the wonderful world of Marismare Hotels. Holiday villages, water park resorts, hotels and hotel apartments all offering affordable holidays combined with unparalleled service and a heartfelt desire to satisfy all your wishes&#8230;[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css=&#8221;.vc_custom_1555399819216{margin-bottom: 0px [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/marismarehotels.com\/de\/wp-json\/wp\/v2\/pages\/8"}],"collection":[{"href":"https:\/\/marismarehotels.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marismarehotels.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marismarehotels.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marismarehotels.com\/de\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":22,"href":"https:\/\/marismarehotels.com\/de\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":2657,"href":"https:\/\/marismarehotels.com\/de\/wp-json\/wp\/v2\/pages\/8\/revisions\/2657"}],"wp:attachment":[{"href":"https:\/\/marismarehotels.com\/de\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}