// Loading
var loading = '<img src ="/src/icons/zak/loading.gif" alt="Chargement..." />';
//var loading2 = '<img class="loading" src="/images/loading-black.gif" alt="Chargement..." />';

$(document).ready( function() 
{
    /* Carousel welcome (home) */
    jQuery('#carousel-welcome').jcarousel({
        auto: 10, // Specifies how many seconds to periodically autoscroll the content. If set to 0 (default) then autoscrolling is turned off.
        wrap: 'last',
        scroll: 1,  // The number of items to scroll by.
        initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
    
    /* Supprimer les pointillé sur btn submit */
    $("input[type=submit]").focus(function(){  $(this).blur();});
    $("input[type=button]").focus(function(){  $(this).blur();});
    $("input[type=image]").focus(function(){  $(this).blur();});
});

/**
 * Configuration Carousel Welcome (home)
 * @param carousel
 * @return
 */
function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(
        function() {
            carousel.stopAuto();
        }, function() {
            carousel.startAuto();
    });

    $('#carousel-welcome-prev').click(function() {
        carousel.prev();
        return false;
    });
    
    $('#carousel-welcome-next').click(function() {
        carousel.next();
        return false;
    });
}

/**
 * CALCULATOR :
 * - Display or hide select opt
 * - Edit Session
 */
//function displaySelectOpt(name, value, parent)
function displaySelectOpt(prd_name, prd_value)
{
    var myid = "#"+prd_name;
    var opt_name = prd_name+"_opt";
    var myoptid = "#"+opt_name;
    var select = myid+" > select"
    
    //console.log(myoptid)
    
    // Display select OPT
    $(myoptid).html( loading );
    $.ajax({
       //url: "/includes/display-calculator-total.inc.php",
       url: "/ajax.php",
       type: "POST",
       data: 
       {
            cmd: 'displaySelectOpt',
            prd_name: prd_name,
            prd_value: prd_value,
            opt_name: opt_name
       },
       success: function( result )
       {
            $(myoptid).html( result );
       }
    });
    
    // If product != 0
    if( prd_value != 0 )
    {
        $(myoptid).css("display", "block");
    }
    // If product == 0
    else
    {
        $(myoptid).css("display", "none"); // Hide div select Option
        //$(select).val("0");                // Edit select option prd_value 0
    }
    
    //submitCalculator('submit-calculator');
    //submitCalculator('submit-calculator-left');
    //submitCalculator('submit-calculator-product');
}


/**
 * CALCULATOR : Display Total (OnClick Submit btn)
 */
function submitCalculator(form)
{   
    var thisForm = document.forms[form];
    var data = '';

    /*
    // Checkbox
    for (i=0 ; i<= thisForm.length-1 ; i++)
    {
        //if(thisForm[i].checked == true)
            data = thisForm[i].value;
    }*/

    for (i=0 ; i<= thisForm.length-1 ; i++)
    {
        if(thisForm[i].name != 0)
            data += thisForm[i].name+'='+thisForm[i].value+'&';
    }
    
    
    $('#calculator-total').html( loading );
    $.ajax({
       //url: "/includes/display-calculator-total.inc.php",
       url: "/ajax.php",
       type: "POST",
       data: 
       {
            cmd: 'submitCalculator',
            data: data
            
       },
       success: function( result )
       {
            $('#calculator-total').html( result );
       }
    });
}

/**
 * Change CONTACT Form display : Contact or Devis
 * @param id of form (form-contact | form-devis)
 * @return
 */
function changeForm(id)
{   
    /*var myid = "#form-"+id;
    
    $("#form-contact").css("display", "none");
    $("#form-devis").css("display", "none");
    
    $(myid).css("display", "block");*/
    
    var myid = "#form-"+id+"-container";
    
    $("#form-contact-container").css("display", "none");
    $("#form-devis-container").css("display", "none");
    
    $(myid).css("display", "block");
}