var SearchBox = new Class({
	cal_a: null,
	cal_b: null,
	initialize: function()
	{
		// has container div?
		//var cont = $('container');
		var cont = $('content');
		if (cont == null) return;
		//
		var div = new Element('div', {'class': 'searchbox'});
		div.set('html', '<table cellpadding="0" cellspacing="0" border="0">\
	<tr>\
    	<td><label>Check-in</label>\
<input type="text" name="cid_" id="cid_" value="" size="20" /><img src="/images/calendar.gif" id="cii_" alt="" /></td>\
        <td><label>Check-out</label>\
<input type="text" name="cod_" id="cod_" value="" size="20" />\
<img src="/images/calendar.gif" id="coi_" alt="" /></td>\
        <td><input type="button" name="btn" value="Search" class="sb-book-btn" onclick="sb.do_search();" /></td>\
    </tr>\
</table>');
		// get window size, get container left
		//var ws = window.getSize();
		//var cs = cont.getPosition();
		//div.setStyles({'position': 'fixed', 'top': ((ws.y / 2) - 110), 'left': (cs.x - 190)});
		cont.grab(div, 'top');
		//
		var date = new Date();
		this.cal_a = new CalendarEightysix('cid_', {'defaultDate': date, 'format': '%a %b %d, %Y', 'disallowUserInput': true, 'toggler': 'cii_', 'offsetX': 18, 'offsetY': -4});
		this.cal_b = new CalendarEightysix('cod_', {'defaultDate': date.clone().increment('day', 1), 'format': '%a %b %d, %Y', 'disallowUserInput': true, 'toggler': 'coi_', 'offsetX': 18, 'offsetY': -4});
		this.cal_a.options.pickFunction = function(d){
			this.cal_b.setDate(d.clone().increment('day', 1));
		}.bind(this);
	},
	do_search: function()
	{
		var a = this.cal_a.selectedDate;
		var b = this.cal_b.selectedDate;
		var qs = '?city=-814876&label=sitewide&aid=336259&checkin_monthday=' + a.getDate() + '&checkin_year_month=' + a.getFullYear() + '-' + (a.getMonth() + 1) + '&checkout_monthday=' + b.getDate() + '&checkout_year_month=' + b.getFullYear() + '-' + (b.getMonth() + 1);
		window.open('http://www.booking.com/searchresults.html' + qs);
	}
});
var sb = null;
window.addEvent('domready', function(){sb = new SearchBox();});