$(function () {
    $('#info').coinslider({ links : false,delay: 9000, hoverPause: true, width: 968, height: 282});
    $("#txtTelefone").mask("(99) 9999-9999");   


    //scrollpane parts
    var scrollPane = $('.scroll-pane');
    var scrollContent = $('.scroll-content');

    //build slider
    var scrollbar = $(".scroll-bar").slider({
        slide: function (e, ui) {
            if (scrollContent.width() > scrollPane.width()) { scrollContent.css('margin-left', Math.round(ui.value / 100 * (scrollPane.width() - scrollContent.width())) + 'px'); }
            else { scrollContent.css('margin-left', 0); }
        }
    });

    //append icon to handle
    var handleHelper = scrollbar.find('.ui-slider-handle')
		.mousedown(function () {
		    scrollbar.width(handleHelper.width());
		})
		.mouseup(function () {
		    scrollbar.width('100%');
		})
		.append('<span class="ui-icon ui-icon-grip-dotted-vertical"></span>')
		.wrap('<div class="ui-handle-helper-parent"></div>').parent();

    //change overflow to hidden now that slider handles the scrolling
    scrollPane.css('overflow', 'hidden');

    //size scrollbar and handle proportionally to scroll distance
    function sizeScrollbar() {
        var remainder = scrollContent.width() - scrollPane.width();
        var proportion = remainder / scrollContent.width();
        var handleSize = 64; // scrollPane.width() - (proportion * scrollPane.width());
        scrollbar.find('.ui-slider-handle').css("margin-left", "-32px")
        handleHelper.width('').width(scrollbar.width() - handleSize);
    }

    //reset slider value based on scroll content position
    function resetValue() {
        var remainder = scrollPane.width() - scrollContent.width();
        var leftVal = scrollContent.css('margin-left') == 'auto' ? 0 : parseInt(scrollContent.css('margin-left'));
        var percentage = Math.round(leftVal / remainder * 100);
        scrollbar.slider("value", percentage);
    }


    //if the slider is 100% and window gets larger, reveal content
    function reflowContent() {
        var showing = scrollContent.width() + parseInt(scrollContent.css('margin-left'));
        var gap = scrollPane.width() - showing;
        if (gap > 0) {
            scrollContent.css('margin-left', parseInt(scrollContent.css('margin-left')) + gap);
        }
    }

    //change handle position on window resize
    $(window)
		.resize(function () {
		    resetValue();
		    sizeScrollbar();
		    reflowContent();
		});

    //init scrollbar size
    setTimeout(sizeScrollbar, 10); //safari wants a timeout

    var width = $(document).width();
    if (width <= 1024) {
        $(".fundo").removeClass("fundo").addClass("fundo2");
    }


    function enviaEmail() {
        $(".status").removeClass("status2").addClass("status").css("display", "block");
        var _nome = $("#txtNome").val();
        var _email = $("#txtEmail").val();
        var _telefone = $("#txtTelefone").val();
        var _msg = $("#txtMensagem").val();

        $.ajax({
            url: "../Controle/EnviarEmail.ashx?t=" + new Date().getMilliseconds(),
            dataType: "json",
            type: "POST",
            data: { nome: _nome, email: _email, telefone: _telefone, mensagem: _msg },
            cache: false,
            success: function (r) {
                if (r.envio == "1") {
                    $("#txtNome").val("");
                    $("#txtEmail").val("");
                    $("#txtTelefone").val("");
                    $("#txtMensagem").val("");
                    $(".status2").removeClass("status2").addClass("status");
                    $(".status").html("Sua mensagem foi envida.");
                }
                else {
                    $(".status").removeClass("status").addClass("status2");
                    $(".status2").html(r.msg);
                }
            }
        });
    }
    $("#btnEnviar").bind("click", enviaEmail);  
});