/*==================================================
*  Author : Tirapant Tongpann
*  Created Date : 9/12/2553 17:29
*  Module : Compile
*  Description : _FUNCTION_ _JQUERY_
*  Involve People : -
*  Last Updated : 9/12/2553 17:29
==================================================*/


/*==================================================
  :: _JQUERY_ ::
==================================================*/
var intPage=1;
var nextAddon = false;
var url = 'module/booking.ajax.php';
var optionData=[];

var bk={};

bk.Debug=function(){
	$('input').dblclick(function(){
		$('#Email').val('boywebprogrammer@gmail.com');
		$('#full_name').val('Tirapant Tongpann');
		$('#ZipCode').val('Bangkok / Thailand');
		$('#Nationality').val('Thailand');
		$('#Address').val('Bangkapi');
		$('#telephone').val('089-188-1250');
	});
}

bk.LoadSearchBook=function(){
	$.ajax({
		url:'searchbook.php?time='+new Date().getTime(),
		type:'GET',
		data:{},
		success:function(data){
      $('#SearchBook').html(data);
			bk.SetCalendar();
		}
	});
}

bk.LoadSearchBookRes=function(){
	$.ajax({
		url:'searchbookres.php?time='+new Date().getTime(),
		type:'GET',
		data:{},
		success:function(data){
      $('#contentBox').html(data);
			bk.SetCalendar();
		}
	});
}

bk.SetCalendar=function(){
	for(var intD=1;intD<=31;intD++){
		$('<option>').attr('value', intD).text(intD).appendTo('#ch_in_day_v');
	}
	for(var intM=0;intM<arrMonth.length;intM++){
		$('<option>').attr('value', intM).text(arrMonth[intM]).appendTo('#ch_in_month_v');
	}
	for(var intY=intYearCurrent;intY<=intYearCurrent+2;intY++){
		$('<option>').attr('value', intY).text(intY).appendTo('#ch_in_year_v');
	}
	for(intD=1;intD<=31;intD++){
		$('<option>').attr('value', intD).text(intD).appendTo('#ch_out_day_v');
	}
	for(intM=0;intM<arrMonth.length;intM++){
		$('<option>').attr('value', intM).text(arrMonth[intM]).appendTo('#ch_out_month_v');
	}
	for(intY=intYearCurrent;intY<=intYearCurrent+2;intY++){
		$('<option>').attr('value', intY).text(intY).appendTo('#ch_out_year_v');
	}

	bk.SetSearchDate('date_start', 'date_end');
	var d, m, y;
	
	d = dateCurrentIn.getDate();
	d = (d<10)?'0'+d:d;
	m = dateCurrentIn.getMonth()+1;
	m = (m<10)?'0'+m:m;
	y = dateCurrentIn.getFullYear();
	$('#date_start').val(d+'/'+m+'/'+y);
	
	d = dateCurrentOut.getDate();
	d = (d<10)?'0'+d:d;
	m = dateCurrentOut.getMonth()+1;
	m = (m<10)?'0'+m:m;
	y = dateCurrentOut.getFullYear();
	$('#date_end').val(d+'/'+m+'/'+y);
}

bk.SetSearchDate=function(datestart, datestop){
	var dates = $('#'+datestart+', #'+datestop).datepicker({
		defaultDate: "+1d",	
    changeMonth: true,
    numberOfMonths: 1,
    onSelect: function(selectedDate) {
      var option = this.id == datestart ? 'minDate' : 'maxDate',
        instance = $( this ).data('datepicker');
        date = $.datepicker.parseDate(
          instance.settings.dateFormat ||
          $.datepicker._defaults.dateFormat,
          selectedDate, instance.settings );
      dates.not( this ).datepicker('option', option, date);
    }
  });	
}

bk.MsgBox=function(text, color, delay){
  $('body').append('<div id="MsgBox" class="msgbox" title="!"><font color="'+color+'">'+text+'</font></div>');
  var horizontalPadding = 30;
  var verticalPadding = 30;
  $('#MsgBox').dialog({
    title:'',
    autoOpen:true,
    width:300,
    height:50,
    modal:true,
    resizable:false,
    autoResize:false,
    overlay:{opacity:0.5, background:'black'}
  }).width(300 - horizontalPadding).height(50 - verticalPadding);
  if(delay>0){
    setTimeout(function(){
      bk.CloseBox('MsgBox');
    },delay);
  }
}

