/**
 * Properties Javascript actions
 *
 * @category   Ajax
 * @package    Properties
 * @author     Alan Valkoun <valkoun@gmail.com>
 * @copyright  2008 Syntacts
 */

/**
 * Use async mode, create Callback
 */
var PropertiesCallback = { 
    setregistrykey: function(response) {
        showResponse(response);
    }, 
    
	deletepost: function(response) {
        if (response[0]['css'] == 'notice-message') {
        }
        showResponse(response);
    }, 

    deletepropertyparent: function(response) {
        if (response[0]['css'] == 'notice-message') {
            getPropertyParentData();
        }
        showResponse(response);
    }, 

    deleteamenity: function(response) {
        if (response[0]['css'] == 'notice-message') {
            getAmenityData();
        }
        showResponse(response);
    }, 

    deleteamenitytype: function(response) {
        if (response[0]['css'] == 'notice-message') {
            getAmenityTypeData();
        }
        showResponse(response);
    }, 

    deleteproperty: function(response) {
        if (response[0]['css'] == 'notice-message') {
        }
        showResponse(response);
    }, 
    
    massivedelete: function(response) {
        if (response[0]['css'] == 'notice-message') {
            var rows = $('properties_datagrid').getSelectedRows();
            if (rows.length > 0) {
                for(var i=0; i<rows.length; i++) {
                    $('properties_datagrid').deleteItem();
                }
            }
            PiwiGrid.multiSelect($('properties_datagrid'));
            getPropertyParentData();
        }
        showResponse(response);      
    },
    
    massivedeleteamenities: function(response) {
        if (response[0]['css'] == 'notice-message') {
            var rows = $('amenities_datagrid').getSelectedRows();
            if (rows.length > 0) {
                for(var i=0; i<rows.length; i++) {
                    $('amenities_datagrid').deleteItem();
                }
            }
            PiwiGrid.multiSelect($('amenities_datagrid'));
            getAmenityData();
        }
        showResponse(response);      
    },

    massivedeleteamenitytypes: function(response) {
        if (response[0]['css'] == 'notice-message') {
            var rows = $('amenity_types_datagrid').getSelectedRows();
            if (rows.length > 0) {
                for(var i=0; i<rows.length; i++) {
                    $('amenity_types_datagrid').deleteItem();
                }
            }
            PiwiGrid.multiSelect($('amenity_types_datagrid'));
            getAmenityTypeData();
        }
        showResponse(response);      
    },

    autodraft: function(response) {
        showSimpleResponse(response);
    },
        
	sortitem: function(response) {
        if (response['success']) {
            //$('layout_main').appendChild(document.createTextNode(response['elementbox']));
        }
        showResponse(response['message']);
		hideWorkingNotification();
    },
	
	saveaddress: function(response) {
        if (response['success']) {
            //$('layout_main').appendChild(document.createTextNode(response['elementbox']));
			window.location.reload();
        }
        showResponse(response['message']);
    }
};

// {{{ Function AutoDraft
/**
 * This function is the main idea behind the auto drafting
 * it will get the values of the fields on the form and then
 * pass them to the function AutoDraft in PropertiesAjax.php
 * and also output a nice message at the end :-)
 */
function AutoDraft(gadget, fieldnames, fieldvalues)
{
    // FIXME: temporary disable auto draft
    return;
    /**
	var title     = document.forms[0].elements['title'].value;
    var fasturl   = document.forms[0].elements['fast_url'].value;
    var language  = document.forms[0].elements['language'].value;
    var published = document.forms[0].elements['published'].value;
    var showtitle = document.forms[0].elements['show_title'].value;
    var actioni   = document.forms[0].elements['action'].value;
    var id        = '';

    switch (actioni) {
        case 'AddPage':
            id = 'NEW';
            break;
        case 'SaveEditPage':
            id = document.forms[0].elements['id'].value;
            break;
    }
    var content   = getEditorValue('content');
	*/
    properties.autodraft(gadget, fieldnames, fieldvalues);
    setTimeout('startAutoDrafting();', 120000);
}
// }}}
// {{{ Function startAutoDrafting
/**
 * Just the mother function that will make sure that auto drafting is running
 * and is being run every ~ 120 seconds (2 minutes).
 *
 * @see AutoDraft();
 */
function startAutoDrafting() 
{
    AutoDraft();
}
// }}}

function showEmbedWindow(url, title)
{
    /*
	w = new UI.URLWindow({
        height: 450,
		width: 590,
		shadow: true,
        theme: "simplewhite",
        url: url,
		minimize: false});
	w.show(true).focus();
	w.center();
	*/
	GB_showCenter(title, url, 450, 590);
}

