Ajax.Responders.register({
    onCreate: function() {
        if($('busy') && Ajax.activeRequestCount>0)
            Effect.Appear('busy',{
                duration:1,
                queue:'end'
            });
    },
    onComplete: function() {
        if($('busy') && Ajax.activeRequestCount==0)
            Effect.Fade('busy',{
                duration:1,
                queue:'end'
            });
    }
});

function removeAllChildren(e) {
    while (e.firstChild) {
        e.removeChild(e.firstChild);
    }
}


function addEvent( obj, type, fn ) {
    if (obj.addEventListener) {
        obj.addEventListener( type, fn, false );
        EventCache.add(obj, type, fn);
    }
    else if (obj.attachEvent) {
        obj["e"+type+fn] = fn;
        obj[type+fn] = function() {
            obj["e"+type+fn]( window.event );
        }
        obj.attachEvent( "on"+type, obj[type+fn] );
        EventCache.add(obj, type, fn);
    }
    else {
        obj["on"+type] = obj["e"+type+fn];
    }
}

var EventCache = function(){
    var listEvents = [];
    return {
        listEvents : listEvents,
        add : function(node, sEventName, fHandler){
            listEvents.push(arguments);
        },
        flush : function(){
            var i, item;
            for(i = listEvents.length - 1; i >= 0; i = i - 1){
                item = listEvents[i];
                if(item[0].removeEventListener){
                    item[0].removeEventListener(item[1], item[2], item[3]);
                };
                if(item[1].substring(0, 2) != "on"){
                    item[1] = "on" + item[1];
                };
                if(item[0].detachEvent){
                    item[0].detachEvent(item[1], item[2]);
                };
                item[0][item[1]] = null;
            };
        }
    };
}();
addEvent(window,'unload',EventCache.flush);

var rowRollover = {
    tipElements : ['tr', 'div'], // @Array: Allowable elements that can have the rollover effect
    onClass: 'ron',
    offClass: 'roff',
    init : function(options) {
        options = options || {};
        if (null != options['onClass']) this.onClass = options['onClass'];
        if (null != options['offClass']) this.onClass = options['offClass'];
        var parent = options['parent'] || document;
        var   i;
        for ( i=0; i <this.tipElements.length; i++ ) {
            var current = parent.getElementsByTagName(this.tipElements[i]);
            var curLen = current.length;
            for ( j=0; j<curLen; j++ ) {
                if (current[j].className.indexOf('roff') >= 0 && current[j].id != null) {
                    addEvent(current[j],'mouseover',this.ron);
                    addEvent(current[j],'mouseout',this.roff);
                }
            }
        }
    },
    ron: function(e) {
        rowRollover.doRowRollover(this, 1); rowRollover.callIfExists("rowTurnedOn", this);
    },
    roff: function(e){
        rowRollover.doRowRollover(this, 0); rowRollover.callIfExists("rowTurnedOff", this);
    },
    doRowRollover: function(row, isInRow) {
        var className = row.className;
        var styles=[rowRollover.onClass, rowRollover.offClass];
        row.className = rowRollover.switchClassName(className, styles[1-isInRow], styles[isInRow]);
    },
    switchClassName: function(className, withName, withoutName) {
        if (null == className) className = "";
        var styles = className.split(" ");
        var found = false;
        for (var i = styles.length; --i >= 0; ) {
            if (styles[i] == withoutName) {
                styles[i] = withName;
                found = true;
            } else if (styles[i] == withName) {
                found = true;
            }
        }
        if (!found) styles.push(withName);
        return styles.join(' ');
    },
    callIfExists: function(funcName, parm1) {
        var f = rowRollover[funcName];
        if (null != f) {
            f(parm1);
        }
    }
}

function hideFlash() {
    var div = $('notice_div');
    if (div && Element.visible(div)) {
        Element.hide(div);
    }
}

