// ===============================================================================================
// class: EG_BookingEngine()
// ---------------------------
//
// Main class for the booking engine. Recommended to use strict mode on the HTML page that
// contains the calendar script
// ===============================================================================================
function EG_BookingEngine(){

  // ----------------------------------------------------------------------------------------------------
  // function: render()
  // ----------------------------------------------------------------------------------------------------
  this.render = function(){

    var output = '<link rel="stylesheet" href="http://www.barcelona30.com/dhtmlgoodies_calendar/dhtmlgoodies_calendar.css?random=1220813005" media="screen">' 
 + '<SCRIPT type="text/javascript" src="http://www.barcelona30.com/dhtmlgoodies_calendar/dhtmlgoodies_calendar.js?random=1220813005"></script>' 
 + '<div id="eap_be"' 
 + 'style="color: #809a05;' 
 + 'background-color: #FFFFFF;' 
 + 'border:1px solid #809a05;">' 
 + '' 
 + '' 
 + '<style type="text/css">' 
 + '#topTable, #topTable td{' 
 + '' 
 + 'background-color: #FFFFFF;' 
 + '' 
 + '}' 
 + '' 
 + '#eap_be{' 
 + '/*border:1px solid red;*/' 
 + 'font-family:arial;' 
 + 'font-size:12px;' 
 + 'font-weight:bold;' 
 + 'padding:0px 5px 5px 5px;' 
 + 'width:200px;' 
 + 'height:200px;' 
 + '}' 
 + '' 
 + '#eap_be label{' 
 + 'width:60px;' 
 + 'word-wrap:break-word;' 
 + 'margin-right:5px;' 
 + 'display:block;' 
 + 'float:left;' 
 + 'height:30px;' 
 + '}' 
 + '' 
 + '#eap_be input{' 
 + 'width:90px;' 
 + 'vertical-align:-moz-middle-with-baseline;' 
 + '}' 
 + '#eap_be select{' 
 + 'font-size: 10px;' 
 + 'width:40px;' 
 + '}' 
 + '' 
 + '#eap_be div{' 
 + 'padding:3px 4px 6px 4px;' 
 + 'margin-bottom:3px;' 
 + 'text-align:left;' 
 + 'height:30px;' 
 + '}' 
 + '' 
 + '#eap_be div#eap_be_line1{' 
 + 'text-align:center;' 
 + '}' 
 + '' 
 + '#eap_be .button{' 
 + 'margin:4px 0px;' 
 + 'width: 60%;' 
 + '}' 
 + '' 
 + '#eap_be .calendar-icon{' 
 + 'margin-left:4px;' 
 + '}' 
 + '' 
 + '#eap_be_line1{' 
 + '' 
 + 'border-bottom:1px solid #809a05;' 
 + '' 
 + '}' 
 + '' 
 + '#eap_be_line2{' 
 + '' 
 + 'border-bottom:1px solid #809a05;' 
 + '' 
 + '}' 
 + '' 
 + '#eap_be_line3{' 
 + '' 
 + 'border-bottom:1px solid #809a05;' 
 + '' 
 + '}' 
 + '' 
 + '#eap_be_line4{' 
 + '' 
 + 'border-bottom:1px solid #809a05;' 
 + '' 
 + '}' 
 + '' 
 + '</style>' 
 + '<!--[if IE ]>' 
 + '<style type="text/css">' 
 + '#eap_be{' 
 + 'width:212px;' 
 + '}' 
 + '</style>' 
 + '<![endif]-->' 
 + '' 
 + '' 
 + '' 
 + '<input type="hidden" name="AFFILIATE_ID" value="28">' 
 + '' 
 + '<div id="eap_be_line1" >' 
 + '<center>Book your low-cost place to stay in Barcelona here</center>' 
 + '</div>' 
 + '' 
 + '<div id="eap_be_line2">' 
 + '<label>Arrival Date:</label>' 
 + '<input name="ARRIVAL" type="text" id="ARRIVAL" value="dd/mm/yyyy"  onkeydown="return false;"' 
 + 'onfocus="affiliateCalendar(\'ARRIVAL\', \'ARRIVAL\', \'DEPARTURE\', \'http://www.barcelona30.com/\', \'dd/mm/yyyy\',this)" size="15" maxlength="10">' 
 + '<a href="javascript:setFocus(\'ARRIVAL\')"><img class="calendar-icon" src="http://www.barcelona30.com/images/icon_calendar_arrival.gif" width="21" height="19" border="0" align="middle"></a>' 
 + '</div>' 
 + '' 
 + '<div id="eap_be_line3">' 
 + '<label>Departure Date:</label>' 
 + '<input name="DEPARTURE" type="text" id="DEPARTURE" value="dd/mm/yyyy" onkeydown="return false;"' 
 + 'onfocus="affiliateCalendar(\'DEPARTURE\', \'ARRIVAL\', \'DEPARTURE\', \'http://www.barcelona30.com/\', \'dd/mm/yyyy\',this)" size="15" maxlength="10">' 
 + '<a href="javascript:setFocus(\'DEPARTURE\')"><img class="calendar-icon" src="http://www.barcelona30.com/images/icon_calendar_arrival.gif" width="21" height="19" border="0" align="middle"></a>' 
 + '</div>' 
 + '' 
 + '<div id="eap_be_line4" >' 
 + '<label>Guests:</label>' 
 + '<select name="NUMBER_OF_PERSONS">' 
 + '<option value="1">1</option>' 
 + '<option value="2" selected>2</option>' 
 + '<option value="3">3</option>' 
 + '<option value="4">4</option>' 
 + '<option value="5">5</option>' 
 + '<option value="6">6</option>' 
 + '<option value="7">7</option>' 
 + '<option value="8">8</option>' 
 + '<option value="9">9</option>' 
 + '<option value="10">10</option>' 
 + '<option value="11">11</option>' 
 + '<option value="12">12</option>' 
 + '<option value="13">13</option>' 
 + '<option value="14">14</option>' 
 + '<option value="15">15</option>' 
 + '<option value="16">16</option>' 
 + '<option value="17">17</option>' 
 + '<option value="18">18</option>' 
 + '<option value="19">19</option>' 
 + '<option value="20">20</option>' 
 + '</select>' 
 + '</div>' 
 + '<center><input name="button" type="button" value="SHOW OFFERS" class="button" onclick="open_eg_booking(this);"></center>' 
 + '' 
 + '</div>' 
 + '<div style="width:200px; text-align:right;" ><a href="http://www.barcelona30.com/" id="powered_by" style="font-size:12px; font-family:arial;color:#809a05;" target="_blank" title="low-cost accommodation in Barcelona30">Accommodation from Barcelona30</a></div>' 
 + '' 
;
    document.writeln(output);
  }

}

