//a gicler des que less n'est plus utilisé
var host = 'http://www.surf-finance.com/';
//$.holdReady(true);
//setTimeout(debile,5000);
//////////////////////////////////////////

/////////////////fonction au chargement de la page
$(document).ready(function(){

    $('li','.slide').each(function(index){
        $(this).css('top',(index*84)+'px');
    });

    setTimeout(animateSlide,3000);

    $('#nextForm').click(function(){
        animateForm();
        return false;
    });

    $('.back').click(function(){
        backForm();
        return false;
    });

    $('#submit').click(function(){
        validForm();
        return false;
    });

    $('#c').click(function(){
        showLmic();
    });

    $('#ci').click(function(){
        hideLmic();
    });

    setForm()

    fields = new Array();
    fields[0] = new Array('SoldeCreditImmo','Veuillez indiquer le solde');
    fields[1] = new Array('MontantBien','Veuillez indiquer le montant du bien immobilier');
    fields[2] = new Array('Nom','Veuillez indiquer votre nom');
    fields[3] = new Array('Prenom','Veuillez indiquer votre prénom');
    fields[4] = new Array('Ville','Veuillez indiquer votre ville');
    fields[5] = new Array('CodePostal','Veuillez indiquer votre Code Postal');
    fields[6] = new Array('Tel','Veuillez indiquer votre numéro de téléphone');
    fields[7] = new Array('Email','Veuillez indiquer votre e-mail');
    fields[8] = new Array('Situation','Veuillez indiquer votre situation');
    fields[9] = new Array('Revenus','Veuillez indiquer le montant de vos Revenus par mois');

    $.each(fields,function(i){
        bulle($(this)[0],$(this)[1]);
    })

    $('textarea','#question').click(function(){
        cleanInput($(this),'Votre question');
    })

    $('#email','#question').click(function(){
        cleanInput($(this),'E-mail');
    })

    if($('#commentlist').length != 0){
        $('#comments-number').click(function(){
            $('#comments-number').css('z-index','10');
            $('#commentlist').css('display','block');
            $('#postcomment').css('z-index','1');
            $('.page_reply').css('display','none');
            return false;
        });
        $('#postcomment').click(function(){
            $('#postcomment').css('z-index','10');
            $('.page_reply').css('display','block');
            $('#comments-number').css('z-index','1');
            $('#commentlist').css('display','none');
            return false;
        });
    }else{
        $('#comments-number').click(function(){return false;});
        $('#postcomment').click(function(){return false;});
        $('#postcomment').css('z-index','10');
        $('.page_reply').css('display','block');
        $('#comments-number').css('z-index','1');
    }

    $('button','#question').click(function(){
        var mail = $('#email','#question').val();
        var ques = $('textarea','#question').val();
        $.post(host+"wp-content/themes/surf/sendquestion.php", { email: mail, question:  ques},
           function(data) {
             $('#email','#question').remove();
             $('textarea','#question').remove();
             $('button','#question').remove();
             $('br','#question').remove();
             $('#question p').append(data)
           });
        return false;
    })

    $('#reponses a').click(function(){
         $('#postcomment').css('z-index','10');
         $('.page_reply').css('display','block');
         $('#comments-number').css('z-index','1');
         $('#commentlist').css('display','none');

    })
});
////////////////////////////////////////////////////





//a gicler des que less n'est plus utilisé
function debile(){
    $.holdReady(false);
}

function animateSlide(){
    var pause;
    clearTimeout(pause);
    var objLi = $('li','.slide')
    var height =  (objLi.length -1)*-84;
    objLi.each(function(){
        if($(this).css('top') == height+'px'){
            $(this).css('top','+84px');
        }
        $(this).animate(
        {"top": ["-=84px",'swing']}
        ,"1000",'swing'
        )
    })
    pause = setTimeout(animateSlide,3000);
}

