var Application =  {
	lastId: 0,
	currentSampleNb: 0,
	
	  getNewId: function() {
		Application.lastId++;
		return "window_id_" + Application.lastId;
	  },
	  
	checkAvailability: function(theme, aptid, bed, modal) {
	  idButton = theme + '_theme_button';
		html = "<a class=\"links\" style=\"cursor: pointer;\" onclick=\"Application.openCheckAvailabilityWindow('" + theme + "', '" + aptid + "', '" + bed + "')\">Check Availability</a>";
	document.write(html)
	},
	
	call: function(theme, aptid, bed, modal) {
	  idButton = theme + '_theme_button';
		html = "<a class=\"links\" style=\"cursor: pointer;\" onclick=\"Application.openCallWindow('" + theme + "', '" + aptid + "', '" + bed + "')\">Check Rate</a>";
	document.write(html)
	},
	
	checkLocator: function(theme, aptid, bed, modal) {
	  idButton = theme + '_theme_button';
		html = "<a class=\"links\" style=\"cursor: pointer;\" onclick=\"Application.openLocatorWindow('" + theme + "', '" + aptid + "', '" + bed + "')\">Check Availability</a>";
	document.write(html)
	},
	
	openCallWindow: function(theme, aptid, bed, modal) {
	  var win = new Window(Application.getNewId(), {className: theme, width:330, height:340, resizable: false, recenterAuto: false, minimizable: false, maximizable: false, title: "<span style='color: #4271CB; font-size: 12px; font-weight: bold;'>Check Availability</span>", showEffect:Effect.Appear, hideEffect:Effect.Fade});
	  win.getContent().innerHTML= "<form id='windowAvailabilityForm'><p style='margin: 15px 0 15px 0; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;' align='center'></p><table cellpadding='5' cellspacing='5' style='margin-left: 13px; background-color: #FFFFFF;'><tr><td style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;' width='100'>First Name<br/><input class='textboxAdv' type='text' name='popFname' id='popFname' /></td><td style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Last Name<br/><input class='textboxAdv' name='popLname' id='popLname' type='text' /></td></tr><tr><td colspan='2'><div style='height: 4px; display: block;'></div></td></tr><tr><td style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Phone<br/><input class='textboxAdv' name='popPhone' id='popPhone' type='text' /></td><td  style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Email Address<br/><input class='textboxAdv' name='popEmail' id='popEmail' type='text' /></td></tr><tr><td colspan='2'><div style='height: 4px; display: block;'></div></td></tr><tr><td colspan='2' style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Enter Your Message Below<br/><TextArea class='textarea' OnClick=\"this.value=''\" rows='7' cols='50' name='popMessage' id='popMessage'>What is your current rate is for a " + bed.replace("1", "1 bedroom apartment").replace("2", "2 bedroom apartment").replace("3", "3 bedroom apartment").replace("4 bedroom apartment") + "?</textarea></td></tr><tr><td colspan='2'><div style='height: 4px; display: block;'></div></td></tr><tr><td colspan='2'><div style='height: 4px; display: block;'></div></td></tr><tr><td colspan='2'><input type='button' class='sendButton' src='/images/send.png' value='Send' OnClick=\"windowAjaxCall('checkAvailability.aspx', 'windowAvailabilityForm');\"/></td></tr></table><input type='hidden' id='aptid' name='aptid' value='" + aptid + "'/><input type='hidden' id='beds' name='beds' value='" + bed + "'/></form>";
	  win.showCenter(modal);
	},
	
	openLocatorWindow: function(theme, aptid, bed, modal) {
	  var win = new Window(Application.getNewId(), {className: theme, width:330, height:340, resizable: false, recenterAuto: false, minimizable: false, maximizable: false, title: "<span style='color: #4271CB; font-size: 12px; font-weight: bold;'>Check Availability</span>", showEffect:Effect.Appear, hideEffect:Effect.Fade});
	  win.getContent().innerHTML= "<form id='windowLocatorForm'><p style='margin: 15px 0 15px 0; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;' align='center'></p><table cellpadding='5' cellspacing='5' style='margin-left: 13px; background-color: #FFFFFF;'><tr><td style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;' width='100'>First Name<br/><input class='textboxAdv' type='text' name='popFname' id='popFname' /></td><td style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Last Name<br/><input class='textboxAdv' name='popLname' id='popLname' type='text' /></td></tr><tr><td colspan='2'><div style='height: 4px; display: block;'></div></td></tr><tr><td style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Phone<br/><input class='textboxAdv' name='popPhone' id='popPhone' type='text' /></td><td  style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Email Address<br/><input class='textboxAdv' name='popEmail' id='popEmail' type='text' /></td></tr><tr><td colspan='2'><div style='height: 4px; display: block;'></div></td></tr><tr><td colspan='2' style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Move-In Date<br/><select name='popMonth'><option value='0' style='width:75px;'>Month</option><option value='1'>Jan</option><option value='2'>Feb</option><option value='3'>Mar</option><option value='4'>Apr</option><option value='5'>May</option><option value='6'>Jun</option><option value='7'>Jul</option><option value='8'>Aug</option><option value='9'>Sep</option><option value='10'>Oct</option><option value='11'>Nov</option><option value='12'>Dec</option></select>&nbsp;<select name='popDay' style='width:75px;'><option value='0'>Day</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option></select>&nbsp;<select name='popYear' style='width:75px;'><option value='0'>Year</option><option>2007</option><option>2008</option><option>2009</option></select></td></tr><tr><td colspan='2' style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Bedrooms<br/><select name='popBedrooms' style='width:150px;'><option>1 Bedroom</option><option>2 Bedrooms</option><option>3 Bedrooms</option><option>4+ Bedrooms</option></select></td></tr><tr><td colspan='2' style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Price Range<br/><select name='popPrice' style='width:150px;'><option>From $550 to $700</option><option>From $700 to $850</option><option>From $850 to $1000</option><option>From $1000 to $1150</option><option>From $1150 to $1300</option><option>From $1300 to $1450</option><option>From $1450</option></select></td></tr><tr><td colspan='2'><div style='height: 4px; display: block;'></div></td></tr><tr><td style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Pets<br/><input type='radio' name='popPets' value='Yes'> Yes&nbsp;<input type='radio' name='popPets' value='No'> No&nbsp;</td><td style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>If yes, which breed?<br/><input type='text' name='popBreed'></td></tr><tr><td colspan='2'><div style='height: 4px; display: block;'></div></td></tr><tr><td colspan='2'><input type='button' class='sendButton' src='/images/send.png' value='Send' OnClick=\"windowAjaxCall('/checkLocator.aspx', 'windowLocatorForm');\"/>&nbsp;&nbsp;You will receive an email shortly.</td></tr></table><input type='hidden' id='aptid' name='aptid' value='" + aptid + "'/><input type='hidden' id='beds' name='beds' value='" + bed + "'/></form>";
	  win.showCenter(modal);
	},

	openCheckAvailabilityWindow: function(theme, aptid, bed, modal) {
	  var win = new Window(Application.getNewId(), {className: theme, width:330, height:340, resizable: false, recenterAuto: false, minimizable: false, maximizable: false, title: "<span style='color: #4271CB; font-size: 12px; font-weight: bold;'>Check Availability</span>", showEffect:Effect.Appear, hideEffect:Effect.Fade});
	  win.getContent().innerHTML= "<form id='windowAvailabilityForm'><p style='margin: 15px 0 15px 0; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;' align='center'></p><table cellpadding='5' cellspacing='5' style='margin-left: 13px; background-color: #FFFFFF;'><tr><td style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;' width='100'>First Name<br/><input class='textboxAdv' type='text' name='popFname' id='popFname' /></td><td style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Last Name<br/><input class='textboxAdv' name='popLname' id='popLname' type='text' /></td></tr><tr><td colspan='2'><div style='height: 4px; display: block;'></div></td></tr><tr><td style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Phone<br/><input class='textboxAdv' name='popPhone' id='popPhone' type='text' /></td><td  style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Email Address<br/><input class='textboxAdv' name='popEmail' id='popEmail' type='text' /></td></tr><tr><td colspan='2'><div style='height: 4px; display: block;'></div></td></tr><tr><td colspan='2' style='color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px;'>Enter Your Message Below<br/><TextArea class='textarea' OnClick=\"this.value=''\" rows='7' cols='50' name='popMessage' id='popMessage'>Add your message here\r\n\r\n(Tip: Generally, the more specific you are, the quicker the property is to respond.)</textarea></td></tr><tr><td colspan='2'><div style='height: 4px; display: block;'></div></td></tr><tr><td colspan='2'><div style='height: 4px; display: block;'></div></td></tr><tr><td colspan='2'><input type='button' class='sendButton' src='/images/send.png' value='Send' OnClick=\"windowAjaxCall('checkAvailability.aspx', 'windowAvailabilityForm');\"/></td></tr></table><input type='hidden' id='aptid' name='aptid' value='" + aptid + "'/><input type='hidden' id='beds' name='beds' value='" + bed + "'/></form>";
	  win.showCenter(modal);
	},
		
	addRightColumn: function() {
    document.write();    
    
    setTimeout(Application.moveFrame, 100);
	},
	
	moveFrame: function() {
	  var f =$$("iframe")[0]; 
    if (f) {
      $("g").appendChild(f)
    }
    else
      setTimeout(Application.moveFrame, 100)
	}
}

function windowAjaxCall(requestPage, form)
{
	method = 'post';
	params = Form.serialize($(form));

	new Ajax.Request(
		requestPage,
		{
			method: method,
			postBody: params,
			onLoading: windowLoadingHandler,
			onSuccess: windowSuccessHandler,
			onFailure: windowFailureHandler
		}
	);	

}

function windowLoadingHandler ()
{
	$('windowIcon').addClassName('loadingIcon');
	new Effect.Appear($('windowIcon'));	
}

function windowFailureHandler (response)
{
	alert(response.responseText);
}

function windowSuccessHandler (response)
{
	response = response.responseText.split('|');

	if(response[1] == 'success')
	{
		//$('windowIcon').removeClassName('loadingIcon');
		//$('windowIcon').removeClassName('errorIcon');
		//$('windowIcon').addClassName('successIcon');
		window.location = response[2];
	}

}
