// fonction pour le scroll sur ipad et iphone
var debut_scroll_Y = false;
var debut_marginTop = 0;
var hauteur_scrollbar_auto = 340;
function fix_scroll_auto() {
        if(
                (navigator.userAgent.match(/iPhone|iPod|iPad/i))
        ) {
                $(".scroll_auto").each(function() {
                        var contenu = $(this).html();
                        var start_time = 0;
                        var last_decal = 0;
                        var rapport = 1;
                        var hauteur_max = 340;
                        var hauteur_boite = 340;
                       
                        if ($(this).children(".wrapper").width() > 0) {
                        } else {
                                $(this)
                                        .html( "<div class='scrollbar_auto' style='position: absolute; top: 0px; right: 3px; -webkit-box-shadow: 0px 0px 2px rgba(255,255,255, 0.3); width: 5px; height: 100px; -webkit-border-radius: 3px; background-color: rgba(0,0,0,0.5); z-index: 100; display: none; '></div>"
                                                                + "<div class='wrapper' style='height: auto; -webkit-transition-property: margin-top; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out;'>"
                                                                + contenu + "<div style='clear: both;'></div></div>"
                                                                + "<div class='bidon' style='position: absolute; opacity: 0;'></div>"
                                                        )
                                        .css("position", "relative")
                                        .css("overflow", "hidden");
                                       
                        }
       
                        this.ontouchstart = function(evt) {
                                debut_scroll_Y = evt.touches[0].pageY;
                                var now = new Date().getTime();
                            start_time = parseInt(now, 10);
                                last_decal = 0;
                                debut_marginTop = parseInt($(this).children(".wrapper").css("marginTop"));
                               
                                rapport = $(this).outerHeight() / $(this).children(".wrapper").outerHeight();
                               
                                if (rapport < 1) {
                                        $(this).children(".scrollbar_auto").fadeIn();
                                        hauteur_scrollbar_auto = Math.floor(rapport * $(this).outerHeight());
                                        $(this).children(".scrollbar_auto").height(hauteur_scrollbar_auto);
                                }
                                hauteur_max = $(this).children(".wrapper").outerHeight() - $(this).outerHeight();
                                hauteur_max = -1 * hauteur_max;
                                hauteur_boite = $(this).outerHeight();
                               
                        };
                       
                        this.ontouchmove = function(event) {
                                if (rapport > 1) return false;
                               
                                var y = event.touches[0].pageY;
                               
                                var decal = y - debut_scroll_Y;
                                last_decal = decal;
                                decal = decal + debut_marginTop;
                               
                               
                                if (decal > 0) decal = 0;
                                if (decal < hauteur_max) decal = hauteur_max;
                                $(this).children(".wrapper").css("marginTop", decal);
                                // Hack bizarre: dans certains cas, il faut ecrire quelque chose quelquepart pour que le scroll fonctionne en direct
                                $(this).children(".bidon").html("bidon");
                               
                                var rapport_pos = (decal / hauteur_max);
                                var vide = Math.round( rapport_pos * (hauteur_boite - hauteur_scrollbar_auto));
                               
                                $(this).children(".scrollbar_auto").css("marginTop", vide);
                               
                               
                                return false;
                                                                       
                        };
                       
                        this.ontouchend = function(event) {
                                var now_end = new Date().getTime();
                            var end_time = parseInt(now_end, 10);
                           
                            var duree = end_time - start_time;
                       
                                var decal = Math.round(last_decal * ( 1 + 200/duree));
                                decal = decal + debut_marginTop;
                               
                               
                                if (hauteur_max < 0) {
                                       
                                        if (decal > 0) decal = 0;
                                        if (decal < hauteur_max) decal = hauteur_max;
                                       
                                        $(this).children(".wrapper").css("marginTop", decal);
                                        // Hack bizarre: dans certains cas, il faut ecrire quelque chose quelquepart pour que le scroll fonctionne en direct
                                        $(this).children(".bidon").html("bidon");
                                }
                        }
                });
        }
}
$(document).ready(function() {
        fix_scroll_auto();
       
});
$(document).bind("touchend touchcancel", function(){
        $(".scrollbar_auto").fadeOut();
});