(function($){
    $(window).load(function(){
        var slideImage = {
            p : {
                current : 0,
                slideArray : [],
                naviArray : [],
                timerID : '',
                interval : 8000,
                fade : 800,
                naviID : '#MainSlidNavi',
                stageID : '#MainSlideShow',
                on : '_on',
                off : '_off'
            },
            init : function(p) {
                
                slideImage.clear(p);
                
                // each navi setting ID
                $(p.naviID + ' li').each(function(k,v){
                    $(v).attr('id', p.naviID.replace('#', '') + k);
                    p.naviArray.push($(this));
                });
                // each stage setting ID
                $(p.stageID + ' p').each(function(k,v){
                    $(v).attr('id', p.stageID.replace('#', '') + k);
                    p.slideArray.push($(this));
                    
                    // navi function setting
                    $(p.naviID + k).live('mouseover', function(){
                        clearInterval(p.timerID);
                        p.current = k;
                        slideImage.clear(p);
                        p.slideArray[k].fadeIn(p.fade);
                        p.naviArray[k].find('img').attr('src', p.naviArray[k].find('img').attr('src').replace(p.off, p.on));
                    });
                    $(p.naviID + k).live('mouseout', function(){
                        clearInterval(p.timerID);
                        p.timerID = window.setInterval(function(){
                            slideImage.change(p);
                        }, p.interval);
                    });
                });
                
                // init settings
                p.slideArray[0].fadeIn(p.fade);
                p.naviArray[0].find('img').attr('src', p.naviArray[0].find('img').attr('src').replace(p.off, p.on));
                clearInterval(p.timerID);
                p.timerID = window.setInterval(function(){
                    slideImage.change(p);
                }, p.interval);
            },
            clear : function(p){
                $(p.stageID + ' p').hide();
                var imgs = $(p.naviID + ' li img')
                for (i = 0; i < imgs.length; i++ ) {
                    $(imgs[i]).attr('src', $(imgs[i]).attr('src').replace(p.on, p.off));
                }
            },
            change : function(p){
                slideImage.clear(p);
                slideImage.p.current++;
                if ($(p.naviID + ' li').length -1  < slideImage.p.current) {
                    slideImage.p.current = 0;
                }
                p.slideArray[slideImage.p.current].fadeIn(p.fade);
                p.naviArray[slideImage.p.current].find('img').attr('src', p.naviArray[slideImage.p.current].find('img').attr('src').replace(p.off, p.on));
            }
        }
        
        slideImage.init(slideImage.p);
    });
})(jQuery);