PopupPosSelector = PopupBase.extend({

	dlgKey: '#pos-selector-dialog',

	html: '<div id="pos-selector-dialog" class="popup-dialog">'

		+ '<div id="pos-selector-text">'
		+ '<h1>Captivating Promotional Materials</h1>'
		+ '<p>Now that you know the whole Heritage Ranch story, make sure your customers know too. These appealing POS materials complement your establishment while sharing the story of the very ranch their beef came from. Just download any or all of the materials, print as many as you need—and watch your sales soar!</p>'
		+ '</div>'

		+ '<div id="pos-selector-acrobat"><a target="_blank" href="http://get.adobe.com/reader/?promoid=BUIGO">'
		+ '<img src="/Content/Images/get-acrobat-reader.jpg" /></a></div>'

		+ '<div id="pos-selector-image"></div>'

		+ '<div id="pos-selector-buttons">'
		+ '<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr>'
		+ '<td width="50%">'
		+ '<a href="#" id="pos-selector-one" target="_blank">'
		+ '<div class="pos-link">Taste of Satisfaction</div></a>'
		+ '</td><td>'
		+ '<a href="#" id="pos-selector-two" target="_blank">'
		+ '<div class="pos-link">The New Frontier</div></a>'
		+ '</td></tr></table>'
		+ '</div>'

		+ '</div>'
	,

	show: function (id) {
		
		this.config.ranchID = id;
		
		$('#pos-selector-one').attr('href', this.getLink('One'));
		$('#pos-selector-two').attr('href', this.getLink('Two'));

		this._super();
	},

	getLink: function (key) {
		var id = this.config.ranchID;
		return 'http://74.63.137.113/Design' + key + '.aspx?ID=' + id;
	}
});