$(window).load(function() {
    if($('.ie').length){
        $('.ie>.bg_top_effect').show('slow',function(){
           $('.head-title_ie').fadeIn(function(){
            var a =$(this);
            a.fadeIn(function() {
                a.approach({
                    "color": "#888"
                }, 200);
                 $('.content-bubble').fadeIn(function() {
                    var e = 1;
                    var time = 0;
                    $.each($('.content>*'), function() {
                        var c = $(this);
                        c.show('blind','slow');
                    });
                    $.each($('.approach-menu>div'), function() {
                        var el = $(this);
                        var inc = (200 * e);
                        var ttime = time + inc;
                        setTimeout(function() {
                            el.slideDown()
                        }, ttime);
                        ttime += inc + inc;
                        e++;
                    });
                });
                $('.menu').show('slide', {direction:'right'}, 'slow');
                $('.menu>ul>li').moatext({
                    effects: ["lens","wave"],
                    values:{
                        "wave": {
                            "enter": ["-50px","20px"]
                        }
                    }
                });
                $('.elements>a').approach({
                    "fontSize": "30px",
                    "color": "#072956"
                }, 80);
                if ($('.elements').length) {
                    $('.elements>a').tipsy({gravity:(Tooltip == "agencia") ? $.fn.tipsy.autoNS : $.fn.tipsy.autoWE});
                }
            });

           });
        });
        $('.ie>.bg_bottom_effect').show('slow');

    }else{
    $.each($('.header>div'), function() {
        var a = $(this);
        if (a.is('.s1')) setTimeout(function() {
            a.show('slow')
        }, 0);
        if (a.is('.sb2')) setTimeout(function() {
            a.show('slow')
        }, 100);
        if (a.is('.s2')) setTimeout(function() {
            a.show('slow')
        }, 200);
        if (a.is('.logo')) setTimeout(function() {
            a.show('slide', {direction:'right'}, 250);
        }, 300);
        if (a.is('.sb3')) setTimeout(function() {
            a.show('slow')
        }, 400);
        if (a.is('.s3')) setTimeout(function() {
            a.show('slow')
        }, 500);
        if (a.is('.sb4')) setTimeout(function() {
            a.show('slow')
        }, 600);
        if (a.is('.s4')) setTimeout(function() {
            a.show('slow')
        }, 700);
        if (a.is('.sb5')) setTimeout(function() {
            a.show('slow')
        }, 800);
        if (a.is('.s5')) setTimeout(function() {
            a.show('slow')
        }, 900);
        if (a.is('.head-title')) setTimeout(function() {
            a.fadeIn(function() {
                a.approach({
                    "color": "#888"
                }, 200);
                $('.content-bubble').fadeIn(function() {
                    var e = 1;
                    var time = 0;
                    $.each($('.content>*'), function() {
                        var c = $(this);
                        c.show('blind','slow');
                    });
                    $.each($('.approach-menu>div'), function() {
                        var el = $(this);
                        var inc = (200 * e);
                        var ttime = time + inc;
                        setTimeout(function() {
                            el.show('bounce',{times:'3'},'slow')
                        }, ttime);
                        ttime += inc + inc;
                        e++;
                    });
                });
                $('.menu').show('slide', {direction:'right'}, 'slow');
                $('.menu>ul>li').moatext({
                    effects: ["lens","wave"],
                    values:{
                        "wave": {
                            "enter": ["-15px","10px"]
                        }
                    }
                });
                $('.elements>a').approach({
                    "fontSize": "30px",
                    "color": "#072956"
                }, 80);
                if ($('.elements').length) {
                    $('.elements>a').tipsy({gravity:(Tooltip == "agencia") ? $.fn.tipsy.autoNS : $.fn.tipsy.autoWE});
                }
            });
        }, 900);
    });
    }
    //GALERIA NO QUITAR
    if ($('#slider').length) {
        $('#slider').s3Slider({
            timeOut: 4000
        });
    }
    $.each($('.elements>a'), function() {//eventos de carga html para botones
        var el = $(this);
        el.click(function() {
            //alert(el.attr('name'));
            $.ajax({
                url: "servicios/get_content",
                context: el,
                type:'POST',
                data:{
                    id:el.attr('name')
                },
                success: function(response) {
                    el.css({color:'#ffff00'});
                    $('div.bg-content-center>div.content').html(response);
                    $.each($('div.bg-content-center>div.content>*'), function() {
                        var c = $(this);
                        c.show('clip', 'slow');
                    });
                },
                statusCode: {
                    404: function() {
                        alert('Página no encontrada');
                    },
                    500:function() {
                        alert('Aún no existe la información en el servidor');
                    }
                }
            });

        })

    });

    setTimeout(function(){
        $('.fire-contact').click(showForm);
    },2000);

});

