
function affichecontrolscroll(sp) {
    var cs = sp.children('.control-scroll');
    var sc = sp.children('.scroll-content');
    var sup = cs.children('.scroll-up');
    var sdown = cs.children('.scroll-down');
    var sctop = parseInt(sc.css("top"));
    var scheight = sc.height();
    var sph = sp.height();
    if (scheight <= sph) {
        sdown.hide();
        sup.hide();
    } else {
        if ((sctop+scheight)=== sph) {
            sdown.hide();
        } else {
            sdown.show();
        }
        if (sctop === 0) {
            sup.hide();
        } else {
            sup.show();
        }
    }

}
function initscrollpane() {
    jQuery('.scroll-pane').each(function (index,objEle){
        var sp = jQuery(this);
        affichecontrolscroll(sp);
        var scdown = sp.children('.control-scroll').children('.scroll-down');
        var img = scdown.children('img');
        img.click( function() {
            var sc = sp.children('.scroll-content');
            var scheight = sc.height();
            var sph = sp.height();
            var sctop = parseInt(sc.css("top"))-Math.floor(sph/2);
            if ((sctop+scheight)<= sph) {
                sctop = sph - scheight;
            }
            sc.css("top", sctop);
            affichecontrolscroll(sp);
        });
        var scup = sp.children('.control-scroll').children('.scroll-up');
        var img1 = scup.children('img');
        img1.click( function() {
            var sc = sp.children('.scroll-content');
            var sph = sp.height();
            var sctop = parseInt(sc.css("top"))+Math.floor(sph/2);
            if (sctop >= 0) {
                sctop = 0;
            }
            sc.css("top", sctop);
            affichecontrolscroll(sp);
        });
        $(window).resize(function(){
            var sc = sp.children('.scroll-content');
            var scheight = sc.height();
            var sph = sp.height();
            var sctop = parseInt(sc.css("top"));
            if (scheight <= sph) {
                if (sctop !== 0) {
                    sc.css("top", 0);
                }
            }
            affichecontrolscroll(sp);
        });
    });
}
