var api;
    $(document).ready(function() {
    api = $("div.scrollable").scrollable({api: true,size:1,vertical:false,clickable:false,loop:true,speed:800});
    clid = setInterval("api.next()",6000)
    <!--$("#m1").attr("src",$("#m1").attr("src").replace("0","1"));-->
    $(".mm").mouseover(function() {
        $("#"+this.id).attr("src",$("#"+this.id).attr("src").replace("0","1"));
    });
    $(".mm").mouseout(function() {
        $("#"+this.id).attr("src",$("#"+this.id).attr("src").replace("1","0"));
        $("#m1").attr("src",$("#m1").attr("src").replace("0","1"));
    });
    cmnu="n1";
    $(".nav").click( function(){
        api.seekTo((parseInt(this.id.replace("n",""))-1));
        clearInterval(clid);
    });
        //clid = setInterval("api.next()",6000)
    });