// JavaScript Document
/**
 * Simple Rollover[jQuery]
 * @author Tenderfeel(tenderfeel@gmail.com)
 * @ver 1.0
 * @HOME http://tenderfeel.xsrv.jp/javascript/271/
 * @license The MIT License
 */
(function($) {
    $.extend($.fn,{
        simpleRollover:function(options) {
            var settings = {
                viewImg: '.rollover_view',
                regrep:'_thumb',
                delay:500
            };
            $.extend( settings, options );
            
            return this.each(function() {
                var prev = $(this).find(settings.viewImg);
                var thumbs = $(this).find('img[src*='+settings.regrep+']');
                var newimg = [];
                var next = $('<img>');
                var zi = prev.parent().css('z-index');
                
                next.appendTo(prev.parent());
                var current = 'prev';
                thumbs.each(function(i, el){
                    newimg[i] = new Image();
                    newimg[i].src = el.src;
                    var src = el.src.replace(settings.regrep, "");
                    $(el).hover(
                        function(e){
                            if(current === 'prev'){
                                next.attr('src',src);
                                next.css('z-index', zi++);
                                prev.css('z-index', zi);
                                next.fadeIn(settings.delay,function(){
                                current = 'next';
                                prev.hide();
                                });
                            }else if(current==='next'){
                                prev.attr('src',src);
                                prev.css('z-index', zi++);
                                next.css('z-index', zi);
                                prev.fadeIn(settings.delay,function(){
                                current = 'prev';
                                next.hide();
                                });
                            }
                            if(e.preventDefault){ e.preventDefault(); }
                            return false;
                        },
                        function(){}
                    );
                });
            });
        }
    });
    
})(jQuery);


$(document).ready(function() {
$('#rollover').simpleRollover();
$('#rollover2').simpleRollover();
});