function showForm() {

    // load the contact form using ajax
    $.get("contacto/formulario", function(data) {
        // create a modal dialog with the data
        $(data).modal({
            closeHTML: "<a href='' title='Cerrar' class='modal-close'>x</a>",
            position: ["15%"],
            overlayId: 'contact-overlay',
            containerId: 'contact-container',
            onOpen: contact.open,
            onShow: contact.show,
            onClose: contact.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 = 'img/contact-form/' + this;
    });
    var contact = {
        message: null,
        open: function (dialog) {
            // add padding to the buttons in firefox/mozilla
            if ($.browser.mozilla) {
                $('#contact-container .contact-button').css({
                    'padding-bottom': '2px'
                });
            }
            // input field font size
            if ($.browser.safari) {
                $('#contact-container .contact-input').css({
                    'font-size': '.9em'
                });
            }

            // dynamically determine height
            var h = 320;
            if ($('#contact-subject').length) {
                h += 26;
            }
            if ($('#contact-cc').length) {
                h += 22;
            }

            var title = $('#contact-container .contact-title').html();
            $('#contact-container .contact-title').html('Cargando formulario...');
            dialog.overlay.fadeIn(200, function () {
                dialog.container.fadeIn(200, function () {
                    dialog.data.fadeIn(200, function () {
                        $('#contact-container .contact-content').animate({
                            height: h
                        }, function () {
                            $('#contact-container .contact-title').html(title);
                            $('#contact-container form').fadeIn(200, function () {
                                $('#contact-container #contact-name').focus();

                                $('#contact-container .contact-cc').click(function () {
                                    var cc = $('#contact-container #contact-cc');
                                    cc.is(':checked') ? cc.attr('checked', '') : cc.attr('checked', 'checked');
                                });

                                // fix png's for IE 6
                                if ($.browser.msie && $.browser.version < 7) {
                                    $('#contact-container .contact-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) {
            $('#contact-container .contact-send').click(function (e) {
                e.preventDefault();
                // validate form
                if (contact.validate()) {
                    var msg = $('#contact-container .contact-message');
                    msg.fadeOut(function () {
                        msg.removeClass('contact-error').empty();
                    });
                    $('#contact-container .contact-title').html('Enviando...');
                    $('#contact-container form').fadeOut(200);
                    $('#contact-container .contact-content').animate({
                        height: '350px'
                    }, function () {
                        $('#contact-container .contact-loading').fadeIn(200, function () {
                            $.ajax({
                                url: 'contacto/enviar',
                                data: $('#contact-container form').serialize() + '&action=send',
                                type: 'post',
                                cache: false,
                                dataType: 'html',
                                success: function (data) {
                                    $('#contact-container .contact-loading').fadeOut(200, function () {
                                        $('#contact-container .contact-title').html('Gracias, responderemos su mensaje a la brevedad');
                                        msg.html(data).fadeIn(200);
                                    });
                                },
                                error: contact.error
                            });
                        });
                    });
                }
                else {
                    if ($('#contact-container .contact-message:visible').length > 0) {
                        var msg = $('#contact-container .contact-message div');
                        msg.fadeOut(200, function () {
                            msg.empty();
                            contact.showError();
                            msg.fadeIn(200);
                        });
                    }
                    else {
                        $('#contact-container .contact-message').animate({
                            height: '30px'
                        }, contact.showError);
                    }

                }
            });
        },
        close: function (dialog) {
            $('#contact-container .contact-message').fadeOut();
            $('#contact-container .contact-title').html('Gracias! Cerrando aplicación...');
            $('#contact-container form').fadeOut(200);
            $('#contact-container .contact-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 () {
            contact.message = '';
            if (!$('#contact-container #contact-name').val()) {
                contact.message += 'Falta: Nombre. ';
            }

            var email = $('#contact-container #contact-email').val();
            if (!email) {
                contact.message += 'Falta: E-mail. ';
            }
            else {
                if (!contact.validateEmail(email)) {
                    contact.message += 'E-mail inválido. ';
                }
            }

            if (!$('#contact-container #contact-message').val()) {
                contact.message += 'Falta: Mensaje. ';
            }

            if (contact.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 () {
            $('#contact-container .contact-message')
                    .html($('<div class="contact-error"></div>').append(contact.message))
                    .fadeIn(200);
        }
    }
}