﻿$(document).bind('keydown.simplemodal', function(e) 
{
    if (e.keyCode == 27) {
        // ESC
        $.modal.close();
    }
});

$(document).ready(function() 
{
    $("[id*='popinroseaddcomment_']").click(function(e) 
    {
        e.preventDefault();

        // load the contact form using ajax
        $.get(base_url + "/" + lng + "/formAjax/roseAddComment", function (data) 
        {
            // create a modal dialog with the data
            $(data).modal(
                {
                    closeHTML: "<a href='#' title='" + listText[8] + "' class='modalCloseX simplemodal-close'>x</a>",
                    position: ["15%", ],
                    opacity: (85),
                    overlayId: 'roseAddComment-overlay',
                    containerId: 'roseAddComment-container',
                    onOpen: roseAddComment.open,
                    onShow: roseAddComment.show,
                    onClose: roseAddComment.close
                });
        }
        );
    });

    // preload images
    var img = ['cancel.png', 'form_bottom.gif', 'form_top.gif', 'loading.gif', 'send.png'];
    $(img).each(function() {
        var i = new Image();
        i.src = base_url + '/templates/frontend/' + theme + '/img/formAjax/roseAddComment/' + this;
    });
});

var roseAddComment =
    {
        message: null,
        open: function(dialog) {
            //set id_rose
            $('#id_rose').val(id_rose);

            // add padding to the buttons in firefox/mozilla
            if ($.browser.mozilla) {
                $('#roseAddComment-container .roseAddComment-button').css({
                    'padding-bottom': '2px'
                });
            }
            // input field font size
            if ($.browser.safari) {
                $('#roseAddComment-container .roseAddComment-input').css({
                    'font-size': '.9em'
                });
            }

            // dynamically determine height
            var h = 280;
            if ($('#roseAddComment-subject').length) {
                h += 26;
            }
            if ($('#roseAddComment-cc').length) {
                h += 22;
            }

            var title = $('#roseAddComment-container .roseAddComment-title').html();
            $('#roseAddComment-container .roseAddComment-title').html(listText[0]);
            dialog.overlay.fadeIn(200, function() {
            
                dialog.container.fadeIn(200, function() 
                {
                    dialog.data.fadeIn(200, function() 
                    {
                        $('#roseAddComment-container .roseAddComment-content').animate(
                        {
                            height: h
                        },
                        function() 
                        {                            
                            $('#roseAddComment-container .roseAddComment-title').html(title);
                            $('#roseAddComment-container form').fadeIn(200, function() {
                                $('#roseAddComment-container #roseAddComment-name').focus();

                                $('#roseAddComment-container .roseAddComment-cc').click(function() {
                                    //                                    var cc = $('#roseAddComment-container #roseAddComment-cc');
                                    //                                    cc.is(':checked') ? cc.attr('checked', '') : cc.attr('checked', 'checked');
                                });

                                // fix png's for IE 6
                                if ($.browser.msie && $.browser.version < 7) {
                                    $('#roseAddComment-container .roseAddComment-button').each(function() {
                                        if ($(this).css('backgroundImage').match(/^url[("']+(.*\.png)[)"']+$/i)) {
                                            var src = RegExp.$1;
                                            $(this).css(
                                            {
                                                backgroundImage: 'none',
                                                filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + src + '", sizingMethod="crop")'
                                            });
                                        }
                                    });
                                }
                            });
                        });
                    });
                });
            });
        },
        show: function(dialog) {

            $('#roseAddComment-container .roseAddComment-send').click(function(e) {
                e.preventDefault();
                // validate form
                if (roseAddComment.validate()) {
                    $('#roseAddComment-container .roseAddComment-message').fadeOut(function() {
                        $('#roseAddComment-container .roseAddComment-message').removeClass('roseAddComment-error').empty();
                    });
                    $('#roseAddComment-container .roseAddComment-title').html(listText[1]);
                    $('#roseAddComment-container form').fadeOut(200);
                    $('#roseAddComment-container .roseAddComment-content').animate(
                    {
                        height: '80px'
                    },
                    function() {
                        $('#roseAddComment-container .roseAddComment-loading').fadeIn(200, function() {
                            var u = base_url + "/" + lng + '/formAjax/roseAddComment';
                            $.ajax(
                            {
                                url: u,
                                data: $('#roseAddComment-container form').serialize() + '&action=send',
                                type: 'post',
                                cache: false,
                                async: false,
                                dataType: 'html',
                                complete: function(xhr) {
                                    $('#roseAddComment-container .roseAddComment-loading').fadeOut(200, function() {
                                        $('#roseAddComment-container .roseAddComment-title').html(listText[9]);
                                        $('#roseAddComment-container .roseAddComment-message').html(xhr.responseText).fadeIn(200);
                                    });
                                },
                                error: roseAddComment.error
                            });
                        });
                    });
                }
                else {
                    if ($('#roseAddComment-container .roseAddComment-message:visible').length > 0) {
                        var msg = $('#roseAddComment-container .roseAddComment-message div');
                        msg.fadeOut(200, function() {
                            msg.empty();
                            roseAddComment.showError();
                            msg.fadeIn(200);
                        });
                    }
                    else {
                        $('#roseAddComment-container .roseAddComment-message').animate(
                        {
                            height: '30px'
                        },
                        roseAddComment.showError);
                    }
                }
            });
        },
        close: function(dialog) {
            $('#roseAddComment-container .roseAddComment-message').fadeOut()
            $('#roseAddComment-container .roseAddComment-title').html(listText[3]);
            $('#roseAddComment-container form').fadeOut(200);
            $('#roseAddComment-container .roseAddComment-content').animate(
            {
                height: 40
            },
            function() {
                dialog.data.fadeOut(200, function() {
                    dialog.container.fadeOut(200, function() {
                        dialog.overlay.fadeOut(200, function() {
                            $.modal.close();
                        });
                    });
                });
            });
        },
        error: function(xhr) {
            alert(xhr.statusText);
        },
        validate: function() {
            roseAddComment.message = '';
            if (!$('#roseAddComment-container #roseAddComment-name').val()) {
                roseAddComment.message += listText[4];
            }

            var email = $('#roseAddComment-container #roseAddComment-email').val();
            if (!email) {
                roseAddComment.message += listText[5];
            }
            else {
                if (!roseAddComment.validateEmail(email)) {
                    roseAddComment.message += listText[6];
                }
            }

            if (!$('#roseAddComment-container #roseAddComment-message').val()) {
                roseAddComment.message += listText[7];
            }

            if (roseAddComment.message.length > 0) {
                return false;
            }
            else {
                return true;
            }
        },
        validateEmail: function(email) {
            var at = email.lastIndexOf("@");

            // Make sure the at (@) sybmol exists and  
            // it is not the first or last character
            if (at < 1 || (at + 1) === email.length)
                return false;

            // Make sure there aren't multiple periods together
            if (/(\.{2,})/.test(email))
                return false;

            // Break up the local and domain portions
            var local = email.substring(0, at);
            var domain = email.substring(at + 1);

            // Check lengths
            if (local.length < 1 || local.length > 64 || domain.length < 4 || domain.length > 255)
                return false;

            // Make sure local and domain don't start with or end with a period
            if (/(^\.|\.$)/.test(local) || /(^\.|\.$)/.test(domain))
                return false;

            // Check for quoted-string addresses
            // Since almost anything is allowed in a quoted-string address,
            // we're just going to let them go through
            if (!/^"(.+)"$/.test(local)) {
                // It's a dot-string address...check for valid characters
                if (!/^[-a-zA-Z0-9!#$%*\/?|^{}`~&'+=_\.]*$/.test(local))
                    return false;
            }

            // Make sure domain contains only valid characters and at least one period
            if (!/^[-a-zA-Z0-9\.]*$/.test(domain) || domain.indexOf(".") === -1)
                return false;

            return true;
        },
        showError: function() {
            $('#roseAddComment-container .roseAddComment-message')
			.html($('<div class="roseAddComment-error">').append(roseAddComment.message))
			.fadeIn(200);
        }
    };