function showPostWindow(url, title)
{
    /*
	w = new UI.URLWindow({
        height: 550,
		width: 750,
		shadow: true,
        theme: "simplewhite",
        url: url,
		minimize: false});
	w.show(true).focus();
	w.center();
	*/
	GB_showCenter(title, url, 550, 750);
}

/**
 * Delete a property parent : function
 */
function deletePropertyParent(id)
{
	showWorkingNotification();
	properties.deletepropertyparent(id);
	hideWorkingNotification();
}

/**
 * Delete a property : function
 */
function deleteProperty(id)
{
    //selectedCalendar = cid;
	currentAction = 'DeleteProperty';
	var answer = confirm(confirmPropertyDelete);
    if (answer) {
            showWorkingNotification();
            var response = propertiesSync.deleteproperty(id);
            if (response[0]['css'] == 'notice-message') {
				//oldChild = $('syntactsCategory_'+cid);
				//parent.removeChild(oldChild);
				$('syntactsCategory_'+id).style.display = 'none';
				//stopAction();
           }
            hideWorkingNotification();
	        showResponse(response);
    }
}

/**
 * Delete a page : function
 */
function deletePost(id)
{
    //selectedCalendar = cid;
	currentAction = 'DeletePost';
	var answer = confirm(confirmPostDelete);
    if (answer) {
            showWorkingNotification();
            var response = propertiesSync.deletepost(id);
            if (response[0]['css'] == 'notice-message') {
				//oldChild = $('syntactsCategory_'+cid);
				//parent.removeChild(oldChild);
				$('syntactsCategory_'+id).style.display = 'none';
				//stopAction();
           }
            hideWorkingNotification();
	        showResponse(response);
    }
}

/**
 * Hide RSS item : function
 */
function hideRss(id, pid, title, published, url)
{
    //selectedCalendar = cid;
	currentAction = 'HideRss';
	var answer = confirm(confirmRssHide);
    if (answer) {
            showWorkingNotification();
            var response = propertiesSync.hiderss(pid, title, published, url);
            if (response[0]['css'] == 'notice-message') {
				//oldChild = $('syntactsCategory_'+cid);
				//parent.removeChild(oldChild);
				var old = $('syntactsCategory_'+id).innerHTML;
				$('syntactsCategory_'+id).innerHTML = $('syntactsEdit_'+id).innerHTML;
				$('syntactsEdit_'+id).innerHTML = old;
				//stopAction();
           }
            hideWorkingNotification();
	        showResponse(response);
    }
}

/**
 * Show RSS item : function
 */
function showRss(id, pid, title, published, url)
{
    //selectedCalendar = cid;
	currentAction = 'HideRss';
	showWorkingNotification();
	var response = propertiesSync.showrss(pid, title, published, url);
	if (response[0]['css'] == 'notice-message') {
		//oldChild = $('syntactsCategory_'+cid);
		//parent.removeChild(oldChild);
		var old = $('syntactsEdit_'+id).innerHTML;
		$('syntactsEdit_'+id).innerHTML = $('syntactsCategory_'+id).innerHTML;
		$('syntactsCategory_'+id).innerHTML = old;
		//stopAction();
   }
	hideWorkingNotification();
	//showResponse(response);
}

/**
 * Can use massive delete?
 */
function massiveDelete(message) 
{
    var rows = $('properties_datagrid').getSelectedRows();
    if (rows.length > 0) {
        var confirmation = confirm(message);
        if (confirmation) {
            properties.massivedelete(rows);
        }
    }
}

/**
 * Can use massive delete?
 */
function massiveDeleteAmenities(message) 
{
    var rows = $('amenities_datagrid').getSelectedRows();
    if (rows.length > 0) {
        var confirmation = confirm(message);
        if (confirmation) {
            properties.massivedeleteamenities(rows);
        }
    }
}

/**
 * Can use massive delete?
 */
function massiveDeleteAmenityTypes(message) 
{
    var rows = $('amenity_types_datagrid').getSelectedRows();
    if (rows.length > 0) {
        var confirmation = confirm(message);
        if (confirmation) {
            properties.massivedeleteamenitytypes(rows);
        }
    }
}

/**
 * Search for pages and translations
 */
function searchPropertyParent()
{
    updatePropertyParentDatagrid($('status').value, $('search').value, 0, true);
}

/**
 * Search for pages and translations
 */
function searchAmenity()
{
    updateAmenityDatagrid($('status').value, $('search').value, 0, true);
}

/**
 * Search for pages and translations
 */
function searchAmenityType()
{
    updateAmenityTypeDatagrid($('status').value, $('search').value, 0, true);
}

/** Keep hold of the current table being dragged */
var currenttable = null;

/** Capture the onmousemove so that we can see if a row from the current
 *  table if any is being dragged.
 * @param ev the event (for Firefox and Safari, otherwise we use window.event for IE)
 */
