var rays_menuArray = new Array('news','product','support','spirit','shop','profile');
var rays_navPrefix = 'nav_';

function rays_init() {
	rays_preloadNavImages();
	rays_preloadImages();
	rays_initRollovers();
}

function rays_initWithImagePath( imagePath ) {
	rays_preloadNavImages();
	rays_preloadImagesWithImagePath( imagePath );
	rays_initRollovers();
}

function setNav( navObj,flag ) {
	if ( navObj ) {
		rays_setNavWithImagePath( navObj,'images/',flag );
	}
}

function setNavWithImagePath( navObj,imagePath,flag ) {
	if ( navObj ) {
		if ( flag ) {
			var image_ov_name = "url('"+imagePath+navObj.id+"_ov.gif')";
			getDOM(navObj.id).style.backgroundImage = image_ov_name;
			getDOM(navObj.id).style.color = "#FFFFFF";
			getDOM(navObj.id+"_detail").style.display = "block";
		} else {
			var image_name = "url('"+imagePath+navObj.id+".gif')";
			getDOM(navObj.id).style.backgroundImage = image_name;
			getDOM(navObj.id).style.color = "#333333";
			getDOM(navObj.id+"_detail").style.display = "none";
		}
	}
}

function rays_preloadImages() {
	if (document.images) {
		for( var i=0; i<rays_menuArray.length; i++ ) {
			var imagePath = 'images/';
			menuCode = rays_menuArray[i];
			imagePath = imagePath + rays_navPrefix + menuCode + ".gif";
			var tempImage = rays_newImage(imagePath);
		}
	}
}

function rays_preloadImagesWithImagePath( baseImagePath ) {
	if (document.images) {
		for( var i=0; i<rays_menuArray.length; i++ ) {
			var imagePath = baseImagePath;
			menuCode = rays_menuArray[i];
			imagePath = imagePath + rays_navPrefix + menuCode + ".gif";
			var tempImage = rays_newImage(imagePath);
		}
	}
}

function rays_preloadNavImages() {
	var tempImage = rays_newImage('/2009/images/nav_top_ov.gif');
	var tempImage = rays_newImage('/2009/images/nav_news_ov.gif');
	var tempImage = rays_newImage('/2009/images/nav_product_ov.gif');
	var tempImage = rays_newImage('/2009/images/nav_profile_ov.gif');
	var tempImage = rays_newImage('/2009/images/nav_shop_ov.gif');
	var tempImage = rays_newImage('/2009/images/nav_spirit_ov.gif');
	var tempImage = rays_newImage('/2009/images/nav_support_ov.gif');
}

function rays_newImage(arg) {
	if (document.images) {
		result = new Image();
		result.src = arg;
		return result;
	}
}

function rays_newWindow(URL,W,H) {
	var win;
	win = window.open(URL, 'NewWin', 'toolbar=no,location=no,directoryies=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width='+W+',height='+H);
	win.focus();
}

function rays_colorGuideWindow(W,H) {
	var win;
	var URL = '/2009/products/color_guide_popup.html';
	win = window.open(URL, 'NewWin', 'toolbar=no,location=no,directoryies=no,status=no,menubar=no,scrollbars=yes,resizable=no,copyhistory=no,width='+W+',height='+H);
	win.focus();
}

/* 別ウィンドウへの表示の場合
function rays_paymentSubmit( formId ) {
	document.charset='Shift_JIS';
	window.open("", "window1", "width=640; height=800;");
	var paymentform = getDOM( formId );
	paymentform.target = "window1";
	paymentform.submit();
	// document.charset='UTF-8'; 別ウィンドウに飛ばすので戻す必要なし。IE はこれの影響を受けるので戻してはいけない
	document.location.href = "/ec/";
}
*/

function rays_paymentSubmit( formId ) {
	document.charset='Shift_JIS';
	paymentform.submit();
}


// utlity
function getDOM( myId ) {
	var myObj;
	if (document.getElementById) {
		myObj = document.getElementById(myId);
	} else if ( document.all ) {
		myObj = document.all(myId);
	}
	return myObj;
}

//=============================================
// SmartRollOver
//=============================================
function rays_initRollovers() {
	if (!document.getElementById) return;

	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('img');

	for (var i = 0; i < aImages.length; i++) {
		if (aImages[i].className == 'ov') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var fname = src.slice(0, src.lastIndexOf('.'));
			//var fname = src.slice(0, src.lastIndexOf('_'));
			//var hsrc = src.replace(ftype, '_over'+ftype);
			var hsrc = fname +'_ov'+ftype; // hilite image src
			
			if ( !aImages[i].hsrc ) {
				aImages[i].setAttribute('hsrc', hsrc);
				aPreLoad[i] = new Image();
				aPreLoad[i].src = hsrc;
				aImages[i].onmouseover = function() {
					sTempSrc = this.getAttribute('src');
					this.setAttribute('src', this.getAttribute('hsrc'));
				}	
				aImages[i].onmouseout = function() {
					if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_ov'+ftype, ftype);
					this.setAttribute('src', sTempSrc);
				}
			}
			
		}
	}
}