bk.CloseBox=function(id){
  $('#'+id).dialog('close');
  $('#'+id).remove();
}

bk.ClearErr=function(){
  $('.err').css('display', 'none');
}

bk.Add=function(){
	bk.ClearErr();

	var RoomDate = [];
	var id;
	if($('#RoomMode').val() == '1'){
		id = '#RoomDate2 span';
	}else{
		id = '#RoomDate span';
	}

	$(id).each(function(i){
		RoomDate[i]=$(this).text()
	});

	if(RoomDate.length<=0)return;
	if(!bk.CheckForm())return;
	if(!confirm('Do you want to pay to save this booking?'))return;

	$('#Submit').attr('disabled', true);

  var myData = ft.LoadForm('mydata');
	myData['AddOn'] = ft.LoadForm('addondata');
	myData['AddOnQty'] = ft.LoadForm('qtydata');
	myData['AddOnNum'] = ft.LoadForm('numdata');
	myData['RoomDate'] = RoomDate;
	myData['adult'] = $('#AdultNo').val();
	myData['children'] = $('#ChildNo').val();
	myData['Price3Day'] = $('#Price3Day').val();
	myData['LoadData'] = {
		CatCode : ft.LoadRel('catcodedata'),
		Adult : ft.LoadRel('adultdata'),
		Chile : ft.LoadRel('childdata'),
		Quantity : ft.LoadRel('quantitydata'),
		DateStart : ft.LoadRel('datestartdata'),
		DateStop : ft.LoadRel('datestopdata')
	};

	$.ajax({
		url:url+'?Mode=Add&'+new Date().getTime(),
		type:'POST',
		dataType:'json',
		data:myData,
		success:function(data){
      switch(data.success){
			  case 'COMPLETE' :
//					window.location.href = 'print/printbooking.php?ref='+data.code;
					window.location.href = 'payment.php?code='+data.code;
//					window.location.href = 'index.html';
        break;
			  case 'ONREQUEST' :
					window.location.href = 'booking_thankyou.php';
        break;
			  default :
          alert('BOOKING INCOMPLETE!!');
        break;
      }
		}
	});
}

bk.SendContact=function(){
	if(!ft.CheckEmpty('empty'))return;

  var myData = ft.LoadForm('mydata');

	$.ajax({
		url:url+'?Mode=SendContact&'+new Date().getTime(),
		type:'POST',
		dataType:'json',
		data:myData,
		success:function(data){
      switch(data.success){
			  case 'COMPLETE' :
          alert('Send Email Complete!!');
					$('input').val('');
					$('textarea').val('');
        break;
			  default :
          alert('Send Email Error!!');
        break;
      }
		}
	});
}

bk.SearchBooking=function(){
//	window.location.href = 'contact.html';return;
	if(fn_cbChange() && fn_cbChange2() && $('#room').val() != '0'){
		var myData = ft.LoadForm('mydata');
		var date_start = myData['date_start'].split('/');
		var date_end = myData['date_end'].split('/');
		var start = parseFloat(date_start[2])+'-'+parseFloat(date_start[1])+'-'+parseFloat(date_start[0]);
		var stop = parseFloat(date_end[2])+'-'+parseFloat(date_end[1])+'-'+parseFloat(date_end[0]);
		window.location.href='booking_info.php?room='+myData['room']+'&quantity='+myData['quantity']+'&start='+start+'&stop='+stop+'&adult='+myData['adult']+'&child='+myData['child'];
	}
}

bk.CheckForm=function(){
  $('#AddEdit-Data .err').css('display', 'none');
  var chk = ft.CheckEmpty('empty');
	if(!ft.IsEmail($('#Email').val())){$('#eEmail').css('display', 'block');chk=false;}
	return chk;
}

bk.SetFocus=function(){

}

bk.BookingInfo=function(){
  $('#BookingInfo').click(function(){
    bk.SearchBooking();
  });
}