document.onmousemove = function(ev){
    if (currenttable && currenttable.dragObject) {
        ev   = ev || window.event;
        var mousePos = currenttable.mouseCoords(ev);
        var y = mousePos.y - currenttable.mouseOffset.y;
        if (y != currenttable.oldY) {
            // work out if we're going up or down...
            var movingDown = y > currenttable.oldY;
            // update the old value
            currenttable.oldY = y;
            // update the style to show we're dragging
            currenttable.dragObject.style.backgroundColor = "#eee";
            // If we're over a row then move the dragged row to there so that the user sees the
            // effect dynamically
            var currentRow = currenttable.findDropTargetRow(y);
            if (currentRow) {
                if (movingDown && currenttable.dragObject != currentRow) {
                    currenttable.dragObject.parentNode.insertBefore(currenttable.dragObject, currentRow.nextSibling);
                } else if (! movingDown && currenttable.dragObject != currentRow) {
                    currenttable.dragObject.parentNode.insertBefore(currenttable.dragObject, currentRow);
                }
            }
        }

        return false;
    }
};

// Similarly for the mouseup
document.onmouseup   = function(ev){
    if (currenttable && currenttable.dragObject) {
        var droppedRow = currenttable.dragObject;
        // If we have a dragObject, then we need to release it,
        // The row will already have been moved to the right place so we just reset stuff
        droppedRow.style.backgroundColor = 'transparent';
        currenttable.dragObject   = null;
        // And then call the onDrop method in case anyone wants to do any post processing
        currenttable.onDrop(currenttable.table, droppedRow);
        currenttable = null; // let go of the table too
    }
};


/** get the source element from an event in a way that works for IE and Firefox and Safari
 * @param evt the source event for Firefox (but not IE--IE uses window.event) */
function getEventSource(evt) {
    if (window.event) {
        evt = window.event; // For IE
        return evt.srcElement;
    } else {
        return evt.target; // For Firefox
    }
}

/**
 * Encapsulate table Drag and Drop in a class. We'll have this as a Singleton
 * so we don't get scoping problems.
 */
