var AjaxForm = {

    loadFormData: function($task) {

        //var loading = $('loading').empty().toggleClass('ajax-loading');
        var url = "index.php?option=com_ifportfolio&controller=ajax&task=" + $task
                + '&Itemid=' + $$('#ifportfolio_search .Itemid')[0].value;

        var form = $('ifportfolio_search');

        var url_pre = form.action;

        form.setProperty('action', url);

        form.send({
            method: 'get',
            onComplete: function() {
                //loading.toggleClass('ajax-loading');
                // Revert action attribute as it was originally
                form.setProperty('action', url_pre);
            },
            onSuccess: function(request) {
                // mootools 1.1 style Json evaluation ...
                var json = Json.evaluate(request);
                if (json.error) {
                    Messages.reportError(json.error);
                    Messages.displayDebug(json.debug);
                } else {
                    //Messages.displayMessage(json.message);
                    //Messages.displayDebug(json.debug);

                    // ACTION HERE!!!
                    //alert(json.data.areas);
                    $('wrapAreas').innerHTML     = json.data.areas;
                    // $('wrapTypes').innerHTML     = json.data.types;
                    $('wrapLocations').innerHTML = json.data.locations;

                    if ($('fields1058')) { // Is extra filter (Course Level, Study Mode, Funding Type) displayed?
                        $('fields1058').innerHTML = json.data.levels;
                        $('fields1075').innerHTML = json.data.modes;
                        $('fields1114').innerHTML = json.data.funding_types;
                    }

                    AjaxForm.addFormEvents();

                    FancySelectBoxMgr.apply('#ifportfolio_search .if-combobox');

                    //$('staffdetails').innerHTML = json.data;
                    //AjaxForm.setActions();
                    //new Tips($$('#staffdetails .hasTip'), { maxTitleChars: 50, fixed: false});
                }
            }
        });
    },

    addFormEvents: function(e) {

	    // jQuery('#selAreas, #selTypes, #selLocations').change(AjaxForm.formChangeEvent);
	    jQuery('#selAreas, #selLocations').change(AjaxForm.formChangeEvent);

        if ($('fields1058')) { // Is extra filter (Course Level, Study Mode, Funding Type) displayed?
            // Course Level, Study Mode, Funding Type
            jQuery('#fields1058, #fields1075, #fields1114').change(AjaxForm.formChangeEvent);
        }

	    var form = $('ifportfolio_search');
    	form.addEvent('submit', AjaxForm.formSubmitEvent);
    },

    formSubmitEvent: function(e) {
		if ($('tfKeyword')) {
			if ($('tfKeyword').value == 'Keyword') {
				$('tfKeyword').value = '';
			}
		}
		var form = $('ifportfolio_search');
        // form.setProperty('action', '');
        form.submit();
    },

    formChangeEvent: function(e) {
    	e = new Event(e);
    	AjaxForm.loadFormData("getSearchFields");
    },

    areaVal: "",
    typeVal: "",
    locationVal: ""

}

window.addEvent('domready', function() {

    // A simple spinner div, display-toggled during request
//    var indicator = new Element('div', {
        //'class': 'autocompleter-loading',
        //'styles': {'display': 'none'}
    //}).injectAfter(searchInput); // appended after the input

    //MySqueezeBox.extend(SqueezeBox);
    //MySqueezeBox.initialize({});

    var butSubmit = $('butSubmit');
    butSubmit.addEvent('click', AjaxForm.formSubmitEvent);

    AjaxForm.addFormEvents();
});

var MySqueezeBox = {

    loadModal: function(modalUrl,handler,x,y) {
       var options = $merge(options || {}, Json.evaluate("{handler: '" + handler + "', size: {x: " + x +", y: " + y + "}}"));
       this.setOptions(this.presets, options);
       this.assignOptions();
       this.setContent(handler,modalUrl);
   },

	extend: $extend

}
// USAGE :: MySqueezeBox.loadModal('http://www.google.com','iframe',650,400);