//$(document).ready(function(){						   
//    //prepend span tag
//    $("#mainImg").prepend("<div class='frame'></div>");								  
//});


//スライド[クロスフェード]
$(function() {
    $('#pause').click(function() { $('#slides').cycle('pause'); return false; });
    $('#play').click(function() { $('#slides').cycle('resume'); return false; });
    
    $('#mainImg').hover(
        function() { $('#controls').fadeIn(); },
        function() { $('#controls').fadeOut(); }
    );
    
    $('#slides').cycle({
        fx:     'fade',
        speed:   800,
        timeout: 7000,
        next:   '#next',
        prev:   '#prev'
    });
});