function PropertiesTableDnD() {
	/** Keep track of old sort string */
	this.oldidsStr = "";	
    /** Keep hold of the current drag object if any */
    this.dragObject = null;
    /** The current mouse offset */
    this.mouseOffset = null;
    /** The current table */
    this.table = null;
    /** Remember the old value of Y so that we don't do too much processing */
    this.oldY = 0;

    /** Initialise the drag and drop by capturing mouse move events */
    this.init = function(table) {
        this.table = table;
        var rows = table.tBodies[0].rows; //getElementsByTagName("tr")
        for (var i=0; i<rows.length; i++) {
			// John Tarr: added to ignore rows that I've added the NoDnD attribute to (Category and Header rows)
			var nodrag = rows[i].getAttribute("NoDrag");
			if (nodrag == null || nodrag == "undefined") { //There is no NoDnD attribute on rows I want to drag
				this.makeDraggable(rows[i]);
			}
	        var currentId = parseInt(rows[i].id.substr((rows[i].id.indexOf("_")+1),rows[i].id.length));
			if (!isNaN(currentId)) {
				this.oldidsStr += currentId;
				if (i<(rows.length-1)) {
					this.oldidsStr += ',';
				}	
			}
        }
    };

    /** This function is called when you drop a row, so redefine it in your code
        to do whatever you want, for example use Ajax to update the server */
    this.onDrop = function(table, row) {
        // Do nothing for now
		var rows = this.table.tBodies[0].rows;
	    //var debugStr = "rows now: ";
	    var idsStr = "";
	    var newsortStr = "";
		for (var i=0; i<rows.length; i++) {
	        //debugStr += rows[i].id+"["+parseInt(rows[i].id.substr((rows[i].id.indexOf("_")+1),rows[i].id.length))+"] ";
	        var currentId = parseInt(rows[i].id.substr((rows[i].id.indexOf("_")+1),rows[i].id.length));
			if (!isNaN(currentId)) {
				idsStr += currentId;
				newsortStr += i;
				if (i<(rows.length-1)) {
					idsStr += ',';
					newsortStr += ',';
				}	
			}
	    }
		if (this.oldidsStr != idsStr) {
			var sortItemTable = "";
			if ($('sortItemTable').value != undefined) {
				sortItemTable = $('sortItemTable').value;
			}
			this.oldidsStr = idsStr;
			sortPropertiesItem(idsStr, newsortStr, sortItemTable);
		}
		//$('debug').innerHTML = 'row['+row.id+'] dropped<br>'+debugStr;
    };

	/** Get the position of an element by going up the DOM tree and adding up all the offsets */
    this.getPosition = function(e){
        var left = 0;
        var top  = 0;
		/** Safari fix -- thanks to Luis Chato for this! */
		if (e.offsetHeight == 0) {
			/** Safari 2 doesn't correctly grab the offsetTop of a table row
			    this is detailed here:
			    http://jacob.peargrove.com/blog/2006/technical/table-row-offsettop-bug-in-safari/
			    the solution is likewise noted there, grab the offset of a table cell in the row - the firstChild.
			    note that firefox will return a text node as a first child, so designing a more thorough
			    solution may need to take that into account, for now this seems to work in firefox, safari, ie */
			e = e.firstChild; // a table cell
		}

        while (e.offsetParent){
            left += e.offsetLeft;
            top  += e.offsetTop;
            e     = e.offsetParent;
        }

        left += e.offsetLeft;
        top  += e.offsetTop;

        return {x:left, y:top};
    };

	/** Get the mouse coordinates from the event (allowing for browser differences) */
    this.mouseCoords = function(ev){
        if(ev.pageX || ev.pageY){
            return {x:ev.pageX, y:ev.pageY};
        }
        return {
            x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
            y:ev.clientY + document.body.scrollTop  - document.body.clientTop
        };
    };

	/** Given a target element and a mouse event, get the mouse offset from that element.
		To do this we need the element's position and the mouse position */
    this.getMouseOffset = function(target, ev){
        ev = ev || window.event;

        var docPos    = this.getPosition(target);
        var mousePos  = this.mouseCoords(ev);
        return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
    };

	/** Take an item and add an onmousedown method so that we can make it draggable */
    this.makeDraggable = function(item) {
        if(!item) return;
        var self = this; // Keep the context of the TableDnd inside the function
        item.onmousedown = function(ev) {
            // Need to check to see if we are an input or not, if we are an input, then
            // return true to allow normal processing
            var target = getEventSource(ev);
            if (target.tagName == 'INPUT' || target.tagName == 'A' || target.tagName == 'SELECT') return true;
            currenttable = self;
            self.dragObject  = this;
            self.mouseOffset = self.getMouseOffset(this, ev);
            return false;
        }
        item.style.cursor = "move";
    };

    /** We're only worried about the y position really, because we can only move rows up and down */
    this.findDropTargetRow = function(y) {
        var rows = this.table.tBodies[0].rows;
		for (var i=0; i<rows.length; i++) {
			var row = rows[i];
			// John Tarr added to ignore rows that I've added the NoDnD attribute to (Header rows)
			var nodrop = row.getAttribute("NoDrop");
			if (nodrop == null || nodrop == "undefined") {  //There is no NoDnD attribute on rows I want to drag
				var rowY    = this.getPosition(row).y;
				var rowHeight = parseInt(row.offsetHeight)/2;
				if (row.offsetHeight == 0) {
					rowY = this.getPosition(row.firstChild).y;
					rowHeight = parseInt(row.firstChild.offsetHeight)/2;
				}
				// Because we always have to insert before, we need to offset the height a bit
				if ((y > rowY - rowHeight) && (y < (rowY + rowHeight))) {
					// that's the row we're over
					return row;
				}
			}
		}
		return null;
	};
}

/**
 * gets regions of a parent, builds XHTML options and inserts into an element : function
 */
function insertRSS(category, fetch_url, override_city, rss_url, ownerid)
{
	showWorkingNotification();
	if (!ownerid || ownerid == '') {
		ownerid = null;
	}
    var regions = propertiesSync.insertrssproperties(category, fetch_url, override_city, rss_url, ownerid, num);
	if (!regions) {
		if ($('insert')) {
			$('insert').innerHTML = 'No properties were found to import.';
		}
	} else {
		regions.each (
			function(item, arrayIndex) {
				if (item['title']) {
					//option = document.createElement('div');
					//option.appendChild(document.createTextNode('Importing: '+item['title'])); 
					if ($('insert')) {
						$('insert').innerHTML = item['title'] + '&nbsp;&nbsp;now importing<br />' + $('insert').innerHTML;
					}
					var response = propertiesSync.insertrssproperty(item, override_city, category, rss_url, ownerid);
					if (response[0]['css'] == 'notice-message') {
						$('insert').innerHTML = 'SUCCESS&nbsp;&nbsp;' + $('insert').innerHTML;
					} else {
						$('insert').innerHTML = 'NOT IMPORTED&nbsp;&nbsp;' + $('insert').innerHTML;
						showResponse(response);
						hideWorkingNotification();
						return false;
					}
					showResponse(response);
				}
				if (item['next_category'] && item['next_fetch_url'] && item['next_rss_url'] && item['next_ownerid']) {
					if (!item['next_override_city']) {
						item['next_override_city'] = '';
					}
					//option = document.createElement('div');
					//option.appendChild(document.createTextNode('Multi-part Feed, now importing from: ' + item['next_fetch_url'])); 
					if ($('insert')) {
						$('insert').innerHTML = '<br />Multi-part Feed, now importing from: ' + item['next_fetch_url'] + $('insert').innerHTML;
					}
					//document.write('<script>insertRSS('+item['next_category']+', "'+item['next_fetch_url']+'", "'+item['next_override_city']+'", "'+item['next_rss_url']+'", '+item['next_ownerid']+');</script>');
					insertRSS(item['next_category'], item['next_fetch_url'], item['next_override_city'], item['next_rss_url'], item['next_ownerid']);
				}
			}
		);
	}
	num++;
	hideWorkingNotification();
}

