// JavaScript Document

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


// image layout script

function setbgImage(pagenum) {
	var winHeight = get_browser_height();
	var winWidth  = get_browser_width();

	jQuery.post("imageMagic.php",{ imageSize: winWidth },function(text){
		document.getElementById("bg_body").style.backgroundImage = "url(" + text + ")";
	});

//	var xPosClrIcn = winWidth - 125;
//	document.getElementById("select_color").style.left = xPosClrIcn + "px";
//	document.getElementById("select_color").style.display = "block";

	document.getElementById("bg_header_menu").style.width = winWidth + "px";

	var manager = new CookieManager({shelfLife:30});

	var cookieColor = manager.getCookie("set_color");
	setColor(cookieColor, pagenum);
}


// get_browser_height
function get_browser_height() {
	if ( window.innerHeight ) { return window.innerHeight; }  
	else if ( document.documentElement && document.documentElement.clientHeight != 0 ) { return document.documentElement.clientHeight; }  
	else if ( document.body ) { return document.body.clientHeight; }  
	return 0;  
}

// get_browser_width
function get_browser_width() {
	if ( window.innerWidth ) { return window.innerWidth; }  
	else if ( document.documentElement && document.documentElement.clientWidth != 0 ) { return document.documentElement.clientWidth; }  
	else if ( document.body ) { return document.body.clientWidth; }  
	return 0;  
}