var Utils = {
    redirectTo: function(url) {
        window.location.href = url;
    },
    now: function() {
        return new Date();
    },
    centerInWindow: function(element) {
        this.alignInWindow(element, 0.5, 0.33);
    },
    alignInWindow: function(element, horizontalRatio, verticalRatio) {
        var windowDimensions = Utils.windowDimensions();
        var elementDimensions = Element.getDimensions(element);

        var new_left = (windowDimensions.width - elementDimensions.width)*horizontalRatio + "px";
        var new_top = (windowDimensions.height - elementDimensions.height)*verticalRatio + "px";
        element.style.left = new_left;
        element.style.top = new_top;
    },
    windowDimensions: function() {
        return {
            height: this.window().innerHeight || document.body.clientHeight,
            width: this.window().innerWidth || document.body.clientWidth
        }
    },
    useMockWindow: function (w) {
        this.mockedWindow = w;
    },
    window: function() {
        return this.mockedWindow || window;
    },
    redirectIfConfirm: function(msg, url) {
        if (confirm(msg)) this.redirectTo(url);
    },
    deSnap: function() {
        var children = document.body.getElementsByTagName('a');
        var i;
        for (i = children.length; --i >= 0; ) {
            var a = children[i];
            if (!Element.hasClassName(a, 'snap_preview'))
                Element.addClassName(a, 'snap_nopreview');
        }
    }
};

Object.debug = function(obj) {
    var info = [];

    if(typeof obj in ["string","number"]) {
        return obj;
    } else {
        for(property in obj)
            if(typeof obj[property]!="function")
                info.push(property + ' => ' +
                    (typeof obj[property] == "string" ?
                        '"' + obj[property] + '"' :
                        obj[property]));
    }

    return ("'" + obj + "' #" + typeof obj +
        ": {" + info.join(", ") + "}");
}

var Spinner = Class.create();

Spinner.prototype = {
    initialize: function(spinnerID) {
        if (null == spinnerID) spinnerID = 'spinner'; //  Default value
        this.spinner = $(spinnerID);
    },
    start: function() {
        Element.show(this.spinner);
    },
    startAndDisable: function(button2Disable) {
        if (null == button2Disable) button2Disable = 'submit';
        this.disabledButton = $(button2Disable);
        this.disabledButton.disabled = true;
        this.start();
    },
    stop: function() {
        Element.hide(this.spinner);
        if (null != this.disabledButton) this.disabledButton.disabled = false;
        this.disabledButton = null;
    }
}

var logger = null;
function startLogging() {
    logger = log4javascript.getLogger("main");
    var popUpAppender = new log4javascript.PopUpAppender();
    var popUpLayout = new log4javascript.PatternLayout("%d{HH:mm:ss} %-5p - %m%n");
    popUpAppender.setLayout(popUpLayout);
    logger.addAppender(popUpAppender);new log4javascript.PopUpAppender();
}

