var fromDialog, fromCalendar, toDialog, toCalendar;
function init()
{
	offX = 495;
	offY = 20;
	loadGeneralMap();
	positionDetails();

	fromCalendar = new YAHOO.widget.Calendar("fromContainer", {
        iframe:false,          // Turn iframe off, since container has iframe support.
        hide_blank_weeks:true  // Enable, to demonstrate how we handle changing height, using changeContent
    });
    fromDialog = new YAHOO.widget.Dialog("fromSelectorContainer", {
        context:["moveFromIcon", "tl", "bl"],
        width:"14em",  // Sam Skin dialog needs to have a width defined (7*2em + 2*1em = 16em).
        draggable:false,
        close:true
    });
    fromCalendar.render();
    fromDialog.render();
    fromDialog.hide();
    fromCalendar.selectEvent.subscribe(fromOkHandler, fromCalendar, true);
	fromCalendar.renderEvent.subscribe(function() {
        // Tell Dialog it's contents have changed, Currently used by container for IE6/Safari2 to sync underlay size
        dialog.fireEvent("changeContent");
    });
	YAHOO.util.Event.on("moveFromIcon", "click", function() {
		if (YAHOO.util.Dom.get("moveFrom").value != "")
		{
			var selDateVal = YAHOO.util.Dom.get("moveFrom").value;
			if (fromCalendar.select(selDateVal) != "Invalid Date")
			{
				var selectedDates = fromCalendar.getSelectedDates(); 
		        if (selectedDates.length > 0) { 
		            var firstDate = selectedDates[0]; 
		            fromCalendar.cfg.setProperty("pagedate", (firstDate.getMonth()+1) + "/" + firstDate.getFullYear()); 
		            fromCalendar.render();
		        }
	        }
			else
				YAHOO.util.Dom.get("moveFrom").value = "";
			toCalendar.render();
		}
		fromDialog.show();
		if (YAHOO.env.ua.opera && document.documentElement) {
			// Opera needs to force a repaint
			document.documentElement.className += "";
		} 
	});
	
	toCalendar = new YAHOO.widget.Calendar("toContainer", {
        iframe:false,          // Turn iframe off, since container has iframe support.
        hide_blank_weeks:true  // Enable, to demonstrate how we handle changing height, using changeContent
    });
    toDialog = new YAHOO.widget.Dialog("toSelectorContainer", {
        context:["moveToIcon", "tl", "bl"],
        width:"14em",  // Sam Skin dialog needs to have a width defined (7*2em + 2*1em = 16em).
        draggable:false,
        close:true
    });
    toCalendar.render();
    toDialog.render();
    toDialog.hide();
    toCalendar.selectEvent.subscribe(toOkHandler, toCalendar, true);
	toCalendar.renderEvent.subscribe(function() {
        // Tell Dialog it's contents have changed, Currently used by container for IE6/Safari2 to sync underlay size
        dialog.fireEvent("changeContent");
    });
	YAHOO.util.Event.on("moveToIcon", "click", function() {
		if (YAHOO.util.Dom.get("moveTo").value != "")
		{
			var selDateVal = YAHOO.util.Dom.get("moveTo").value;
			if (toCalendar.select(selDateVal) != "Invalid Date")
			{
				var selectedDates = toCalendar.getSelectedDates(); 
		        if (selectedDates.length > 0) { 
		            var firstDate = selectedDates[0]; 
		            toCalendar.cfg.setProperty("pagedate", (firstDate.getMonth()+1) + "/" + firstDate.getFullYear()); 
		            toCalendar.render();
		        }
	        }
			else
				YAHOO.util.Dom.get("moveTo").value = "";
			toCalendar.render();
		}
		toDialog.show();
		if (YAHOO.env.ua.opera && document.documentElement) {
			// Opera needs to force a repaint
			document.documentElement.className += "";
		} 
	});
	
	if (selListingId != "")
		viewApartmentDetails(selListingId);
}
function fromOkHandler(type,args,obj) {
    var selected = args[0];
	var selDate = this.toDate(selected[0]);

    // Pretty Date Output, using Calendar's Locale values: Friday, 8 February 2008
    var dStr = selDate.getDate();
    var mStr = selDate.getMonth() + 1;
    var yStr = selDate.getFullYear();

    YAHOO.util.Dom.get("moveFrom").value = mStr + "/" + dStr + "/" + yStr;
    fromDialog.hide();
}
function toOkHandler(type,args,obj) {
    var selected = args[0];
	var selDate = this.toDate(selected[0]);

    // Pretty Date Output, using Calendar's Locale values: Friday, 8 February 2008
    var dStr = selDate.getDate();
    var mStr = selDate.getMonth() + 1;
    var yStr = selDate.getFullYear();

    YAHOO.util.Dom.get("moveTo").value = mStr + "/" + dStr + "/" + yStr;
    toDialog.hide();
}
function positionDetails()
{
	positionGeneralMap();
}