/**
 * sorts an item : function
 */
function sortPropertiesItem(id, newsort, table)
{
	showWorkingNotification();
    properties.sortitem(id, newsort, table);
}

/**
 * saves an address : function
 */
function saveAddress(id, address)
{
    properties.saveaddress(id, address);
}

/**
 * gets records row of given ID, and inserts into appropriate form elements : function
 */
function prefillForm(id, elements, form_name)
{
	showWorkingNotification();
	if (document.forms[form_name] && id) {
		var theForm = document.forms[form_name];
		var property = propertiesSync.getproperty(id);
		var response = new Array(1);
		response[0] = new Array();
		if (!property) {
			response[0]['css'] = 'error-message';
			response[0]['message'] = "There was a problem getting the property details.";
			showResponse(response);
		} else {
			//response[0]['css'] = 'notice-message';
			//response[0]['message'] = 'Total Elements: '+elements.length;
			for (i=0;i<elements.length;i++){
				//response[0]['message'] = response[0]['message'] + ' Element :::: ' + elements[i] + ' Property :::: ' + property[elements[i]];
				var theElement = elements[i].replace(/PREFILL_/g, '');
				if (theForm.elements[elements[i]]) {
					theForm.elements[elements[i]].value = property[theElement];
				}
			}
			//showResponse(response);
		}
	}
	hideWorkingNotification();
}

/**
 * gets regions of a parent, builds XHTML options and inserts into an element : function
 */
function getRegionsOfParent(id, element, child, next, nextChild)
{
	showWorkingNotification();
	if (!child || child == '') {
		child = null;
	}
	if (!next || next == '') {
		next = null;
	}
	if (!nextChild || nextChild == '') {
		nextChild = null;
	}
    // Remove all actions 
    while ($(element).firstChild)
    {
        $(element).removeChild($(element).firstChild);
    };

    var regions = propertiesSync.getregionsofparent(id, element);
	if (!regions) {
		option = document.createElement('option');
		option.setAttribute('value', '');
		option.appendChild(document.createTextNode('No locations were found')); 
		$(element).appendChild(option);
	} else {
		var nextID = 0;
		option = document.createElement('option');
		option.setAttribute('value', '');
		option.appendChild(document.createTextNode('Select...'));; 
		$(element).appendChild(option);
		// TODO: Add recursive options for cities within regions, etc.
		regions.each (
			function(item, arrayIndex) {
				option = document.createElement('option');
				if (element == 'city') {
					option.setAttribute('value', item['region']);
				} else {
					option.setAttribute('value', item['id']);
				}
				option.appendChild(document.createTextNode(item['region']));; 
				if (child == item['region'] || child == item['id']) {
					option.setAttribute('selected', 'selected');
					// Get next children of this ID
					if (next != null && nextChild != null) {
						nextID = item['region'];
					}
				}
				$(element).appendChild(option);
			}
		);
	}
	// Get next children
	if (nextID != 0) {
		getRegionsOfParent(nextID, next, nextChild);
	}
	hideWorkingNotification();
}

/**
 * gets closest match of a city, and inserts into an element : function
 */
function getClosestMatch(value, pid, element, autocomplete, table)
{
	//showWorkingNotification();
	if (!table) {
		table = '';
	}
    var match = propertiesSync.getclosestmatch(value, pid, table, false);
	if (!match['value'] || match['value'] === false) {
		$(element).value = '';
		$(autocomplete).innerHTML = '<ul><li class="selected" onclick="$(\''+element+'\').value = \'\'; $(\'search_choices\').style.display = \'none\';"><span class="informal">No matches. Please check your spelling, or try more popular terms.</span></li></ul>';
		$(autocomplete).style.display = '';
	} else {
		$(element).value = match['value'];
	}
	//hideWorkingNotification();
}

function showSearchChoices() {
	if ($('search_choices')){
		$('search_choices').style.display = '';
	}
}

/**
 * gets closest match of a city, and inserts into an element : function
 */