bk.SubmitBooking=function(){
	$('#Submit').click(function(){
		bk.Add();
	});
}

bk.SetAccordion=function(){
	$("#accordion").accordion({
		header: 'h3',
		event: false,
		autoHeight : false
	});

	$('#headerToggle0').click(function(){
		$('#accordion').accordion('activate', 0);
		window.location.href='#headerToggle0';
	});

	$('#headerToggle1').click(function(){
		nextAddon = true;
		$('#accordion').accordion('activate', 1);
		window.location.href='#headerToggle1';
	});

	$('#headerToggle2').click(function(){
		if(nextAddon){
			$('#accordion').accordion('activate', 2);
			window.location.href='#headerToggle2';
		}else{
			$('#accordion').accordion('activate', 1);
			window.location.href='#headerToggle1';
			nextAddon = true;
		}
	});

	//hover states on the static widgets
	$('#dialog_link, ul#icons li').hover(
		function() {$(this).addClass('ui-state-hover');},
		function() {$(this).removeClass('ui-state-hover');}
	);
}

bk.SetDontHover=function(){
	$('#btnDont').hover(
		function() {$(this).addClass('ui-state-hover');},
		function() {$(this).removeClass('ui-state-hover');}
	);
	$('#btnNext').hover(
		function() {$(this).addClass('ui-state-hover');},
		function() {$(this).removeClass('ui-state-hover');}
	);
	$('#btnNextStep').hover(
		function() {$(this).addClass('ui-state-hover');},
		function() {$(this).removeClass('ui-state-hover');}
	);
}

bk.DontAddOn=function(){
	$('#btnDont').click(function(){
		$('.addondata').attr('checked', false);
		$('#lyAddon').text('');
		window.location.href='#headerToggle2';
		$('#accordion').accordion('activate', 2);
	});
	$('#btnNext').click(function(){
		window.location.href='#headerToggle2';
		$('#accordion').accordion('activate', 2);
	});
	$('#btnNextStep').click(function(){
		if($('#RoomDate span').length==0)return;
		window.location.href='#headerToggle1';
		$('#accordion').accordion('activate', 1);
	});
}

bk.CalulateTotal=function(){
	var id = '';
	var price = 0.0;
	var quantity = 0.0;
	var day = 0.0;
	var amount = 0.0;
	var total = 0.0;
	var totalAddon = 0.0;
	var html = '';
	var tmp = '';
	var totalText = 0.0;
	var roomRate = nm.Number($('#roomRate').text());

	$('#lyAddon').html('');

	html += '<li>{Name}';
	html += '  <span style="display:block;">  ';
	html += '    Quantity : {Quantity}, Day : {Day}, Price : {Price} THB';
	html += '  </span>';
	html += '</li>';

	$.each($('.addondata:checked'), function(i, attr){
		id = $(this).attr('name');
		price = nm.Number($('#PriceAddon-'+id).text());
		quantity = nm.Number($('#Quantity-'+id).val());
		day = nm.Number($('#NumRoom-'+id).val());

		price = (price==0)?1:price;
		quantity = (quantity==0)?1:quantity;
		day = (day==0)?1:day;

		amount = price * quantity * day;
		total += amount;

		if(id=='AD00000004'){
			tmp  = '<li>{Name}';
			tmp += '  <span style="display:block;">  ';
			tmp += '    <font color="red">Not Available</font>';
			tmp += '  </span>';
			tmp += '</li>';

			tmp = tmp.split('{Name}').join($('#NameAddon-'+id).text());
		}else if(id=='AD00000006'){
			tmp  = '<li>{Name}';
			tmp += '  <span style="display:block;">  ';
			tmp += '    Quantity : {Quantity}, Price : {Price} THB';
			tmp += '  </span>';
			tmp += '</li>';

			totalText += amount;
			tmp = tmp.split('{Name}').join($('#NameAddon-'+id).text());
			tmp = tmp.split('{Price}').join(nm.FormatNumber(amount));
			tmp = tmp.split('{Quantity}').join($('#Quantity-'+id).val());
		}else{
			totalText += amount;

			tmp = html;
			tmp = tmp.split('{Name}').join($('#NameAddon-'+id).text());
			tmp = tmp.split('{Price}').join(nm.FormatNumber(amount));
			tmp = tmp.split('{Quantity}').join($('#Quantity-'+id).val());
			tmp = tmp.split('{Day}').join($('#NumRoom-'+id).val());
		}

		$('#lyAddon').append(tmp);
	});

	totalAddon = totalText;
	totalText += roomRate;

	if($('#lyAddon').html()==''){
		$('#AddOnArea').css('display', 'none');
	}else{
		$('#AddOnArea').css('display', 'block');
	}
	$('#Total').text(nm.FormatNumber(total));
	$('#totalCostAddOn').val(nm.FormatNumber(totalAddon) + ' THB');
	$('#totalCostRoom').val(nm.FormatNumber(roomRate) + ' THB');
	$('#totalCost').val(nm.FormatNumber(totalText) + ' THB');
}

