$(function() {
$('#mainimage')
.css('overflow','hidden')
.after('</div>')
.after('<div id="mainimage-nav"><a href="javascript:;" id="pause"><img src="common/images/main_pause.gif" alt="一時停止" /></a><div id="mainimage-nav-list">')
.cycle({ 
//    fx:     'scrollLeft', 
    fx:     'fade', 
    speed:  3000, 
    timeout: 3000, 
    pager:  '#mainimage-nav-list'
});
$('#pause').click(function() { 
    $('#mainImages').cycle('pause'); 
});
});