(function($) {
	$.fn.get_rates = function (url, hideHotelInfo) {
	
		var body = $(this);
		var hideHotelInfo = hideHotelInfo != undefined ? hideHotelInfo : false;
		
		getRooms(url);
		
		function showHotel(hotel) {
			
			if (hideHotelInfo == true) return '';
			
			var html = '';
			html += '<table width="100%" cellpadding="0" cellspacing="0" border="0" class="hotel">';
			html += '<tr>';
			html += '<td width="20%"><a href="' + hotel.url + '"><img src="/city/' + hotel.photo + '" border="0"></a></td>';
			html += '<td width="80%" valign="top">';
			html += '<a class="hotelname" href="' + hotel.url + '" style="font-size:16px; font-weight:bold; color:#3E0074;">' + hotel.name + '</a>';
			html += '<div class="hotel-description">' + hotel.description + '</div>';
			html += '</td>';
			html += '</tr>';
			html += '</table>';
			return html;
		}
		
		function getRooms(url) {
			
			$.ajax ({
					url:url, 
					type: 'GET',
					cache: true,
					dataType: "json",
					success: loadRooms,
					error: function(XMLHttpRequest, textStatus, errorThrown) { alert(textStatus);}});
		}
		
		function loadRooms(data) {
			
			process(false);
			var hotel = data.result.hotel;
			var rooms = hotel.rooms;
			if (rooms.length == 0) return;
			
			var html = '<div class="hotels" id="h_'+hotel.id+'">';
			html += showHotel (hotel);
			html += '<table class="hotel-rooms">';
			html += '<tr>';
			html += '<td><b>Beschikbare Kamers</b></td>';
			html += '<td align="center" nowrap="nowrap"><b>Personen</b></td>';
			html += '<td align="center" nowrap="nowrap"><b>Totaalprijs</b></td>';
			html += '<td>&nbsp;</td>';
			html += '</tr>';
			
			
			if (rooms.length > 0) {
				for(var i = 0; i < rooms.length; i++) {
					var room = rooms[i];
					var id = room.id + '' + i;
					html += '<tr>';
					html += '<td valign="middle"><a href="javascript:void(0);" rel="#maintrack-info-'+id+'" class="get-info">' + room.name + '</a></td>';
					html += '<td valign="top" align="center">' + hotel.noOfPeople + '</td>';
					html += '<td valign="top" align="center" nowrap="nowrap">' + '&euro;' + room.totalRate + '</td>';
					html += '<td valign="top">' + room.form + '</td>';
					html += '</tr>';
					html += '<tr>' + 
								"<td colspan='4'>" + 
									"<div class='info' style='display:none;' id='maintrack-info-" + id + "'>" +
										"<b>Tarief:</b>" + room.ratePlanDescription + "<br><b>Kamerbeschrijving:</b>" + room.roomDescription + 
									"</div>" + 
								"</td>" + 
							"</tr>";

				}
			}
			html += '</table>';
			html += '</div>';
			body.html(html);
			
			$('.get-info').click( function() {
				$(this.rel).show();
			});
		}
		
		return this;	
	}
})(jQuery);