/**
 *--------------------------------------------------------------------
 * Usage:
 * $(function(){
 *   // <img>
 *   $('div#navi a img').rollover();
 *
 *   // <input type="image">
 *   $('form input:image').rollover();
 *
 *   // set active
 *   $('div#navi a img').rollover('div#navi a#home img');
 * });
 *--------------------------------------------------------------------
 **/

jQuery(function($) {
    $.fn.rollover = function(active) {
        var postfix = '_on';
        var index = $('body *').index($(active));
        return this.not('[src*="'+ postfix +'."]').each(function() {
            var img = $(this);
            var src = img.attr('src');
            var src_on = [
                src.substr(0, src.lastIndexOf('.')),
                src.substring(src.lastIndexOf('.'))
            ].join(postfix);
            $('<img>').attr('src', src_on);
            if (index == $('body *').index(img)) {
            	img.attr('src', src_on);
            }
            else {
            	img.hover(
                	function() {
                    	img.attr('src', src_on);
                	},
                	function() {
                    	img.attr('src', src);
                	}
            	);
            }
        });
    };
});

jQuery(function($){
	/*
	if(location.pathname != "/") {
		var now = location.href.split('/');		
		var endDir = now.slice(now.length-2, now.length-1);
		var fileName = now.slice(now.length-1, now.length);
			
		//$('div#navi ul li a[href$="'+endDir+'/"]').addClass('active');
		$('div#navi ul li a[href$="'+fileName+'"]').addClass('active');
	}
	*/
	$('#navi a img').rollover();
});