// JavaScript Document

function clone_customer_selects(number)
{
$(".rooms-pop").each(function(){$(this).remove()});
$(".hidden-wrapper .adults-config").each(function(){$(this).remove()});
$(".hidden-wrapper .children-config").each(function(){$(this).remove()});


for(var i=1; i<=number; i++)
{
    var room_clone = $("#room-pop-template").clone().removeClass("hidden").addClass("rooms-pop");
    room_clone.find("td:first").text("Room"+i+":");
    // console.log(room_clone.find("td:first")).text;
    room_clone.find("select:first").attr({id: "room-adults-"+i,  name: "room-adults-"+i})
    $(room_clone.find("select")[1]).attr({id: "room-children-"+i,  name: "room-children-"+i})

    room_clone.removeAttr("id").appendTo(".fl-right tbody");


    // clonning config inputs for each room
    $("#adults-input-template").clone().removeAttr("id").attr({name: "fields_description[room-adults-"+i+"]"}).addClass("adults-config").appendTo(".hidden-wrapper");
    $("#children-input-template").clone().removeAttr("id").attr({name: "fields_description[room-children-"+i+"]"}).addClass("children-config").appendTo(".hidden-wrapper");
}


}





$(document).ready(function () {

// changing adult children selects number according to rooms number -----------------------------------------------------
$("#rooms").bind('change', function(e)
{
var number = $(this).attr('value');

clone_customer_selects(number);
   // hidding rooms table
   $("#room-details").addClass("hidden");
});



// selecting room type -----------------------------------------------------

$('#room-details .content-button').bind('click', function(e)
{
   // hidding previously selected room
   $(".selected-type").addClass("hidden");
   // hidding rooms list
   $("#room-details").addClass("hidden");
   // shouwing reservetion the next step - customer details
   $("#guest-info").removeClass("hidden");

   var selected_room = $(this).attr('title');
   $('#' + selected_room).removeClass('hidden');
   
   // updating room price at room full description
   $('#' + selected_room + ' strong').text($(this).parent().prev().text());

   // setting selected room as input value
   $('#room_type').attr({value: selected_room});
});

// cancel room select, hiding seelcted room and showing rooms list once again -----------------------------------------------------
  $(".selected-type .content-button").bind('click', function(e){
      $(".selected-type").addClass("hidden");
      $("#room-details").removeClass("hidden");
      $("#guest-info").addClass("hidden");
  });




// recounting rooms prices according  to reservation period and number of rooms -----------------------------------------------------

$('#find-rates').bind('click', function(e){
    
  var start_date_arr = $("#datepicker").attr('value').split(".");
  var start=new Date();
  start.setFullYear(start_date_arr[2], parseInt(start_date_arr[1], 10) - 1, start_date_arr[0] );
  start.setMilliseconds(999);
  
  var end_date_arr = $("#datepicker2").attr('value').split(".");
  var end=new Date();
  end.setFullYear(end_date_arr[2], parseInt(end_date_arr[1], 10) - 1, end_date_arr[0]);
  end.setMilliseconds(999);

  if(start < end)
  {
    $('#room-details').removeClass("hidden");
  }
  else
  {
    $('#room-details').addClass("hidden");
  }
	
  $('#room-details tr').each(function(index, trObj){
	if(index > 0)
	{
	  var prices = 0; 
	  
	
	  var prStr = $(trObj).find('td')[1]; 
	  
	  var prices = $(prStr).attr("title").split("|");
	  $(prStr).text(prices[parseInt(start_date_arr[1], 10) - 1]);
	}
   });	
	
});



	
	
/*
 * OLD VERSIION OF [recounting rooms prices] FUNCTION THAT REALLY COUNTS ROOM PRICE DEPENDING ON RESERVATION PERIOD AND ROOM NUMBER
 * TO TURN IT ON IT IS NECESSARY TO DELETE ABOVE COPY OF THIS FUNCTION AND REMOVE COMMENTS FROM THIS ONE
 */

/*
  $('#find-rates').bind('click', function(e){
    
  var start_date_arr = $("#datepicker").attr('value').split(".");
  var start=new Date();
  start.setFullYear(start_date_arr[2], parseInt(start_date_arr[1], 10) - 1, start_date_arr[0] );
  start.setMilliseconds(999);
  
  var end_date_arr = $("#datepicker2").attr('value').split(".");
  var end=new Date();
  end.setFullYear(end_date_arr[2], parseInt(end_date_arr[1], 10) - 1, end_date_arr[0]);
  end.setMilliseconds(999);

  var multiplier = parseInt((end - start) / (1000) / (3600*24) * $("#rooms").attr('value'));
  
  if(start <= end)
  {
    $('#room-details').removeClass("hidden");
    // recounting room priceces acording number of rooms and reservation period
    // each room price for one day is stored as 'title' of room table

    //  
    $('#room-details tr').each(function(){
       $(this).find('td:eq(1)').text('0');
    });

    //console.log('---------------------------');
    while(start < end)
    {
        //console.log(start + ' - ' + end);
      $('#room-details tbody tr').each(function(){
         var price_td = $(this).find('td:eq(1)');
         var room_type = $(this).find('input');
         $(price_td).text( parseInt($(price_td).text(), 10) +  
                                    parseInt(room_rates[$(room_type).attr('title')][start.getMonth()], 10) * parseInt($("#rooms").attr('value'), 10)
                          );

      });
      start.setDate(start.getDate()+1)
    }
  }
  else
    $('#room-details').addClass("hidden");
  });

*/




});



// ---------
clone_customer_selects($("#rooms").attr('value'));