$(document).ready(function() {
    //Hide all img
    $("#photo_gal div").hide();

    function affichage() {
        var str = ""; //for (i = ; i < 2000; i++) {
        var i = 0;
        var el = $("#TB" + i).val();
        var ligne = ligne0;
        var aff = true;
        ligneMax = 0;
        while (el != undefined) {
            if (el == "") {
            } else {
                ligneMax++;
                if (aff) {
                    if (ligneMax > ligne0) {
                        str += el + " " + Libelle[i] + "<BR>";
                        ligne++;
                        if ((ligne - ligne0) == 15) {
                            aff = false;
                        }
                    }
                }
            }
            i = i + 1;
            var el = $("#TB" + i).val();
        }
        //}
        $("#Wish").html(str);
    }
    // Var

    comp = 0;
    vign_courant = 0;
    nbr_vign = 7;
    vignwidth = 100;
    number = $("#photo_gal li").size();
    gal_width = vignwidth * number;
    var ligne0 = 0;
    var ligneMax = 0;
    // Width of list
    $("#photo_gal input").change(function() {
        affichage();
    });
    $("#photo_gal ul").css({ width: gal_width });
    // Carrousel Effect
    $("#prev").click(function() {
        if (comp != 0) {
            comp++;
            vign_courant--;
            $("#photo_gal ul").animate({
                marginLeft: (vignwidth * comp)
            });
        }
    });
    $("#next").click(function() {
        if (vign_courant < number - nbr_vign) {
            comp--;
            vign_courant++;
            $("#photo_gal ul").animate({
                marginLeft: (vignwidth * comp)
            });
        }
    });

    // Start Show img
    $("#photo_gal img").click(function() {
        $("#photo_gal div").hide();
        $(this).next("div").fadeIn();
    });

    $("#prev1").click(function() {
        if (ligne0 != 0) {
            ligne0--;
            affichage();
        }
    });
    $("#next1").click(function() {
        if (ligne0 != (ligneMax-15)) {
            ligne0++;
            affichage();
        }
    });

});