intval = 8000 ; var imgs = [ { cn:'a1' , btn:'cirY' , cs:'cnow' , href:'#'} , { cn:'a2' , btn:'cirG' , cs:'' , href:'#'} , { cn:'a3' , btn:'cirX' , cs:'' , href:'#' }, { cn:'a4' , btn:'cirB' , cs:'' , href:'#'} ]; var html = "" , tmpl = '

'; imgs.each(function( i , img ){ M.getEl("#circle").append( M.template( tmpl , img ) ); (function(N , btn ){ M.getEl( "#" + btn ).click(function(){ counter = N - 1 ; play(); }); }(i , img.btn )); }); function play(){ !!timer && clearTimeout( timer ); counter = counter + 1 == imgs.length ? 0 : counter + 1 ; M.getEls(".cnow").doApply( "removeClass" , "cnow"); M.getEl("#" + imgs[ counter ].btn ).addClass("cnow"); M.get("#box").className= imgs[ counter ].cn ; timer = setTimeout( play , intval ); } setTimeout( play , intval ) ; M.getEl("#li").click(function(){ console.log( imgs[ counter <0 ? 0 : counter ].href ) M.locate( imgs[ counter <0 ? 0 : counter ].href ) return false; }); M.getEl("#nClose").click(function(){ M.get("#nWin").style.display = "none"; }); M.getEl("#nokBtn").click(function(){ M.get("#nWin").style.display = "block"; }) });