function setForm(){
    var height = $('#form-info').outerHeight(true);
    var width = $('#form-info').outerWidth(true);
    var widthSim = $('#simulation').outerWidth();
    $('#simulation').css('height',height+'px')
    $('#form-credit').css('position','absolute');
    $('#form-credit').css('top','1em');
    $('#form-credit').css('left','1em');
    $('#form-credit').css('width',width+'px');
    $('#form-info').css('position','absolute');
    $('#form-info').css('top','1em');
    $('#form-info').css('left',widthSim+'px');
    $('#form-info').css('width',width+'px');
}
function animateForm(){
    var error =0;

    var myForm = $("#form-credit :input").serializeArray();

    formArray = new Array();
    $.each(myForm,function(i){
        formArray[myForm[i].name]=myForm[i].value;
    });

    if(formArray['typeRDC'] == 'ci'){
        var sci = formArray['SoldeCreditImmo'];
        var mb = formArray['MontantBien'];

        if(sci == false ||  isNaN(sci)){
            error = 1;
            $('#SoldeCreditImmo').css('border-color','#CB1A2D');
        }else{
            $('#SoldeCreditImmo').css('border-color','#9E9E9E');
        }

        if(mb == false ||  isNaN(mb)){
            error = 1;
            $('#MontantBien').css('border-color','#CB1A2D');
        }else{
            $('#MontantBien').css('border-color','#9E9E9E');
        }
    }

    if(error==0){
        var width = $('#simulation').outerWidth();
        $('#form-credit').animate(
            {"left": '-'+width+'px'}
            ,"1000",'swing'
        )
        $('#form-info').animate(
            {"left": '1em'}
            ,"1000",'swing'
        )
    }

}
function backForm(){
    var width = $('#simulation').outerWidth();
    $('#form-info').animate(
        {"left": '+'+width+'px'}
        ,"1000",'swing'
        )
    $('#form-credit').animate(
        {"left": '1em'}
        ,"1000",'swing'
        )
}

function showLmic(){
    if($('#lmic').css('display') != 'block'){

        $('#creditImmo').css('height',$('#creditImmo').outerHeight());
        var offset = $('#nextForm').position();
        $('#nextForm').css('position','absolute');
        $('#nextForm').css('top',offset.top);
        $('#nextForm').css('left',offset.left);

        $('td','#creditImmo').fadeOut();
        $('#vi').fadeOut(function(){
            $('#lmic').slideDown();
        })
    }
}

function hideLmic(){
    if($('#lmic').css('display') == 'block'){
        $('#lmic').slideUp(function(){
            $('td','#creditImmo').fadeIn();
            $('#vi').fadeIn()
        })
    }
}

function bulle(id,text){


    $('#'+id).hover(function(){
        var output = '<div class="bulle">'+text+'</div>';
        var coord = $('#'+id).offset();

        $('body').append(output);
        var height =$('.bulle').outerHeight(true);
        $('.bulle').css('display','none');
        $('.bulle').css('top',(coord.top-height-3));
        $('.bulle').css('left',coord.left);
        $('.bulle').fadeIn();
    },
    function(){
        $('.bulle').remove();
    })
}


function validForm(){

    var error =0;

    var myForm = $("#form-info :input").serializeArray();

    formArray = new Array();
    $.each(myForm,function(i){
        formArray[myForm[i].name]=myForm[i].value;
    });

    fields = new Array('Nom','Prenom','Ville','CodePostal','Tel','Email','Situation','Revenus');
    for(i=0;i<fields.length;i++){
        if(formArray[fields[i]]==''){
                error = 1;
                $('#'+fields[i]).css('border-color','#CB1A2D');
        }else{
            $('#'+fields[i]).css('border-color','#9E9E9E');
        }
    }
    if(isEmail(formArray['Email'])==false){
            error = 1;
            $('#Email').css('border-color','#CB1A2D');
        }else{
            $('#Email').css('border-color','#9E9E9E');
        }


    if(error == 0){
        document.getElementById("simulation").action = host+'resultat-rachat-credit/';
        document.getElementById("simulation").submit();
    }

}
function isEmail(myVar){
     // La 1ère étape consiste à définir l'expression régulière d'une adresse email
     var regEmail = new RegExp('^[0-9a-z._-]+@{1}[0-9a-z.-]{2,}[.]{1}[a-z]{2,5}$','i');

     return regEmail.test(myVar);
}

function cleanInput(objet,text){
    if(objet.val() == text){
        objet.val('');
    }
}