/**
 * @author sebas
 */
$(document).ready(function(){
    var estado = false;
    $("#btnSlide").click(function(){
        if (!estado) {
            $("#panel").animate({
                top: '570px'
            }, 1500);
            $(this).toggleClass("active");
            estado = true;
        }
        else {
            $("#panel").animate({
                top: '250px'
            }, 1500);
            $(this).toggleClass("active");
            estado = false;
        }
        return false;
    });
});


jQuery.fn.correo = function(){
    if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test($(this).val())) {
        return true;
    }
    else {
        return false;
    }
}
function checkWin(){
    var w = $(".encastrada");
    //alert(w.length);
    // Congratulation message / Mensaje de felicitacion.
    if (w.length == 4) {
        $('#forBoxesContent').addClass('ok');
        $('#drag01').remove();
        $('#drag02').remove();
        $('#drag03').remove();
        $('#drag04').remove();
        $("#draggableContent").css("display", "none");
        
        
        $("#instructions").css("display", "none");
        
        if (lang == "en") {
            $("#instructions").html("Congratulations!" + '<a href="#" class="btnNextAfCaptcha" title="Continue">Continue</a><div class="pusher">&nbsp;</div><br>');
        }
        else {
            $("#instructions").html("¡Felicitaciones!" + '<a href="#" class="btnNextAfCaptcha" title="Continuar">Continuar</a><div class="pusher">&nbsp;</div><br>');
        }
        
        $("#instructions").attr("id", "continue");
        
        $("#continue").css("display", "");
        
        
        $(".btnNextAfCaptcha").click(function(){
        
        
            $("#blurBox").fadeOut();
            $("#wrapper").removeClass("oculto");
            
            if (lang == "en") {
                $("#formContent").html(datos_en);
            }
            else {
                $("#formContent").html(datos_es);
            }
            
            
            var datos_en_waiting = '<h3 id="contact"><span>Get in contact</span></h3><div id="loadingPreview"><img src="img/loading.gif" width="200" height="16" alt="loading" /><p>sending...</p></div>';
            
            var datos_es_waiting = '<h3 id="contact" class="contactEs"><span>Contáctenos</span></h3><div id="loadingPreview"><img src="img/loading.gif" width="200" height="16" alt="loading" /><p>enviando...</p></div>';
            
            
            if (lang == "en") {
                $("#formContent").html(datos_en_waiting);
            }
            else {
                $("#formContent").html(datos_es_waiting);
            }
            
            
            var datos_en = ' <h3 id="contact"><span>Get in contact</span></h3><div id="thanksMessage">' +
            '<h4>Sent successfully!</h4>' +
            '<p class="thanks">Thank you. We will contact you shortly. <a title="Return" href=\"index.html\">Return</a></p>' +
            '</div>';
            
            var datos_es = '<h3 id="contact" class="contactEs"><span>Contáctenos</span></h3><div id="thanksMessage">' +
            '<h4>Enviado con éxito!</h4>' +
            '<p class="thanks">Gracias. Nos contactaremos con Usted a la brevedad. <a title="Return" href="index_es.html">Volver</a></p>' +
            '</div>';
            
            
            var datos_en_err = '<div id="thanksMessage">' +
            '<h4>Message Error!</h4>' +
            '<p class="thanks">Opps, Sorry, But this message cannot be delivered, try sending a email to <a href="mailto:info@3w.com.uy">info@3w.com.uy</a>. <a title="Return" href=\"index.html\">Return</a></p>' +
            '</div>';
            
            var datos_es_err = '<div id="thanksMessage">' +
            '<h4>Enviado con éxito!</h4>' +
            '<p class="thanks">Opps, Disculpa, Este mensaje no ha podido ser enviado, intenta mandando un email a <a href="mailto:info@3w.com.uy">info@3w.com.uy</a> <a title="Return" href="index_es.html">Volver</a></p>' +
            '</div>';
            
            
            $.get("ajax/ajax.php?type=mailto&name=" + name + "&email=" + email + "&phone=" + phone + "&comment=" + comment + "&lang=" + lang + "&company=" + company, function(response){
                if (response == "OK") {
                
                    // Ocultamos Formulario
                    $("#Fcontact").hide();
                    // Mostramos mensaje de ok
                    $("#thanksMessage").show();
                    
                    if (lang == "en") {
                        $("#formContent").html(datos_en);
                    }
                    else {
                        $("#formContent").html(datos_es);
                    }
                }
                else {
                
                    // Ocultamos Formulario
                    $("#Fcontact").hide();
                    // Mostramos mensaje de ok
                    $("#thanksMessage").show();
                    
                    if (lang == "en") {
                        $("#formContent").html(datos_en_err);
                    }
                    else {
                        $("#formContent").html(datos_es_err);
                    }
                }
            });
            
        });
        
        $.timer(700, function(timer){
            timer.stop();
        });
    }
}


$(window).ready(function(){



    $("#drag01").draggable({
        helper: 'original'
    });
    
    $("#idrag01").droppable({
        accept: "#drag01",
        tolerance: 'intersect',
        activeClass: 'droppable-active',
        hoverClass: 'droppable-hover',
        drop: function(){
            $('#idrag01').addClass("encastrada");
            $('#idrag01').css("background", "url(./img/logotipo_01.png) no-repeat top left");
            $('#drag01').css("background", "none");
            checkWin();
        }
    });
    
    $("#drag02").draggable({
        helper: 'original'
    });
    
    $("#idrag02").droppable({
        accept: "#drag02",
        tolerance: 'intersect',
        activeClass: 'droppable-active',
        hoverClass: 'droppable-hover',
        drop: function(){
            $('#idrag02').addClass("encastrada");
            $('#idrag02').css("background", "url(./img/logotipo_02.png) no-repeat top left");
            $('#drag02').css("background", "none");
            checkWin();
        }
    });
    
    $("#drag03").draggable({
        helper: 'original'
    });
    
    $("#idrag03").droppable({
        accept: "#drag03",
        tolerance: 'intersect',
        activeClass: 'droppable-active',
        hoverClass: 'droppable-hover',
        drop: function(){
            $('#idrag03').addClass("encastrada");
            $('#idrag03').css("background", "url(./img/logotipo_03.png) no-repeat top left");
            $('#drag03').css("background", "none");
            checkWin();
        }
    });
    
    $("#drag04").draggable({
        helper: 'original'
    });
    
    $("#idrag04").droppable({
        accept: "#drag04",
        tolerance: 'intersect',
        activeClass: 'droppable-active',
        hoverClass: 'droppable-hover',
        drop: function(){
            $('#idrag04').addClass("encastrada");
            $('#idrag04').css("background", "url(./img/logotipo_04.png) no-repeat top left");
            $('#drag04').css("background", "none");
            checkWin();
        }
    });
    
    
});