bk.EventTotal=function(){
	$('.addondata').click(function(){bk.CalulateTotal();});
	$('.qtydata').change(function(){bk.CalulateTotal();});
	$('.numdata').change(function(){bk.CalulateTotal();});
}

bk.LoadPageSuccess=function(){
	$('#dvLoading').css('display', 'none');
	$('#mainBox').css('display', 'block');
}

bk.ChangeCategory=function(){
	$('#room').change(function(){
		if($(this).val()=='0'){
			$('#MaxPerson').text('Adult 0 / Child 0 (12 Years)');
			$('<option>').attr('value', '0').text('0').appendTo('#adult');
			$('#adult').val('0');
			$('<option>').attr('value', '0').text('0').appendTo('#child');
			$('#child').val('0');
			return;
		}

		$.getJSON(url, {Mode:'LoadCboRoom', CatCode:$('#room').val(), Time:new Date().getTime()}, function(data){
			$('#MaxPerson').text('Adult ' + data.person.MaxAdult + ' / ' + 'Child ' + data.person.MaxChild + ' (12 Years)');
		});
	});
}

bk.RoomSelect=function(money, roommode){
	$('#roomRate').text(money);
	bk.CalulateTotal();
	$('#RoomMode').val(roommode);
}

bk.AddFirstBooking=function(){
	if(ft.Get('room')=='null' ||
		ft.Get('quantity')=='null' ||
		ft.Get('start')=='null' ||
		ft.Get('stop')=='null' ||
		ft.Get('adult')=='null' ||
		ft.Get('child')=='null')return;

	var myData={
		room:parseFloat(ft.Get('room')),
		quantity:parseFloat(ft.Get('quantity')),
		start:ft.Get('start'),
		stop:ft.Get('stop'),
		adult:parseFloat(ft.Get('adult')),
		child:parseFloat(ft.Get('child'))
	}

	bk.LoadBooking(myData);
}

bk.AddMoreBooking=function(){
	if($('.addmore').length >= 3)return;
	if(fn_cbChange() && fn_cbChange2() && $('#room').val() != '0'){
		var date_start = $('#date_start').val().split('/');
		var date_end = $('#date_end').val().split('/');
		var start = parseFloat(date_start[2])+'-'+parseFloat(date_start[1])+'-'+parseFloat(date_start[0]);
		var stop = parseFloat(date_end[2])+'-'+parseFloat(date_end[1])+'-'+parseFloat(date_end[0]);

		var RoomDate = [];
		$('#RoomDate span').each(function(i){
			RoomDate[i]=$(this).text()
		});
		var myData={
			room:parseFloat($('#room').val()),
			quantity:parseFloat($('#quantity').val()),
			start:start,
			stop:stop,
			adult:parseFloat($('#adult').val()),
			child:parseFloat($('#child').val()),
			roomdate:RoomDate
		}

		bk.LoadBooking(myData);
		$('#areaTotal').css('display', 'block');
	}else{
		alert('Please select room category.');
	}
}