function getClosestSearch(value, pid, element, autocomplete, table, properties)
{
	//showWorkingNotification();
	if (value != 'Search' && value != 'No matches were found.') { 
		if (!table) {
			table = '';
		}
		if (!properties) {
			properties = false;
		}
		var match = propertiesSync.getclosestmatch(value, pid, table, properties);
		if (!match['value'] || match['value'] === false) {
			$(element).value = 'No matches were found.';
			$(autocomplete).innerHTML = '<ul><li class="selected" onclick="$(\''+element+'\').value = \'\'; $(\'search_choices\').style.display = \'none\';"><span class="informal">No matches. Please check your spelling, or try more popular terms.</span></li></ul>';
			$(autocomplete).style.display = '';
			gotMatch = false;
		} else {
			if (match['value'] != value) {
				$(element).value = 'No matches were found.';
				$(autocomplete).innerHTML = '<ul><li class="selected" onclick="$(\''+element+'\').value = \''+match['value']+'\'; $(\'search_choices\').style.display = \'none\';"><span class="informal"><i><b>Did you mean: </b></i></span>'+match['value']+'</li>';				
				if (match['suggestions']) {
					var newDate = new Date;
					suggest_id = newDate.getTime();
					$(autocomplete).innerHTML = $(autocomplete).innerHTML + '<li id="ac_more_'+suggest_id+'"><span class="informal"><a href="javascript:void(0);" onclick="gotMatch = false; $(\'ac_more_'+suggest_id+'\').style.display = \'none\'; $$(\'.ac_suggest_'+suggest_id+'\').each(function(element){element.style.display = \'\';}); setTimeout(\'showSearchChoices()\',400);">Show more suggestions</a></span></li>';
					match['suggestions'].each (
						function(item, arrayIndex) {
							//var_dump(item);
							if (item[0] || item['region']) {
								var keyword = item[0];
								if (item['region']) {
									keyword = item['region'];
								}
								$(autocomplete).innerHTML = $(autocomplete).innerHTML + '<li class="ac_suggest_'+suggest_id+'" style="display: none;"><a href="index.php?gadget=Properties&action=Category&id=all&keyword='+(keyword.indexOf(',') > -1 ? keyword.substr(0, keyword.indexOf(',')) : keyword)+'">'+keyword+'</a></span></li>';
							}
						}
					);
					$(autocomplete).innerHTML = $(autocomplete).innerHTML + '</ul>';
				} else {
					$(autocomplete).innerHTML = $(autocomplete).innerHTML + '<li><span class="informal"><a href="javascript:void(0);" onclick="gotMatch = false; new Ajax.Updater(\'search_choices\', \''+autoCompleteHost+autoCompleteURL.replace(/initial1paramcount=12/gi, 'initial1paramcount=13')+'&query='+value.substring(0, 1)+'&initial1param13=Y\', {});">Show more suggestions</a></span></li></ul>';
				}
				$(autocomplete).style.display = '';
				gotMatch = false;
			} else {
				gotMatch = true;
			}
			//$(element).value = match['value'];
		}
	}
	//hideWorkingNotification();
}


/**
 * Add a File directly to a Post : function
 */
