/*--------------------------------------------------------------------

	ro.js

---------------------------------------------------------------------*/

(function($) {
		  
	$.fn.rollOver = function(options) {
		var opts = $.extend({}, $.fn.rollOver.defaults, options);
		
		return this.each(function(i) {
			var $self = $(this);
			var src = $self.attr('src');
			var type = src.substring(src.lastIndexOf('.'), src.length); //「.」も含んだ拡張子
			var hover = src.replace(type, opts.suffix1 + type);
			
			if($self.parent('a').size() === 0) {
				return $self;
			}
			
			$self.data('hover', hover);
			eventify($self);
		});
	}
	
	function eventify($obj) {
		$obj
			.bind('mouseover.rollOver', function() {
				rOver($obj);
			})
			.bind('mouseout.rollOver', function() {
				rOut($obj);
			});
	}
	
	function rOver($obj) {
		if(!$obj.hasClass('hover')) {
			$obj.data('org', $obj.attr('src'));
		}
		$obj.attr('src', $obj.data('hover'));
		$obj.addClass('hover');
	}
	
	function rOut($obj) {
		if(!$obj.data('org')) {
			$obj.data('org', $obj.attr('src').replace(opts.suffix1 + type, type));
		}
		$obj.attr('src', $obj.data('org'));
		$obj.removeClass('hover');
	}
	
	$.rollOver = {};
	
	$.rollOver.rOver = function($obj) {
		rOver($obj);
	};
	
	$.rollOver.rOut = function($obj) {
		rOut($obj);
	};
	
	$.fn.rollOver.defaults = {
		suffix1: '_f2'
	};

})(jQuery);


$(function() {
	$('.ro').rollOver({
		suffix1: '_f2'
	});
	
	$('#logo').mouseover(function() {
		$('img', '#tsLarge').trigger('mouseover');
	});
});