var RendererSuggest = new Class({

    Extends: RendererAbstract,

    options: {
        text: "Turite pasiūlymų, idėjų, pastebėjimų portalui savaitgalis.lt? Rašykite juos žemiau esančiame laukelyje ir siųskite mums!",
        link_offer_event : "http://www.savaitgalis.lt/lt/apatinis-meniu/norite-buti-savaitgalis-lt/"
    },

    initialize: function(options) {
        this.setOptions(options);
    },

    render: function() {
        var content = new Element('div', {});
        content.innerHTML = this.options.text;
        content.appendChild(document.createElement("BR"));

        link_offer = new Element(
            'a', {
                "id" : "link_offer",
                "href" : "javascript:" +
                "document.location='" + this.options.link_offer_event + "';void(null)"
            }
            );
        link_offer.parent_popup = this;
        link_offer.appendText("spauskite čia");
        content.appendText("Jei norite įsirašyti į Savaitgalis.lt katalogą ");
        link_offer.inject(content);
        content.appendText(".");

        var form = new Element('form', {
            'method': "get",
            'action': ""
        });

        var divCont1 = new Element('div', {});

        label = new Element('label', {
            "class" : "suggestion-label"
        });
        label.appendText('Jūsų el. paštas');
        node_input = new Element('input', {
            'id': "suggestion-email",
            'class': "suggestion-email",
            'name': "email",
            'type' : "text"
        });
        node_input.inject(label);
        label.inject(divCont1);

        label = new Element('label', {
            "class" : "suggestion-label"
        });
        label.appendText('Žinutė*');
        var textarea = new Element('textarea', {
            'id': "suggestion-text",
            'class': "ta suggestion-text",
            'rows': "5",
            'cols': "1",
            'name': "suggestion"
        });
        textarea.inject(label);
        label.inject(divCont1);

        divCont1.inject(form);

        var splitter = new Element('div', {
            'class': "clear"
        });
        splitter.inject(form);

        var divCont2 = new Element('div', {});

        var divBorderLeft = new Element('div', {
            'class': "fl"
        });

        var img1 = new Element('img', {
            'src': "http://www.savaitgalis.lt/images/suggest/btnl.gif",
            'alt': ""
        });

        img1.inject(divBorderLeft);

        divBorderLeft.inject(divCont2);

        var divSubmit = new Element('div', {
            'class': "fl"
        });

        var input = new Element('input', {
            'id': 'suggestion-submit',
            'class': 'btn',
            'type': 'submit',
            'styles': {
                'width': "60px"
            },
            'value': 'Siųsti'
        });
        input.addEvent('click', this.handleSubmit.bind(this));

        input.inject(divSubmit);

        divSubmit.inject(divCont2);

        var divBorderRight = new Element('div', {
            'class': "fl"
        });

        var img2 = new Element('img', {
            'src': "http://www.savaitgalis.lt/images/suggest/btnl.gif",
            'alt': ""
        });

        img2.inject(divBorderRight);

        divBorderRight.inject(divCont2);

        var divClear = new Element('div', {
            'class': "clear"
        });

        divClear.inject(divCont2);

        divCont2.inject(form);

        form.inject(content);

        return content;
    },

    onshow: function() {
    	var el = $("suggestDialog");
    	el.style.position = "fixed";
        el.style.top = '15%';
        $('suggestion-email').focus();
    },

    onhide: function() {
        $('suggestion-text').value = "";
    },

    handleSubmit: function() {
        var request = new Request.HTML({
            'url': "suggest.php",
            'method': 'post',
            'data': {
                'action': 'submit',
                'suggestion': $('suggestion-text').value,
                'url': location.href,
                'email' : $('suggestion-email').value
            },
            'async': false
        }).send();

        $('suggestion-text').value = "";

        this.close();

        return false;
    }
});
RendererSuggest.implement(new Options);