function addFileToPost(gadget, table, method, syntactsCategory, linkid, num, width, height, bgc, focus, base_url)
{
	//showWorkingNotification();	
	if (!focus) {
		focus = false;
	}
	if (!width) {
		width = 750;
	}
	if (!height) {
		height = 34;
	}
	if (!base_url) {
		base_url = '';
	}
	if ($(syntactsCategory + '_no_items')) {
		$(syntactsCategory + '_no_items').style.display = 'none';
	}
				  
	var tbl = $(syntactsCategory);
	var tbod = tbl.getElementsByTagName('tbody');
	var newDate = new Date;
	var form_id = 0;
	is_table = false;
	if (tbod[0]) {
		is_table = true;
		var trs = tbl.getElementsByTagName('tr');
	}
	for (n=0; n<num; n++) {
		form_id = newDate.getTime();
		
		if (is_table) {
			var dItem = document.createElement('tr');
			dItem.setAttribute('width', '100%');
			dItem.setAttribute('noDrag', 'true');
			dItem.setAttribute('noDrop', 'true');
		} else {
			var dItem = document.createElement('div');
		}
		dItem.setAttribute('id', 'syntactsCategory_' + form_id);
		/*
		if (bgc) {
			dItem.style.backgroundColor = "#"+bgc;
		} else {
			dItem.style.backgroundColor = "#FFEBA0";
		}
		*/
		if (is_table) {
			var dItemGadget = dItem.appendChild(document.createElement('td'));
			dItemGadget.setAttribute('class', 'syntacts-form-row');
			dItemGadget.setAttribute('className', 'syntacts-form-row');
			//dItemGadget.setAttribute('width', '93%');
			//dItemGadget.setAttribute('colspan', '3');
		}
		
		ifrm = document.createElement("IFRAME");
		ifrm.setAttribute('id', 'iframe_' + (fileCount+1));
		if (num > 1) {
			ifrm.setAttribute("src", base_url + "index.php?gadget=FileBrowser&action=account_AddFileToPost&linkid="+linkid+"&table="+table+"&method=" + method + "&addtogadget=" + gadget + "&n=" + (fileCount+1) + "&bc=" + dItem.style.backgroundColor);
		} else {
			ifrm.setAttribute("src", base_url + "index.php?gadget=FileBrowser&action=account_AddFileToPost&where="+linkid+"&table="+table+"&method=" + method + "&addtogadget=" + gadget + "&n=" + (fileCount+1) + "&bc=" + dItem.style.backgroundColor);
		}
		ifrm.style.width = width+"px";
		ifrm.style.height = height+"px";
		ifrm.style.borderWidth = 0+"px";
		ifrm.setAttribute('frameborder', '0');
		ifrm.setAttribute('scrolling', 'no');
		ifrm.setAttribute('allowtransparency', 'true');
		ifrm.frameBorder = "0";
		ifrm.scrolling = "no";
		if (n == 0) {
			if (is_table) {
				dItemGadget.innerHTML = '<a name="newImages' + fileCount + '">&nbsp;</a>';
			}
		} 
		if (is_table) {
			dItemGadget.appendChild(ifrm); 		
			/*
			if ($("linkid")) {
				dItemGadget.innerHTML = "<table class=\"tableform\"><tr><td><div><label id=\"file_label\" for=\"file" + fileCount + "\">Image:&nbsp;</label><input type=\"file\" name=\"file" + fileCount + "\" id=\"file" + fileCount + "\" title=\"Filename\" /></div></td></tr></table>";
			} else {
				dItemGadget.innerHTML = "<input type=\"hidden\" name=\"linkid\" id=\"linkid\" value=\"" + linkid + "\" /><input type=\"hidden\" name=\"table\" id=\"table\" value=\"" + table + "\" /><input type=\"hidden\" name=\"addtogadget\" id=\"addtogadget\" value=\"" + gadget + "\" /><input type=\"hidden\" name=\"method\" id=\"method\" value=\"" + method + "\" /><table class=\"tableform\"><tr><td><div><label id=\"file_label\" for=\"file" + fileCount + "\">Image:&nbsp;</label><input type=\"file\" name=\"file" + fileCount + "\" id=\"file" + fileCount + "\" title=\"Filename\" /></div></td></tr></table>";
				//document.getElementById('upload_button').style.display = 'inline';
			}
			*/
			tbod[0].appendChild(dItem);
		} else {
			dItem.appendChild(ifrm); 		
			tbl.appendChild(dItem); 		
		}
		Effect.Appear(dItem.id, {duration:1});
		fileCount++;
		//var tableDnD3 = new GalleryTableDnD();
		//tableDnD3.init(tbl);             
		//items['main']['item_' + response['id']] = true; 
		//newdrags[response['id']] = new Draggable('item_' + response['id'], {revert:true,constraint:true});
	}	
	tbl.setAttribute('width', '100%');
	if (is_table) {
		tbod[0].style.display = 'block';
	}
	nextFiles = fileCount-5;
	if (nextFiles < 0) {
		nextFiles = 0;
	}
	if (num > 1 && focus === true) {
		docLocation = document.location+'';
		location.href = (docLocation.indexOf('#newImages') > -1 ? docLocation.substr(0, docLocation.indexOf('#newImages')) + '#newImages' + (nextFiles) : docLocation + '#newImages' + (nextFiles));
	}
	//hideWorkingNotification();
}

function createNamedElement(type, name) {
   var element = null;
   // Try the IE way; this fails on standards-compliant browsers
   try {
      element = document.createElement('<'+type+' name="'+name+'">');
   } catch (e) {
   }
   if (!element || element.nodeName != type.toUpperCase()) {
      // Non-IE browser; use canonical method to create named element
      element = document.createElement(type);
      element.name = name;
   }
   return element;
}

function hideGB()
{   
    /*
	var wm = UI.defaultWM;
    var windows = wm.windows();
    windows.first().destroy();
	*/
    GB_hide();
}

/**
 * Get pages data
 */
function getPropertyParentData(limit)
{
    if (limit == undefined) {
        limit = $('properties_datagrid').getCurrentPage();
    }
    updatePropertyParentDatagrid($('status').value,
                        $('search').value,
                        limit,
                        false);
}

/**
 * Get pages data
 */
function getAmenityData(limit)
{
    if (limit == undefined) {
        limit = $('amenities_datagrid').getCurrentPage();
    }
    updateAmenityDatagrid($('status').value,
                        $('search').value,
                        limit,
                        false);
}

/**
 * Get pages data
 */
