// CSS Browser Selector   v0.2.5
// Documentation:         http://rafael.adm.br/css_browser_selector
// License:               http://creativecommons.org/licenses/by/2.5/
// Author:                Rafael Lima (http://rafael.adm.br)
// Contributors:          http://rafael.adm.br/css_browser_selector#contributors
var css_browser_selector = function() {
	var 
		ua=navigator.userAgent.toLowerCase(),
		is=function(t){ return ua.indexOf(t) != -1; },
		h=document.getElementsByTagName('html')[0],
		b=(!(/opera|webtv/i.test(ua))&&/msie (\d)/.test(ua))?('ie ie'+RegExp.$1):is('gecko/')? 'gecko':is('opera/9')?'opera opera9':/opera (\d)/.test(ua)?'opera opera'+RegExp.$1:is('konqueror')?'konqueror':is('applewebkit/')?'webkit safari':is('mozilla/')?'gecko':'',
		os=(is('x11')||is('linux'))?' linux':is('mac')?' mac':is('win')?' win':'';
	var c=b+os+' js';
	h.className += h.className?' '+c:c;
}();

/** 
 * ロールオーバー処理関数
 * @param 
 * @return 
 */
function initRollOvers() {
	if (!document.getElementById){
		return;
	}
	
	var preLoads = new Array();
	var allImages = document.getElementsByTagName('img');
	
	for (var i = 0; i < allImages.length; i++) {		
		if (allImages[i].className == 'rollover') {
			var src = allImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var oSrc = src.replace(ftype, '_over'+ftype);
			
			//-- スワップ元、スワップ先画像の登録
			allImages[i].setAttribute('pSrc', src);
			allImages[i].setAttribute('oSrc', oSrc);

			//-- イメージのプリロード
			preLoads[i] = new Image();
			preLoads[i].src = oSrc;

			//-- イベントの設定
			allImages[i].onmouseover = function() {
				this.setAttribute('src', this.getAttribute('oSrc'));
			}
			allImages[i].onmouseout = function() {
				this.setAttribute('src', this.getAttribute('pSrc'));
			}
		}
	}
}

window.onload = initRollOvers;

var plans = new Array("basic", "business", "advanced");
var colors = new Array("#0062A3", "#008FA7", "#00936C");
function displayDetail(target) {
	for(i=0; i<plans.length; i++) {
		var imgName = "title-" + plans[i];
		var imgSrcOn = "images/img_title_plan_" + plans[i] + "_on.png";
		var imgSrcOff = "images/img_title_plan_" + plans[i] + ".png";
		var myName = plans[i] + "-plan-box";
		var layName = "block-plan-" + plans[i];
		if (target == i) {
			document.getElementById(imgName).setAttribute("src", imgSrcOn);
			document.getElementById(myName).style.backgroundColor = colors[target];
			document.getElementById(layName).style.display = 'block';
			/*document.getElementById(layName).style.width = "auto";
			document.getElementById(layName).style.height = "auto";
			document.getElementById(layName).style.overflow = "visible";*/
		} else {
			document.getElementById(imgName).setAttribute("src", imgSrcOff);
			document.getElementById(myName).style.backgroundColor = '#7f7f7f';
			document.getElementById(layName).style.display = 'none';
			/*document.getElementById(layName).style.width = '0';
			document.getElementById(layName).style.height = '0';
			document.getElementById(layName).style.overflow = "hidden";*/
		}
	}
}