// Set Color
function setColor(color, pnum) {
	var manager = new CookieManager({shelfLife:30});

	switch (color) {
		case "red":
			document.getElementById("bg_header_menu").style.backgroundColor  = "#CC0033";
			document.getElementById("logo").innerHTML = '<h1><img src="images/salut_logo_01.gif" alt="サリュー・ヘアサロン" title="サリュー・ヘアサロン" /></h1>';
			manager.setCookie("set_color", "red");

			document.getElementById("header_menu").style.display = "none";
			document.getElementById("menu_home").innerHTML   = '<a href="./" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu01\',\'\',\'images/menu_head_home_01_mo.gif\',0)"><img src="images/menu_head_home_01.gif" alt="トップページ" name="menu01" id="menu01" title="トップページ" /></a>';
			document.getElementById("menu_contact").innerHTML = '<a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu02\',\'\',\'images/menu_head_contact_01_mo.gif\',0)"><img src="images/menu_head_contact_01.gif" alt="予約案内＆周辺地図" name="menu02" id="menu02" title="予約案内＆周辺地図" /></a>';
			document.getElementById("menu_service").innerHTML  = '<a href="service.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu03\',\'\',\'images/menu_head_service_01_mo.gif\',0)"><img src="images/menu_head_service_01.gif" alt="メニュー＆料金表" name="menu03" id="menu03" title="メニュー＆料金表" /></a>';
			document.getElementById("menu_designer").innerHTML  = '<a href="staff.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu04\',\'\',\'images/menu_head_designer_01_mo.gif\',0)"><img src="images/menu_head_designer_01.gif" alt="スタッフ紹介" name="menu04" id="menu04" title="スタッフ紹介" /></a>';

			if (pnum == 1) { document.getElementById("menu_home").innerHTML   = '<a href="./"><img src="images/menu_head_home_01_mo.gif" alt="トップページ" title="トップページ" /></a>';	}
			if (pnum == 2) { document.getElementById("menu_contact").innerHTML = '<a href="contact.html"><img src="images/menu_head_contact_01_mo.gif" alt="予約案内＆周辺地図" title="予約案内＆周辺地図" /></a>'; }
			if (pnum == 3) { document.getElementById("menu_service").innerHTML  = '<a href="service.html"><img src="images/menu_head_service_01_mo.gif" alt="メニュー＆料金表" title="メニュー＆料金表" /></a>'; }
			if (pnum == 4) { document.getElementById("menu_designer").innerHTML  = '<a href="staff.html"><img src="images/menu_head_designer_01_mo.gif" alt="スタッフ紹介" title="スタッフ紹介" /></a>'; }
			document.getElementById("header_menu").style.display = "block";
			break;
	
		case "blue":
			document.getElementById("bg_header_menu").style.backgroundColor  = "#006699";
			document.getElementById("logo").innerHTML = '<h1><img src="images/salut_logo_02.gif" alt="サリュー・ヘアサロン" title="サリュー・ヘアサロン" /></h1>';
			manager.setCookie("set_color", "blue");

			document.getElementById("header_menu").style.display = "none";
			document.getElementById("menu_home").innerHTML   = '<a href="./" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu01\',\'\',\'images/menu_head_home_02_mo.gif\',0)"><img src="images/menu_head_home_02.gif" alt="トップページ" name="menu01" id="menu01" title="トップページ" /></a>';
			document.getElementById("menu_contact").innerHTML = '<a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu02\',\'\',\'images/menu_head_contact_02_mo.gif\',0)"><img src="images/menu_head_contact_02.gif" alt="予約案内＆周辺地図" name="menu02" id="menu02" title="予約案内＆周辺地図" /></a>';
			document.getElementById("menu_service").innerHTML  = '<a href="service.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu03\',\'\',\'images/menu_head_service_02_mo.gif\',0)"><img src="images/menu_head_service_02.gif" alt="メニュー＆料金表" name="menu03" id="menu03" title="メニュー＆料金表" /></a>';
			document.getElementById("menu_designer").innerHTML  = '<a href="staff.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu04\',\'\',\'images/menu_head_designer_02_mo.gif\',0)"><img src="images/menu_head_designer_02.gif" alt="スタッフ紹介" name="menu04" id="menu04" title="スタッフ紹介" /></a>';

			if (pnum == 1) { document.getElementById("menu_home").innerHTML   = '<a href="./"><img src="images/menu_head_home_02_mo.gif" alt="トップページ" title="トップページ" /></a>';	}
			if (pnum == 2) { document.getElementById("menu_contact").innerHTML = '<a href="contact.html"><img src="images/menu_head_contact_02_mo.gif" alt="予約案内＆周辺地図" title="予約案内＆周辺地図" /></a>'; }
			if (pnum == 3) { document.getElementById("menu_service").innerHTML  = '<a href="service.html"><img src="images/menu_head_service_02_mo.gif" alt="メニュー＆料金表" title="メニュー＆料金表" /></a>'; }
			if (pnum == 4) { document.getElementById("menu_designer").innerHTML  = '<a href="staff.html"><img src="images/menu_head_designer_02_mo.gif" alt="スタッフ紹介" title="スタッフ紹介" /></a>'; }
			document.getElementById("header_menu").style.display = "block";
			break;
	
		case "green":
			document.getElementById("bg_header_menu").style.backgroundColor  = "#336600";
			document.getElementById("logo").innerHTML = '<h1><img src="images/salut_logo_03.gif" alt="サリュー・ヘアサロン" title="サリュー・ヘアサロン" /></h1>';
			manager.setCookie("set_color", "green");

			document.getElementById("header_menu").style.display = "none";
			document.getElementById("menu_home").innerHTML   = '<a href="./" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu01\',\'\',\'images/menu_head_home_03_mo.gif\',0)"><img src="images/menu_head_home_03.gif" alt="トップページ" name="menu01" id="menu01" title="トップページ" /></a>';
			document.getElementById("menu_contact").innerHTML = '<a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu02\',\'\',\'images/menu_head_contact_03_mo.gif\',0)"><img src="images/menu_head_contact_03.gif" alt="予約案内＆周辺地図" name="menu02" id="menu02" title="予約案内＆周辺地図" /></a>';
			document.getElementById("menu_service").innerHTML  = '<a href="service.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu03\',\'\',\'images/menu_head_service_03_mo.gif\',0)"><img src="images/menu_head_service_03.gif" alt="メニュー＆料金表" name="menu03" id="menu03" title="メニュー＆料金表" /></a>';
			document.getElementById("menu_designer").innerHTML  = '<a href="staff.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu04\',\'\',\'images/menu_head_designer_03_mo.gif\',0)"><img src="images/menu_head_designer_03.gif" alt="スタッフ紹介" name="menu04" id="menu04" title="スタッフ紹介" /></a>';

			if (pnum == 1) { document.getElementById("menu_home").innerHTML   = '<a href="./"><img src="images/menu_head_home_03_mo.gif" alt="トップページ" title="トップページ" /></a>';	}
			if (pnum == 2) { document.getElementById("menu_contact").innerHTML = '<a href="contact.html"><img src="images/menu_head_contact_03_mo.gif" alt="予約案内＆周辺地図" title="予約案内＆周辺地図" /></a>'; }
			if (pnum == 3) { document.getElementById("menu_service").innerHTML  = '<a href="service.html"><img src="images/menu_head_service_03_mo.gif" alt="メニュー＆料金表" title="メニュー＆料金表" /></a>'; }
			if (pnum == 4) { document.getElementById("menu_designer").innerHTML  = '<a href="staff.html"><img src="images/menu_head_designer_03_mo.gif" alt="スタッフ紹介" title="スタッフ紹介" /></a>'; }
			document.getElementById("header_menu").style.display = "block";
			break;
	
		case "yellow":
			document.getElementById("bg_header_menu").style.backgroundColor  = "#CC9900";
			document.getElementById("logo").innerHTML = '<h1><img src="images/salut_logo_04.gif" alt="サリュー・ヘアサロン" title="サリュー・ヘアサロン" /></h1>';
			manager.setCookie("set_color", "yellow");

			document.getElementById("header_menu").style.display = "none";
			document.getElementById("menu_home").innerHTML   = '<a href="./" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu01\',\'\',\'images/menu_head_home_04_mo.gif\',0)"><img src="images/menu_head_home_04.gif" alt="トップページ" name="menu01" id="menu01" title="トップページ" /></a>';
			document.getElementById("menu_contact").innerHTML = '<a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu02\',\'\',\'images/menu_head_contact_04_mo.gif\',0)"><img src="images/menu_head_contact_04.gif" alt="予約案内＆周辺地図" name="menu02" id="menu02" title="予約案内＆周辺地図" /></a>';
			document.getElementById("menu_service").innerHTML  = '<a href="service.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu03\',\'\',\'images/menu_head_service_04_mo.gif\',0)"><img src="images/menu_head_service_04.gif" alt="メニュー＆料金表" name="menu03" id="menu03" title="メニュー＆料金表" /></a>';
			document.getElementById("menu_designer").innerHTML  = '<a href="staff.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu04\',\'\',\'images/menu_head_designer_04_mo.gif\',0)"><img src="images/menu_head_designer_04.gif" alt="スタッフ紹介" name="menu04" id="menu04" title="スタッフ紹介" /></a>';

			if (pnum == 1) { document.getElementById("menu_home").innerHTML   = '<a href="./"><img src="images/menu_head_home_04_mo.gif" alt="トップページ" title="トップページ" /></a>';	}
			if (pnum == 2) { document.getElementById("menu_contact").innerHTML = '<a href="contact.html"><img src="images/menu_head_contact_04_mo.gif" alt="予約案内＆周辺地図" title="予約案内＆周辺地図" /></a>'; }
			if (pnum == 3) { document.getElementById("menu_service").innerHTML  = '<a href="service.html"><img src="images/menu_head_service_04_mo.gif" alt="メニュー＆料金表" title="メニュー＆料金表" /></a>'; }
			if (pnum == 4) { document.getElementById("menu_designer").innerHTML  = '<a href="staff.html"><img src="images/menu_head_designer_04_mo.gif" alt="スタッフ紹介" title="スタッフ紹介" /></a>'; }
			document.getElementById("header_menu").style.display = "block";
			break;
	
		default:
			document.getElementById("bg_header_menu").style.backgroundColor  = "#CC0033";
			document.getElementById("logo").innerHTML = '<h1><img src="images/salut_logo_01.gif" alt="サリュー・ヘアサロン" title="サリュー・ヘアサロン" /></h1>';
			manager.setCookie("set_color", "red");

			document.getElementById("header_menu").style.display = "none";
			document.getElementById("menu_home").innerHTML   = '<a href="./" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu01\',\'\',\'images/menu_head_home_01_mo.gif\',0)"><img src="images/menu_head_home_01.gif" alt="トップページ" name="menu01" id="menu01" title="トップページ" /></a>';
			document.getElementById("menu_contact").innerHTML = '<a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu02\',\'\',\'images/menu_head_contact_01_mo.gif\',0)"><img src="images/menu_head_contact_01.gif" alt="予約案内＆周辺地図" name="menu02" id="menu02" title="予約案内＆周辺地図" /></a>';
			document.getElementById("menu_service").innerHTML  = '<a href="service.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu03\',\'\',\'images/menu_head_service_01_mo.gif\',0)"><img src="images/menu_head_service_01.gif" alt="メニュー＆料金表" name="menu03" id="menu03" title="メニュー＆料金表" /></a>';
			document.getElementById("menu_designer").innerHTML  = '<a href="staff.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'menu04\',\'\',\'images/menu_head_designer_01_mo.gif\',0)"><img src="images/menu_head_designer_01.gif" alt="スタッフ紹介" name="menu04" id="menu04" title="スタッフ紹介" /></a>';

			if (pnum == 1) { document.getElementById("menu_home").innerHTML   = '<a href="./"><img src="images/menu_head_home_01_mo.gif" alt="トップページ" title="トップページ" /></a>';	}
			if (pnum == 2) { document.getElementById("menu_contact").innerHTML = '<a href="contact.html"><img src="images/menu_head_contact_01_mo.gif" alt="予約案内＆周辺地図" title="予約案内＆周辺地図" /></a>'; }
			if (pnum == 3) { document.getElementById("menu_service").innerHTML  = '<a href="service.html"><img src="images/menu_head_service_01_mo.gif" alt="メニュー＆料金表" title="メニュー＆料金表" /></a>'; }
			if (pnum == 4) { document.getElementById("menu_designer").innerHTML  = '<a href="staff.html"><img src="images/menu_head_designer_01_mo.gif" alt="スタッフ紹介" title="スタッフ紹介" /></a>'; }
			document.getElementById("header_menu").style.display = "block";
	}
}