function getAmenityTypeData(limit)
{
    if (limit == undefined) {
        limit = $('amenity_types_datagrid').getCurrentPage();
    }
    updateAmenityTypeDatagrid($('status').value,
                        $('search').value,
                        limit,
                        false);
}

/**
 * Get previous values of pages
 */
function previousPropertyValues()
{
    var previousPropertyValues = $('properties_datagrid').getPreviousPagerValues();
    getPropertyParentData(previousPropertyValues);
    $('properties_datagrid').previousPage();
}

/**
 * Get next values of pages
 */
function nextPropertyValues()
{
    var nextPropertyValues = $('properties_datagrid').getNextPagerValues();
    getPropertyParentData(nextPropertyValues);
    $('properties_datagrid').nextPage();
}

/**
 * Update pages datagrid
 */
function updatePropertyParentDatagrid(status, search, limit, resetCounter)
{
	showWorkingNotification();
    $('properties_datagrid').objectName = propertiesSync;
    JawsDataGrid.name = 'properties_datagrid';

    var result = propertiesSync.searchpropertyparents(status, search, limit);
    resetGrid('properties_datagrid', result);
    if (resetCounter) {
        var size = propertiesSync.sizeofsearch(status, search);
        $('properties_datagrid').rowsSize    = size;
        //$('properties_datagrid').setCurrentPage(0);
        $('properties_datagrid').updatePageCounter();
    }
	hideWorkingNotification();
}

/**
 * Get previous values of pages
 */
function previousAmenityValues()
{
    var previousAmenityValues = $('amenities_datagrid').getPreviousPagerValues();
    getAmenityData(previousAmenityValues);
    $('amenities_datagrid').previousPage();
}

/**
 * Get next values of pages
 */
function nextAmenityValues()
{
    var nextAmenityValues = $('amenities_datagrid').getNextPagerValues();
    getAmenityData(nextAmenityValues);
    $('amenities_datagrid').nextPage();
}

/**
 * Update pages datagrid
 */
function updateAmenityDatagrid(status, search, limit, resetCounter)
{
	showWorkingNotification();
    $('amenities_datagrid').objectName = propertiesSync;
    JawsDataGrid.name = 'amenities_datagrid';

    var result = propertiesSync.searchamenities(search, status, limit);
    resetGrid('amenities_datagrid', result);
    if (resetCounter) {
        var size = propertiesSync.sizeofsearch1(status, search);
        $('amenities_datagrid').rowsSize    = size;
        //$('amenities_datagrid').setCurrentPage(0);
        $('amenities_datagrid').updatePageCounter();
    }
	hideWorkingNotification();
}

/**
 * Get previous values of pages
 */
function previousAmenityTypeValues()
{
    var previousAmenityTypeValues = $('amenity_types_datagrid').getPreviousPagerValues();
    getAmenityTypeData(previousAmenityTypeValues);
    $('amenity_types_datagrid').previousPage();
}

/**
 * Get next values of pages
 */
function nextAmenityTypeValues()
{
    var nextAmenityTypeValues = $('amenity_types_datagrid').getNextPagerValues();
    getAmenityTypeData(nextAmenityTypeValues);
    $('amenity_types_datagrid').nextPage();
}

/**
 * Update pages datagrid
 */
function updateAmenityTypeDatagrid(status, search, limit, resetCounter)
{
	showWorkingNotification();
    $('amenity_types_datagrid').objectName = propertiesSync;
    JawsDataGrid.name = 'amenity_types_datagrid';

    var result = propertiesSync.searchamenitytypes(status, search, limit);
    resetGrid('amenity_types_datagrid', result);
    if (resetCounter) {
        var size = propertiesSync.sizeofsearch2(status, search);
        $('amenity_types_datagrid').rowsSize    = size;
        //$('amenity_types_datagrid').setCurrentPage(0);
        $('amenity_types_datagrid').updatePageCounter();
    }
	hideWorkingNotification();
}

/**
 * Show the response but only text, nothing with datagrid.
 * FIXME!
 */
function showSimpleResponse(message)
{
    if (!autoDraftDone) {
        var actioni   = document.forms[0].elements['action'].value;
        if (actioni == 'AddMap' && message[0]['css'] == 'notice-message') {
            //document.forms[0].elements['action'].value = 'SaveEditPage';
            document.forms[0].elements['id'].value     = message[0]['message']['id'];
            message[0]['message'] = message[0]['message']['message'];
        }
        autoDraftDone = true;
    }
    showResponse(message);
}

var properties = new propertiesajax(PropertiesCallback);
properties.serverErrorFunc = Jaws_Ajax_ServerError;

var propertiesSync = new propertiesajax();
propertiesSync.serverErrorFunc = Jaws_Ajax_ServerError;

var autoDraftDone = false;
var fileCount = 0;
var num = 0;
var gotMatch = false;