$(function() {
	$('img.gra_rollover').each(function () {
		var imgsrc = this.src;
		var dot = this.src.lastIndexOf('.');
		var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
		var imgsrc_ac = this.src.substr(0, dot) + '_ac' + this.src.substr(dot, 4);
		this.no = new Image();
		this.no.src = imgsrc;
		this.on = new Image();
		this.on.src = imgsrc_on;
		this.ac = new Image();
		this.ac.src = imgsrc_ac;
		var _parentTab = $(this).parent().parent();
		this.isSelected = function () { return _parentTab.hasClass('ui-tabs-selected') };
		$(this).hover(
		function () {	// onmouseover
			if (this.isSelected())	return;
			this.src = imgsrc_on;
		},
		function () {	// onmouseout
			if (this.isSelected())	return;
			this.src = imgsrc;
		});
	});
	var tab01 = $('#grand-navi01 ul.grand-naviblock-inner').tabs({
		selected: null,
		unselect: true,
		cache: true,
		select: function (ui) {
			$.each(ui.instance.$tabs, function () {
				if (this != ui.tab) {
					$(this).children('img.gra_rollover').each(function () {
						this.src = this.no.src;
					});
				}
			});
		}
	});
	var tab02 = $('#grand-navi02 ul.grand-naviblock-inner').tabs({
		selected: null,
		unselect: true,
		cache: true,
		select: function (ui) {
			$.each(ui.instance.$tabs, function () {
				if (this != ui.tab) {
					$(this).children('img.gra_rollover').each(function () {
						this.src = this.no.src;
					});
				}
			});
		}
	});
	var tab03 = $('#grand-navi03 ul.grand-naviblock-inner').tabs({
		selected: null,
		unselect: true,
		cache: true,
		select: function (ui) {
			$.each(ui.instance.$tabs, function () {
				if (this != ui.tab) {
					$(this).children('img.gra_rollover').each(function () {
						this.src = this.no.src;
					});
				}
			});
		}
	});
	$('#grand-navi').tabs({
		select: function (ui) {
			$.each([tab01, tab02, tab03], function () {
				var selected = this.data('selected.tabs');
				if (selected || selected === 0) {
					$('li.ui-tabs-selected img.gra_rollover', this).each(function () {
						this.src = this.no.src;
					});
					this.tabs('select', selected);	// toggle off.
				}
			})
			$.each(ui.instance.$tabs, function () {
				if (this != ui.tab) {
					$(this).children('img.gra_rollover').each(function () {
						this.src = this.no.src;
					});
				} else {
					$(this).children('img.gra_rollover').each(function () {
						this.src = this.ac.src;
					});
				}
			});
		}
	});
	$('#grand-navi li.ui-tabs-selected img.gra_rollover').each(function () {
		this.src = this.ac.src;
	});
});