bk.LoadBooking=function(myData){
	$('#btnBookMore').attr('disabled', true);
	$('#btnBookMore').text('waiting...');
	$.ajax({
		url:url+'?Mode=LoadBooking&'+new Date().getTime(),
		type:'POST',
		dataType:'json',
		data:myData,
		success:function(data){
			$('#btnBookMore').attr('disabled', false);
			$('#btnBookMore').text('Book');
      switch(data.success){
			  case 'COMPLETE' :
					$('.notavai').slideUp('slow');
					var price = nm.Number($('#Price3Day').val());
					price += data.Price3Day;
					$('#Price3Day').val(price);
					bk.AppendBooking(data);
        break;
			  case 'ONREQUEST' :
					bk.RoomNotAvai(data.roomrec, data.field, data.Option, myData);
        break;
			  default :
          alert('BOOKING INCOMPLETE!!');
        break;
      }
		}
	});
}

bk.RoomNotAvai=function(data, attr, option, myData){
	var html = '';

	html += '<div class="notavai" style="display:none;">';
	html += '  <div id="note" style="font-size:16px;">';
	html += '    * We sorry, you couldn\'t reserve room in some date.';
	html += '    We have another option of accommodation. If it is not suite you. ';
	html += '    Please you can change room type, or date for solve a problem. Thank you.';
	html += '  </div>';
	html += '  <div>';
	html += '    <h3 style="margin:10px 0 5px 0; padding:0; font-size:14px;">{CatName} : Room not available [Arrival : {DateStart}| Depart : {DateStop}]</h3>';
	html += '    <ul style="font-size:13px; margin:0;">{Recommend}</ul>';
	html += '  </div>';
	if(myData.quantity > 1){
	html += '  <div style="color:#333; font-size:17px; padding:15px 5px 5px 30px;">* Some of the room are available please change quantity of the room.</div>';
	}
	html += '<div style="overflow:hidden; padding:0 10px 0 10px; height: auto;" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" role="tabpanel">';
	html += '  <div>';
	html += '    <div class="spaceVertical"></div>';
	html += '    <div id="ConditionRoom">';
	html += '      <table width="100%" border="0" cellpadding="3" cellspacing="1">';
	html += '        <tbody>';
	html += '          <tr style="background:url(development-bundle/themes/pepper-grinder/images/ui-bg_fine-grain_65_654b24_60x60.png) repeat; font-family:Georgia, \'Times New Roman\', Times, serif; color:#FFF; font-size:14px;" height="30px">';
	html += '            <th scope="col" width="30%">Category</th>';
	html += '            <th scope="col" width="30%">Room Details</th>';
	html += '            <th scope="col" width="20%">Total</th>';
	html += '            <th scope="col" width="20%">Book</th>';
	html += '          </tr>';

	$.each(option, function(i, attr){
		optionData[i]=myData;
		optionData[i]['room']=attr.Code;
		html += '<tr>';
		html += '  <td valign="top" style="border-bottom:dotted 1px #CCC;" align="center"><a href="'+attr.ViewMore+'#" target="_blank"> <img src="images/bungalow-thumb/roomcat-'+attr.Code+'.jpg" alt="" width="70" height="52" border="0"> </a></td>';
		html += '  <td style="border-bottom:dotted 1px #CCC;" align="center"><b>'+attr.CatName+' x '+myData.quantity+' room</b><br>{DateStart} - {DateStop}</td>';
		html += '  <td align="right" style="border-bottom:dotted 1px #CCC;">'+attr.Total+' THB</td>';
		html += '  <td align="center" style="border-bottom:dotted 1px #CCC;"><button class="bookoption" onclick="bk.LoadOption('+i+')">Book</button></td>';
		html += '</tr>';
		html += '';
	});

	html += '        </tbody>';
	html += '      </table>';
	html += '    </div>';
	html += '  </div>';
	html += '</div><hr>';
	html += '</div>';


	var avai='';
	$.each(data, function(i, attr){
		avai += '<li>Night of <font color="green">'+attr.DateBook+'</font> : <font color="#743533">'+attr.CntRoom+'</font></li>';
	});
	html = html.split('{Recommend}').join(avai);
	html = html.split('{CatName}').join(attr.CatName);
	html = html.split('{DateStart}').join(attr.DateStart);
	html = html.split('{DateStop}').join(attr.DateStop);

	$('.notavai').remove();
	$('#RoomAvaiForm').append(html);
	$('.bookoption').button();
	$('.notavai').last().slideDown('slow');
}

