// Active la première ligne de chaque Push Mini de la homepage (affiche l'image correspondant
// au produit 1 et surligne son libelle et son prix)
function initPushes() {
    // On parcours les différents div dont la classe est ".push-home" et on affecte au div "txt" la classe "actif" et au div "fond-prix" la classe "on"
    $(".pushMini .push-home").each(function() {
    $(this).find(".content-produits").parent(".content-push").find(".image.1").css("display", "block");
    $(this).find(".produit.1 .libelle").removeClass("non-actif");
    $(this).find(".produit.1 .libelle").addClass("actif");
    $(this).find(".produit.1 .fond-prix").removeClass("off");
    $(this).find(".produit.1 .fond-prix").addClass("on");
    });
};

function disactiveLine(container) {
    container.parent(".content-produits").find(".libelle.actif").removeClass("actif").addClass("non-actif");
    container.parent(".content-produits").find(".fond-prix.on").removeClass("on").addClass("off");
};

function activeLine(container) {
    container.find(".libelle").removeClass("non-actif");
    container.find(".libelle").addClass("actif");
    container.children(".fond-prix").removeClass("off");
    container.children(".fond-prix").addClass("on");
};

// Surligne la ligne dont l'index est passé en parametre présent dans le conteneur courrant
function highlightProduct(index, container, visuelToHide) {

    if (visuelToHide != null) {

        container.parent(".content-produits").parent(".content-push").find(".image").css("display", "none").css("z-index", "1");
        disactiveLine(container);
        container.parent(".content-produits").parent(".content-push").find(".image." + index).fadeIn().css("z-index", "100");
        activeLine(container);
    }
};

$(document).ready(function() {

    // Lors du passage de la souris sur une ligne
    $(".pushMini .push-home .content-push .content-produits .produit").hover(function() {
        if ($(this).children(".fond-prix").attr("class").split(' ')[1] != "on") {

            var visuelToHide = $(this).parent(".content-produits").parent(".content-push").find(".image").filter(":visible");
            container = $(this);
            var imageToShow = container.attr("class").split(' ')[1];

            // On active cette ligne et on desactive celle active précédemment
            highlightProduct(imageToShow, container, visuelToHide)
        }
    });
    
    

    initPushes();
   
});