var TimePeriod = Class.create();
TimePeriod.prototype = {
    associatedForm: null,
    initialize: function(formName) {
        this.currentRequest = this.nextRequest = null;
        this.associatedForm = $(formName || 'filterForm');
    },
    namedPeriodChanged: function() {
        $('period_type_hc').checked = true;
        this.formChanged();
    },
    formChanged: function() {
        if ($('period_type_tf') && $('period_type_tf').checked) {
            $('start_date').value = this.getFieldAsSQLDate("fromPeriod");
            $('end_date').value = this.getFieldAsSQLDate("toPeriod");
        }
        this.callAjax();
    },
    getFieldAsSQLDate: function(field) {
        var date = Date.parseDate($F(field), timeBoxDateFmt);
        return "" + date.getFullYear() + "-" + (1 + date.getMonth()) + "-" + date.getDate();
    },
    pageChanged: function(page) {
        $('page').value = page;
        this.formChanged();
    },
    toFromChanged: function() {
        $('period_type_tf').checked = true;
        $('start_date').value = this.getFieldAsSQLDate("fromPeriod");
        $('end_date').value = this.getFieldAsSQLDate("toPeriod");
        this.formChanged();
    },
    sortOrderChanged: function(sortOrder) {
        $('order_by').value = sortOrder;
        //    if($('period_type_tf')) {
        //        $('period_type_tf').checked = true;
        //        $('start_date').value = this.getFieldAsSQLDate("fromPeriod");
        //        $('end_date').value = this.getFieldAsSQLDate("toPeriod");
        //    }
        //    this.callAjax();
        this.formChanged();

    },
    buildRequest: function() {
        var delimiter = this.associatedForm.action.indexOf("?") > 0 ? "&" : "?";
        return this.associatedForm.action + delimiter + Form.serialize(this.associatedForm);
    },
    callAjax: function() {
        var request = this.buildRequest();
        if (request == this.currentRequest) {
            this.nextRequest = null;
            return;
        }
        if (this.currentRequest != null) {
            this.nextRequest = request;
            return;
        }
        this.callThisRequest(request);
    },
    callThisRequest: function(request) {
        this.currentRequest = request;
        Element.show('periodSpinner');
        new Ajax.Request(request, {
            onComplete: this.ajaxCompleted.bind(this)
        });
    },
    ajaxCompleted: function() {
        this.currentRequest = null;
        if (this.nextRequest != null) {
            var request = this.nextRequest;
            this.nextRequest = null;
            this.callThisRequest(request);
        }
    }
}

Element['swapClassName'] = function(element, className2Add, className2Remove) {
    if (!(element = $(element))) return;
    return Element.classNames(element).swap(className2Add, className2Remove);
}

Element.ClassNames.prototype['swap']= function(classNameToAdd, classNameToRemove) {
    if (!this.include(classNameToRemove) && this.include(classNameToAdd)) return;
    this.set(this.select(function(className) {
        return className != classNameToRemove;
    }).toArray().concat(classNameToAdd).join(' '));
}

//Ajax.InPlaceEditorWithValue = Class.create();
//Object.extend(Object.extend(Ajax.InPlaceEditorWithValue.prototype,
//                            Ajax.InPlaceEditor.prototype), {
//  getText: function() {
//    return this.editableText || this.element.innerHTML;
//  },
//  setText: function(text) {
//    this.editableText = text;
//  }
//});

var adwordsChecker = {
    passwordField: "prospect_account_password",
    loginField: "prospect_account_login",
    valid: false,
    nameOrPasswordChange: function() {
        this.valid = false;
        var password = $F(adwordsChecker.passwordField);
        var login = $F(adwordsChecker.loginField);
        if (adwordsChecker.nameChecker.errors == 0 &&
            adwordsChecker.passwordChecker.errors == 0 &&
            password != "" && login != "") {
            adwordsChecker.urlChecker.extras["google_login"] = login;
            adwordsChecker.urlChecker.extras["password"] = password;
            adwordsChecker.urlChecker.callAjax();
        //        console.log(adwordsChecker.urlChecker);
        }
    },
    setFields: function(f1,f2, checkUrl){
        this.nameChecker = f1;
        this.passwordChecker = f2;
        this.urlChecker = new TimePeriod(checkUrl);
        this.urlChecker.useAjax = false;
    },
    requestComplete: function(result) {
        this.urlChecker.ajaxCompleted();
        this.valid = result == 'OK';
        if (this.valid)
            Element.hide('google_verification_response');
        else
            Element.show('google_verification_response');
    }
}

var Alerter = {
    displayMessage: function(text) {
        alert(text);
    }
}

var Reloader = {
    refreshPage: function() {
        window.location.reload( false );
    }
}

var Calendarer = {
    displayCalendar: function(id) {
        Calendar.setup(    {
            inputField  : id,         
            ifFormat    : "%d/%m/%Y"
        }
        );
    }
}