/* my code */

function doEdit() {
    var eip = new Class({
    /**
     * Initialize
     * @param elements els An array of elements.
     * @param string action the path to the file to target with form.
     * @param object params (optional) Any extra parameters you would like to send with the AJAX call.
     * @param object options (optional) Override the default classes with this.
     */
    initialize: function(els, action, params, options) {
        // Handle array of elements or single element
        if ($type(els) == 'array') {
                els.each(function(el){
                        this.prepForm(el);
                }.bind(this));
        } else if ($type(els) == 'element') {
                this.prepForm(els);
        } else {
                return;
        }

        // Store the action (path to file) and params
        this.action = action;
        this.params = params;

        // Default options
        this.options = Object.extend({
                overCl: 'over',
                hiddenCl: 'hidden',
                editableCl: 'edittextarea',
                textareaCl: 'textarea'
        }, options || {} );
    },
    
    /**
     * Add events to element
     * @param element el Your target element.
     */
    prepForm: function(el) {
        var obj = this;
        el.addEvents({
                'mouseover': function(){this.addClass(obj.options.overCl);this.setProperty('title','Double click here to edit')},
                'mouseout': function(){this.removeClass(obj.options.overCl);},
                'dblclick': function(){obj.showForm(this);}
        });
    },


    /**
    * Build and/or show form
    * @param element el Your target element.
    */
    showForm: function(el) {
        var classes = el.getProperty('class').split(" ");
        for (i=classes.length-1;i>=0;i--) {
            if (classes[i].contains('type:')) {
                var target = classes[i].split(":")[1];
            }
            else if (classes[i].contains('id:')) {
                var id = classes[i].split(":")[1];
            }
        }
        var height = el.getStyle('height').toInt();
        if (height <= 200) { height = 200; }
        height = height + 12 + 'px';
        
        
        // Hide target element
        el.addClass(this.options.hiddenCl);

        // If the form exists already, let's show that
        if (el.form) {
            el.form.removeClass(this.options.hiddenCl);
            //el.form[target].focus();
            return;
        }

        // Create new form
        var form = new Element('form', {
            'id': 'form_' + id,
            'action': this.action,
            'class': this.options.editableCl
        });

        // Store new form in the element
        el.form = form;
        
        // Need this to pass to the buttons
        var obj = this;

        var divholder = new Element('div', {
            'style': 'display:block;'
        }).injectInside(form);

        // Add a submit button
        new Element('input', {
            'type': 'submit',
            'value': 'save',
            'class': 'submitbutton',
            'style': 'font-weight: bold;',
            'events': {
                'click': function(evt){
                    (new Event(evt)).stop();
                    el.empty();
                    el.appendText('saving...');
                    obj.hideForm(form, el);
                    form.send({update: el});
                }
            }
        }).injectInside(divholder);
        

        // Add a cancel button
        new Element('input', {
            'type': 'button',
            'value': 'cancel',
            'class': 'submitbutton',
            'events': {
                'click': function(form, el){
                    obj.hideForm(form, el);
                }.pass([form, el])
            }
        }).injectInside(divholder);
        
        var big = 0;
        var oldstyles;
        new Element('input', {
            'type': 'button',
            'value': '<->',
            'class': 'submitbutton',
            //'style': 'margin:0;margin: 0 0 0 305px; padding: 0',
            'title': 'Expand/Contract width of EditBox',
            'events': {
                'click': function(form, el){
                    (new Event(form,el)).stop();
                    if (big == 0) {
                        // change to big
                        var neww = $('rightholder').getStyle('width').toInt();
                        input.setStyles({
                        'position': 'absolute',
                        'display': 'block',
                        'left': '-4px',
                        'width': neww +"px",
                        'overflow': 'visible',
                        'z-index': '5000'
                        });
                        big = 1;
                        return 0;
                    }
                    else if (big == 1) {
                        //change to normal
                        input.setStyles(oldstyles);
                        big = 0;
                        return 0;
                    }
                    return 0; // will never get here
                }
            }}).injectInside(divholder);
        
        new Element('input', {
            'type': 'button',
            'value': '-',
            'class': 'submitbutton',
            'style': 'margin:0;margin: 0 5px 0 5px; padding: 0;',
            'title': 'Decrease EditBox Size',
            'events': {
                'click': function(form, el){
                    (new Event(form,el)).stop();
                    var h = input.getStyle('height').toInt();
                    var nh = h - 60;
                    if (nh <17) { nh = 17; }
                    var myH = new Fx.Style(input, 'height', {duration: 250}).start(h, nh);
                }
            }
        }).injectInside(divholder);
        
        new Element('input', {
            'type': 'button',
            'value': '+',
            'class': 'submitbutton',
            'style': 'padding: 0;margin:0;',
            'title': 'Increase EditBox Size',
            'events': {
                'click': function(form, el){
                    (new Event(form,el)).stop();
                    var h = input.getStyle('height').toInt();
                    var nh = h + 60;
                    var myH = new Fx.Style(input, 'height', {duration: 250}).start(h, nh);
                }
            }
        }).injectInside(divholder);
        

        // For every param, add a hidden input
        for (param in this.params) {
            new Element('input', {
                'type': 'hidden',
                'name': param,
                'value': this.params[param]
            }).injectInside(form);
        }

        //
        new Element('input', {
            'type': 'hidden',
            'name': 'id',
            'value': id
        }).injectInside(form);
        
        // inject our target
        new Element('input', {'type': 'hidden','name': 'target','value': target }).injectInside(form);

        // Add the form after the target element
        form.injectAfter(el);

        // Create a textarea or input for user
        var input = new Element('textarea', {
            'name': 'content',
            'style': 'height: '+height,
            'class': 'editbox',
            'id' : 'textbox-'+id
        }).appendText('Getting content from server...').injectInside(form);
        
        this.ajaxGet(id,input,target);
        
        oldstyles = input.getStyles('position','display','width','overflow','z-index');

        // Focus on the input
        input.focus();
    },
    
    /**
     * Ajax Get
     * @param id to pass to php script
     * @param element to update with content
     */
    ajaxGet: function(id, el, target) {
        $$('form input.submitbutton').each(function(i, c) { i.setProperty('disabled', 'true'); });
        el.setProperty('disabled', 'true');
        if (!el) { el = $('textbox'); }
        url = "?getcontent=1&id="+id+"&target="+target;
        var rq = new Ajax("/update.php"+url, {
            method: 'get',
            onComplete:function(resp){
                var content = resp;
                el.setText(resp);
                $$('form input.submitbutton').each(function(i, c) { i.setProperty('disabled', ''); });
                el.setProperty('disabled', '');
            }
        }).request();
    },        

    /**
     * Hide form
     * @param element form Your target form.
     * @param element el Your target element.
     */
    hideForm: function(form, el) {
            form.addClass(this.options.hiddenCl);
            el.removeClass(this.options.hiddenCl);
    }

    });
    new eip( $$('.textholder'), '/update.php', {update: '1', updatecontent: '1'});
}


