/* [Recruit "Jibun, Mirai" Site]
 * Summary: common script
 * LastModified: 2008-10-09
 */

/*----------------------------------------------------------------------------
 JM
----------------------------------------------------------------------------*/
var JM;
if(!JM) JM ={};
JM = {
	preloadImg: function() {
		var preloadListCommon = [
			"/images/jibunmirai/btn_cliplist_r.gif",
			"/images/jibunmirai/009/btn_delete_r.gif",
			"/images/jibunmirai/009/btn_getpamph_r.gif",
			"/images/jibunmirai/003/icon_arrow_02.gif",
			"/images/jibunmirai/004/icon_arrow_03.gif",
			"/images/jibunmirai/icon_pager.gif",
			"/images/jibunmirai/007/bg_result_2_r.gif",
			"/images/jibunmirai/008/bg_result_2_r.gif",
			"/images/jibunmirai/007/bg_result_1_r.gif",
			"/images/jibunmirai/008/bg_result_1_r.gif",
			"/images/jibunmirai/007/bg_result_header_r.gif",
			"/images/jibunmirai/icon_sq_02.gif",
			"/images/jibunmirai/baloon_clip.gif",
			"/images/jibunmirai/baloon_clip_btn1.gif",
			"/images/jibunmirai/baloon_clip_btn2.gif",
			"/images/jibunmirai/010/icon_arrow_l_r.gif",
			"/images/jibunmirai/010/icon_arrow_r_r.gif",
			"/images/jibunmirai/icon_sidenav_k1_r.gif"

		];
		var preloadList005 = [
		];
		var preloadList007 = [
		];
		var preloadList008 = [
		];

		switch(document.body.id) {
			case "p005": var preloadList = preloadListCommon.concat(preloadList005); break;
			case "p007": var preloadList = preloadListCommon.concat(preloadList007); break;
			case "p008": var preloadList = preloadListCommon.concat(preloadList008); break;
			default: var preloadList = preloadListCommon;
		}
		
		var preloadImg = [];
		for(var i=0,l=preloadList.length; i<l; i++) {
			preloadImg[i] = new Image();
			preloadImg[i].src = preloadList[i];
		}
	},
	listContentRollover: function() {
		var bodyId = document.body.id;
		if(bodyId == "p006" || bodyId == "p007" || bodyId == "p008") {
			var box = document.getElementById("j_result");
			if (!box) return;
			var links = box.getElementsByTagName("a");
			var i,l;
			for(i=0,l=links.length; i<l; i++) {
				links[i].onmouseover = function() {
					this.parentNode.parentNode.className = "result on";
					return false;
				}
				links[i].onmouseout = function() {
					this.parentNode.parentNode.className = "result";
					return false;
				}
			}
		} else return;
	},
	initSideMenu: function() {
		var bodyId = document.body.id;
		if( bodyId == "p006" ) {
			return;
		}
		var j_navi = document.getElementById("j_navi");
		if(!j_navi) return;
		var navibox = j_navi.getElementsByTagName("ul")[0];
		if(!navibox) return;
		if(navibox.className != "navi") return;
		var uls = navibox.getElementsByTagName("ul");
		for(var i=0,l=uls.length; i<l; i++) {
			if(uls[i].id == "unSelected"){
				uls[i].style.display = "none";
			}
		}
	},
	init: function() {
		JM.initSideMenu();
		JM.listContentRollover();
		JM.preloadImg();
		initRollovers();
	},
	
	toggleSuffix: function(img) {
		var src = img.src;
		if(!src) return;
		var ext = src.substring(src.length, src.length-4);
		var suffix = src.substring(src.length-4, src.length-7);
		if(suffix == "_r") {
			img.src = (src.substring(0, src.length-7) + ext);
		} else {
			img.src = (src.substring(0, src.length-4) + "_r" + ext);
		}
	},
	
	toggleSideMenu: function(element) {
		var box = element.parentNode;
		
		var menu = box.getElementsByTagName("ul")[0];
		if(!menu) return;
		var s = menu.style;
		
		var hImg = element.getElementsByTagName("img")[0];
		
		if(box.className == "open") {// Close
			s.display = "none";	
			box.className = "";
			hImg.onmouseover = function() {JM.toggleSuffix(this); return false;};
			hImg.onmouseout = function() {JM.toggleSuffix(this); return false;};
		} else {                     // Open
			var lis = box.parentNode.getElementsByTagName("li");
			for(var i=0,l=lis.length; i<l; i++) {
				if(lis[i].className == "open") {
					lis[i].getElementsByTagName("ul")[0].style.display = "none";	
					lis[i].className = "";
					var lisImg = lis[i].getElementsByTagName("img")[0];
					JM.toggleSuffix(lisImg);
					lisImg.onmouseover = function() {JM.toggleSuffix(this); return false;};
					lisImg.onmouseout = function() {JM.toggleSuffix(this); return false;};
				} else continue;
			}
			s.display = "block";
			box.className = "open";
			hImg.onmouseover = function() {return false;};
			hImg.onmouseout = function() {return false;};
		}
		return false;
	},
	
	clipBaloon: function(ele) {
		var link009 = $("#cartUrl").val(); // "未来手帳へ"のリンク先
		var box = ele.parentNode;
		var baloon = box.getElementsByTagName("div")[0];
		if(baloon) {
			baloon.style.display = "block";
			$(baloon).children("p.message").empty().append($('#cartMessage').val());
		} else {
			baloon = document.createElement("div");
			baloon.className = "baloon";
			var p0 = document.createElement("p");
			p0.className = "message";
			p0.innerHTML = $('#cartMessage').val();
			var p1 = document.createElement("p");
			p1.className = "link";
			var a1 = document.createElement("a");
			a1.href = link009;
			a1.innerHTML = '<img src="/images/jibunmirai/baloon_clip_btn1.gif" alt="未来手帳へ" width="73" height="22" />';
			p1.appendChild(a1);
			
			var p2 = document.createElement("p");
			p2.className = "close";
			var a2 = document.createElement("a");
			a2.innerHTML = '<img src="/images/jibunmirai/baloon_clip_btn2.gif" alt="閉じる" width="39" height="22" />';
			a2.href = "#";
			a2.onclick = function() {this.parentNode.parentNode.style.display = "none"; return false;};
			p2.appendChild(a2);
			
			baloon.appendChild(p0);
			baloon.appendChild(p1);
			baloon.appendChild(p2);
			box.appendChild(baloon);
		}
	}
};

/*----------------------------------------------------------------------------
 onload event function
----------------------------------------------------------------------------*/
try{
	window.addEventListener("load",JM.init,false);
} catch(e) {
	window.attachEvent("onload",JM.init);
}