$(function(){
	$('#main-image li > img').hide();
	$('#main-image li > img').fadeIn(1300);
});


(function($){
    var name_space = 'imgAnim';
    $.fn[name_space] = function(options) {
    
        var imgBox = this;
        var boxs = imgBox.find(".box");
        var boxs_count;
        var index = 1;
        
        var settings = $.extend({
            "anim"     : "6000"
						,"interval" : "3000"
        }, options);
        
        var init = function(){
            num = 1;
            boxs.each(function(){
                $(this).find("img").attr("class", "box" + num);// add class="box1" ...
                if( num > 1) $(this).find("img").attr("class", "box" + num).hide();
                num++;
            });
            boxs_count = num - 1;
        };
        var fade = function(){
            $(".box" + index).fadeOut( settings["anim"], function(){
                index++;
                if( index > boxs_count) index = 1;
                $(".box" + index).fadeIn( settings["anim"], function(){
                });
            });
        };
        
         var timer = setInterval(function(){
            fade();
        }, settings["interval"]);
        
        //main
        init();
        
        //method chain
        return this;
    };
})(jQuery);


$(document).ready(function(){
    $("#main-visual").imgAnim({anim:1300, interval:"5000"});
});