function externalLinks() {
    $$('a.external').each(function(link) {
        link.target = '_blank';
    });
}

function createForms() {
        var ajaxForms = $$('.ajaxform');
	ajaxForms.each(function(forms, i){
            new FormValidator(forms, {onFormValidate: function(isPassed, form) {
                if (isPassed == true) {
                    var sz = form.getProperty('action');
                    //if (form.hasClass('szu')) { sz = '/update.php' }
                    //else if (form.hasClass('szl')) { sz = '/login.php' }
                    var cFH = form.getParent().empty().addClass('ajax-loading');
                    var myAjax = new Ajax(sz,{
                        postBody: form,
                        update: cFH,
                        onComplete: function(resp) {
                            cFH.removeClass('ajax-loading');
                        }
                    }).request();
                }
            }});
        });
}

function pageConf() {
    if ($chk($('pageConf'))) {
    $('pageConf').addEvent('click', function(e) {
        // get id
        var tid = $('pageConf').getProperty('class');
        var id = tid.substring(2);
        
        var myDiv = new Element('div', {
            'name': 'content',
            'id' : 'pageConfig'
        }).injectInside($('pagesettings'));
        
        var form = new Element('form', {
            'id': 'form_config',
            'method' : 'post',
            'action': '/update.php'
        });
        
        el = myDiv;
        target = 'headline';
    
        // Store new form in the element
        el.form = form;
        
        // Need this to pass to the buttons
        var obj = this;
        
        new Element('label', {
            'for' : 'pagetitleage'
        }).appendText('Page Title:').injectInside(form);
        
        // Create a textarea or input for user
        var input1 = new Element('textarea', {
            'name': 'title',
            'style': 'height: 15px;width: 750px;',
            'id' : 'pagetitleage'
        }).appendText('Getting content from server...').injectInside(form);
        
        new Element('label', {
            'for' : 'headline'
        }).appendText('Page Description:').injectInside(form);
        
        // Create a textarea or input for user
        var input = new Element('textarea', {
            'name': 'content',
            'style': 'height: 15px;width: 750px;',
            'id' : 'headline'
        }).appendText('Getting content from server...').injectInside(form);
        
        new Element('label', {
            'for' : 'keywords'
        }).appendText('Page Keywords:').injectInside(form);
        
        // Create a textarea or input for user
        var input2 = new Element('textarea', {
            'name': 'keywords',
            'style': 'height: 15px;width: 750px;margin:5px 0',
            'id' : 'keywords'
        }).appendText('Getting content from server...').injectInside(form);
        
        
        // Add a submit button
        new Element('input', {
            'type': 'submit',
            'value': 'save',
            'style': 'float:right;background: #333;color:#fff;padding:2px;font-weight: bold;',
            'events': {
                'click': function(evt){
                    (new Event(evt)).stop();
                    form.send({update: el});
                }
            }
        }).injectInside(form);
        
        
        new Element('input', {
            'type': 'hidden',
            'name': 'id',
            'value': id
        }).injectInside(form);
        new Element('input', { 'type': 'hidden', 'name': 'update', 'value': 1}).injectInside(form);
        new Element('input', { 'type': 'hidden', 'name': 'updatecontent', 'value': 1 }).injectInside(form);
        
        // inject our target
        new Element('input', {'type': 'hidden','name': 'target','value': target }).injectInside(form);
    
        // Add the form after the target element
        form.injectInside(el);
        
        // now populate our ajax request
        url = "?getcontent=1&id="+id+"&target="+target;
        var rq = new Ajax("/update.php"+url, {
            method: 'get',
            onComplete:function(resp){
                var content = resp;
                input.setText(resp);
                $$('form input.submitbutton').each(function(i, c) { i.setProperty('disabled', ''); });
                el.setProperty('disabled', '');
            }
        }).request();
        
        // now populate our ajax request
        url = "?getcontent=1&id="+id+"&target=title";
        var rq = new Ajax("/update.php"+url, {
            method: 'get',
            onComplete:function(resp){
                var content = resp;
                input1.setText(resp);
                $$('form input.submitbutton').each(function(i, c) { i.setProperty('disabled', ''); });
                el.setProperty('disabled', '');
            }
        }).request();
        
        url = "?getcontent=1&id="+id+"&target=keywords";
        var rq = new Ajax("/update.php"+url, {
            method: 'get',
            onComplete:function(resp){
                var content = resp;
                input2.setText(resp);
                $$('form input.submitbutton').each(function(i, c) { i.setProperty('disabled', ''); });
                el.setProperty('disabled', '');
            }
        }).request();
    });
    }
}

//window.onDomReady(brandfour.init.bind(brandfour));
window.addEvent('domready', function() {
    doEdit();
    externalLinks();
    createForms();
    pageConf();
    
});