// --------------------------------------------------------------------------------------------------
// function: setFocus()
// --------------------------------------------------------------------------------------------------
function setFocus(dateField){
	document.getElementById(dateField).focus();
}

function affiliateCalendar(dateField, arrivalDate, departureDate, siteRoot, dateFormat,thisField){
	displayCalendarV2(document.getElementById(dateField), arrivalDate, departureDate, siteRoot, dateFormat, thisField);
}

var be = new EG_BookingEngine();
be.render();

// --------------------------------------------------------------------------------------------------
// function: validateForm()
//
// --------------------------------------------------------------------------------------------------
function validateForm(myForm)
{

  var booking_err1 = '';
  var booking_err2 = '';
  var booking_err3 = '';
  var booking_err4 = '';
  var booking_err5 = '';


  // PREPARE ARRIVAL
  el = myForm.elements['egarrival_day'];
  if( el != null ){
    myForm.elements['ARRIVAL'].value = el.options[el.selectedIndex].value;
    el = myForm.egarrival_yearmonth;
    myForm.elements['ARRIVAL'].value += "/" + el.options[el.selectedIndex].value;
  }


  // PREPARE DEPARTURE
  el = myForm.elements['egdeparture_day'];
  if( el != null ){
    myForm.elements['DEPARTURE'].value = el.options[el.selectedIndex].value;
    el = myForm.egdeparture_yearmonth;
    myForm.elements['DEPARTURE'].value += "/" + el.options[el.selectedIndex].value;
  }

  // START VALIDATION
  var re = /^(\d+)\/(\d+)\/(\d+)$/;
  var dt_arr, dt_dep;
  var dt_today = new Date();
  var dt_nextyr = new Date(dt_today - 0 + (1000*60*60*24*365));

  if (!myForm.ARRIVAL.value.match(/^\d+\/\d+\/\d+$/)) {
    alert(booking_err1);
    return false;
  }
  if (!myForm.DEPARTURE.value.match(/^\d+\/\d+\/\d+$/)) {
    alert(booking_err2);
    return false;
  }

  match = re.exec(myForm.ARRIVAL.value);
  dt_arr = new Date(match[3],match[2]-1,match[1]);
  match = re.exec(myForm.DEPARTURE.value);
  dt_dep = new Date(match[3],match[2]-1,match[1]);

  num_nights = (dt_dep-dt_arr)/1000/60/60/24;

  if (dt_arr <= dt_today) {
    alert(booking_err3);
    return false;
  }
  if (dt_arr > dt_nextyr) {
    alert(booking_err4);
    return false;
  }
  if (dt_dep <= dt_arr) {
    alert(booking_err5);
    return false;
  }

  return true;
}