bk.LoadOption=function(i){
	bk.LoadBooking(optionData[i]);
}

bk.RecommendRoom=function(data){
	var html = '';
	html += '<div class="notavai">';
	html += '  <div style="color:red;">';
	html += '    * Sorry, you couldn\'t reserve room in some date.';
	html += '    We have another option of reservation if it is not suite you. ';
	html += '    You can change room type or date for solve a problem.';
	html += '  </div>';
	html += '  <div>';
	html += '    {Recommend1}';
	html += '    {Recommend2}';
	html += '  </div><hr>';
	html += '</div>';

	var option1='';
	option1 += '    <div>Recommend I :</div>';
	option1 += '    <ul style="font-size:13px;">';
	option1 += '      <li>Option I : '+data[0][0].data.catname+' &bull; '+data[0][0].min.dateformat+' - '+data[0][0].max.dateformat+'</li>';
	if(data[0].length > 2){
	option1 += '      <li>Option II : '+data[0][1].data.catname+' &bull; '+data[0][1].min.dateformat+' - '+data[0][1].max.dateformat+'</li>';
	}
	option1 += '    </ul>';
	html = html.split('{Recommend1}').join(option1);

	var option2='';
	option2 += '    <div>Recommend II :</div>';
	option2 += '    <ul style="font-size:13px;">';
	option2 += '      <li>Option I : '+data[1][0].data.catname+' &bull; '+data[1][0].min.dateformat+' - '+data[1][0].max.dateformat+'</li>';
	if(data[1].length > 2){
	option2 += '      <li>Option II : '+data[1][1].data.catname+' &bull; '+data[1][1].min.dateformat+' - '+data[1][1].max.dateformat+'</li>';
	}
	option2 += '    </ul>';
	html = html.split('{Recommend2}').join(option2);

	$('.notavai').remove();
	$('#RoomAvaiForm').append(html);
	$('.notavai').slideDown('fast');
//	setTimeout(function(){
//		$('.notavai').slideUp('slow');
//	}, 10000);
}

bk.AppendBooking=function(data){
	var html = '';
	html += '<div class="addmore" style="display:none;">';
	html += '  <div class="infoform">';
	html += '    <div rel="{CatCode}" class="subheader catcodedata">';
	html += '      Room Selection and Details : {CatName} ';
	html += '      <span class="viewMore" style="font-size:10px;">';
	html += '        <a href="{ViewMore}" target="_blank">(view more)</a>';
	html += '      </span>';
	html += '    </div>';
	html += '    <table width="100%" cellpadding="3" cellspacing="0" border="0">';
	html += '      <tr>';
	html += '        <td width="30%" align="right">Arrival Date :</td>';
	html += '        <td width="40%" align="left" rel="{DateStart}" class="datestartdata">{ArrivalDate}</td>';
	html += '        <td width="30" rowspan="8" align="center"><div class="roomtype type-{CatCode}"></div></td>';
	html += '      </tr>';
	html += '      <tr>';
	html += '        <td align="right">Depart Date :</td>';
	html += '        <td align="left" rel="{DateStop}" class="datestopdata">{DepartDate}</td>';
	html += '      </tr>';
	html += '      <tr>';
	html += '        <td align="right">Room Quantity :</td>';
	html += '        <td align="left" rel="{Quantity}" class="quantitydata">{Quantity}</td>';
	html += '      </tr>';
	html += '      <tr>';
	html += '        <td align="right">Room Rate :</td>';
	html += '        <td align="left" rel="{Price}" class="pricedata">{PriceFormat} THB</td>';
	html += '      </tr>';
	html += '      <tr>';
	html += '        <td align="right">Total :</td>';
	html += '        <td align="left" rel="{Total}" class="totaldata">{TotalFormat} THB</td>';
	html += '      </tr>';
	html += '      <tr>';
	html += '        <td align="right">No. Adult :</td>';
	html += '        <td align="left" rel="{Adult}" class="adultdata">{Adult}</td>';
	html += '      </tr>';
	html += '      <tr>';
	html += '        <td align="right">No. Child :</td>';
	html += '        <td align="left" rel="{Child}" class="childdata">{Child}</td>';
	html += '      </tr>';
	html += '      <tr>';
	html += '        <td align="right">Add-on Extra Person :</td>';
	html += '        <td align="left" rel="{ExtraPerson}" class="extrapersondata">{ExtraPerson}</td>';
	html += '      </tr>';
	html += '      <tr>';
	html += '        <td align="right">Max person per room :</td>';
	html += '        <td align="left" rel="{MaxRoom}" class="maxroomdata">Adult {MaxAdult}, Child {MaxChild}</td>';
	html += '      </tr>';
	html += '    </table>';
	html += '  </div>';
	html += '  <hr>';
	html += '</div>';

	html = html.split('{CatCode}').join(data.Code);
	html = html.split('{CatName}').join(data.Name);
	html = html.split('{ViewMore}').join(data.ViewMore);
	html = html.split('{DateStart}').join(data.DateStart);
	html = html.split('{ArrivalDate}').join(data.ArrivalDate);
	html = html.split('{DateStop}').join(data.DateStop);
	html = html.split('{DepartDate}').join(data.DepartDate);
	html = html.split('{Quantity}').join(data.Quantity);
	html = html.split('{Price}').join(data.Price);
	html = html.split('{PriceFormat}').join(nm.FormatNumber(data.Price));
	html = html.split('{Total}').join(data.Total);
	html = html.split('{TotalFormat}').join(nm.FormatNumber(data.Total));
	html = html.split('{Adult}').join(data.Adult);
	html = html.split('{Child}').join(data.Child);
	html = html.split('{ExtraPerson}').join(data.AddPerson);
	html = html.split('{MaxAdult}').join(data.max_adult);
	html = html.split('{MaxChild}').join(data.max_child);
	html = html.split('{MaxRoom}').join(data.MaxRoom);

	$.each(data.RoomDate, function(i, room){
		$('#RoomDate').append('<span>'+room+'</span> ');
	});
	$('#RoomAvaiForm').append(html);
	$('.addmore').last().slideDown('slow');

	bk.Recheck();
}

