var SeatView = Class.create({
	initialize: function() {
	
	}
});

SeatView.setTextunit = function(name,value) {
	if (!SeatView.textunits) {
		SeatView.textunits = new Array();
	}
	SeatView.textunits[name] = value;
},

SeatView.showSeatsForTwoStepPackage = function(eventCode, message)
{
	var pricetypes = message.pricetypes;
	
	var col = $$('td[event="'+eventCode+'"]')[0];

	var headerTemplate = new Template('<tr><th colspan="3" align="left" style="font-size: 13px">#{pricetype_name}</th><th></th><th align="left" style="font-size: 13px">#{section_title}</th></tr>');
	var rowTemplate = new Template('<tr><td align="right" width="10">#{quantity}</td><td width="10"></td><td width="260">#{pricecategory_name} - #{price}</td><td></td><td>#{section_name}</td></tr>');

	if(SeatView.bestAvailableDropDowns == undefined) {
		SeatView.bestAvailableDropDowns = new Hash();
	}
	
	if(SeatView.bestAvailableDropDowns.get(eventCode) == undefined )
		SeatView.bestAvailableDropDowns.set(eventCode,col.innerHTML);
	
	var htmlString = '<table width="600">';

	for (var i = 0 ; i<pricetypes.length;i++)
	{
		var priceTypeName = pricetypes[i];
		var headerVars = {
				pricetype_name: pricetypes[i],	
				section_title: SeatView.textunits['SECTION']
		}
		var headerHtml =  headerTemplate.evaluate(headerVars);
		
		htmlString += headerHtml;
			
		var seats = message.seats[priceTypeName];
		for (var j = 0 ; j<seats.length;j++) {
			var rowVars = {
					quantity: 			seats[j].quantity,	
					pricecategory_name: seats[j].pricecategory,	
					section_name:		seats[j].section,	
					price: 				seats[j].priceformatted	
			}
			var rowHtml = rowTemplate.evaluate(rowVars);
			htmlString += rowHtml;
		}
		if (i<pricetypes.length-1) {
			htmlString += '<tr><td colspan="5"><hr/></td></tr>';
		}
	}
	htmlString += '</table>';

	
	col.update(htmlString);	
}


SeatView.restoreBestAvailableDropDowns=function(eventCode)
{
	var col = $$('td[event="'+eventCode+'"]')[0];
	col.update(SeatView.bestAvailableDropDowns.get(eventCode));

}