// --------------------------------------------------------------------------------------------------
// function: submitForm()
//
// --------------------------------------------------------------------------------------------------

function submitForm() {
  var ret = false;

  if (validateForm(frm)) {
   displayWindow = window.open('', "bookingWin", "scrollbars=1,menubar=0,toolbar=0,location=0,status=0,width=700,height=500");
   if( displayWindow ){
     ret = true;
   }
   else{
     alert("WARNING! Your browser blocks popups.");
   }
  }
  return ret;
}


function open_eg_booking(obj){
  var engine_div = null;
  while( obj.parentNode != null ){
    if( obj.id.toLowerCase().indexOf("eap_be") > -1 ) {
      engine_div = obj;
      break;
    };
    obj = obj.parentNode;
  }
  if( engine_div == null ){
    alert("open_eg_booking() fails");
    return;
  }

  var qstring = "?";
  var affiliate = "28";

  // get input controls
  var inp_list = engine_div.getElementsByTagName("input");
  for( i = 0; i < inp_list.length; i++){
    if(  inp_list[i].type.toLowerCase() != 'button' ){
      qstring += inp_list[i].name + '=' + inp_list[i].value.toLowerCase() + "&";
    }
  }

  // get <select>
  var sel_list = engine_div.getElementsByTagName("select");
  for( i = 0; i < sel_list.length; i++){
    qstring += sel_list[i].name + '=' + sel_list[i].value.toLowerCase() + "&";
  }
  qstring = qstring.substr(0,qstring.length - 1);
  window.open('http://www.barcelona30.com/affiliate/28/eap_offer_create.php' + qstring, "bookingWin", "scrollbars=1,menubar=0,toolbar=0,location=0,status=0,width=700,height=640");
}


var minDate = new Date(2008,09-1,07);
var maxDate = new Date(2009,09-1,07);

startDate = new Date(1970,0,01);
endDate = new Date(1970,0,01);
languageCode = 'EN';

var booking_err1 = 'The number of people staying must match with the number and type of rooms selected. Single room is for 1 person, Double is for 2, Triple is for 3 persons. Please choose a combination that matches the number of persons.';
var booking_err2 = 'Please select an arrival date from tomorrow onwards.';
var booking_err3 = 'Please select an arrival date from within 1 years time.';
var booking_err4 = 'Please enter the number of nights you wish to stay.';
var booking_err5 = 'Please select arrival date (dd/mm/yyyy)';
var monthArray = new Array();
var monthArrayShort = new Array();
var dayArray = new Array();
var weekString = 'Week';var todayString = '';var closeString = 'close';  monthArray[0] = "January";
  monthArrayShort[0] = "Jan";
  monthArray[1] = "February";
  monthArrayShort[1] = "Feb";
  monthArray[2] = "March";
  monthArrayShort[2] = "Mar";
  monthArray[3] = "April";
  monthArrayShort[3] = "Apr";
  monthArray[4] = "May";
  monthArrayShort[4] = "May";
  monthArray[5] = "June";
  monthArrayShort[5] = "Jun";
  monthArray[6] = "July";
  monthArrayShort[6] = "Jul";
  monthArray[7] = "August";
  monthArrayShort[7] = "Aug";
  monthArray[8] = "September";
  monthArrayShort[8] = "Sep";
  monthArray[9] = "October";
  monthArrayShort[9] = "Oct";
  monthArray[10] = "November";
  monthArrayShort[10] = "Nov";
  monthArray[11] = "December";
  monthArrayShort[11] = "Dec";
  dayArray[0] = "M";
    dayArray[1] = "T";
    dayArray[2] = "W";
    dayArray[3] = "T";
    dayArray[4] = "F";
    dayArray[5] = "S";
    dayArray[6] = "S";