bk.Recheck=function(){
	var total = 0.0;
	var amount = 0.0;
	var adult = 0;
	var child = 0;
	$('.totaldata').each(function(){
		amount = nm.Number($(this).attr('rel'));
		total += amount;
	});

	$('.adultdata').each(function(){
		adult += nm.Number($(this).attr('rel'));
	});

	$('.childdata').each(function(){
		child += nm.Number($(this).attr('rel'));
	});

	$('#roomRate').text(nm.FormatNumber(total));
	$('#AdultNo').val(adult);
	$('#ChildNo').val(child);

	var extraperson = 0;
	$('.extrapersondata').each(function(){
		extraperson += nm.Number($(this).attr('rel'));
	});
	var maxroom = 0;
	$('.maxroomdata').each(function(){
		maxroom += nm.Number($(this).attr('rel'));
	});

	if(extraperson > 0){
		$('#Addon-AD00000002').attr('checked', true);
		$('#Quantity-AD00000002').val(extraperson);
		$('.numdata').val(maxroom);
	}
	bk.CalulateTotal();
}

bk.SetButton=function(){
	$('#btnBookMore').button();
	$('#Submit').button();
	$('#Clear').button();
}

bk.ResetForm=function(){
  $('#Clear').click(function(){
    $('#Email').val('');
    $('#full_name').val('');
    $('#ZipCode').val('');
    $('#Nationality').val('');
    $('#Address').val('');
    $('#telephone').val('');
    $('#OldCustomer').val('');
  });
}

bk.ClearBlankBooking=function(){
	$.ajax({
		url:url+'?Mode=ClearBlankBooking&'+new Date().getTime(),
		type:'GET',
		data:{},
		success:function(data){
			setTimeout(function(){
				bk.ClearBlankBooking();
			}, 60000);
		}
	});
}

bk.ToggleHref=function(){
	$('#headerToggle0').click(function(){
		window.location.href='#headerToggle0';
	});
	$('#headerToggle1').click(function(){
		window.location.href='#headerToggle1';
	});
	$('#headerToggle2').click(function(){
		window.location.href='#headerToggle2';
	});
}