//smartRollover

function smartRollover() {
	if(document.getElementsByTagName) {
		var images = document.getElementsByTagName("img");
		if($('div#scontents')){
			var secondclass = $('div#scontents').attr('class');
			$('.smenu > ul').each(function(){
				$('li > a img', this).each(function(){
					var smenuclass = $(this).attr("class");
					if( secondclass == smenuclass ) $(this).attr('src',$(this).attr('src').replace("_off.", "_on."));
				});
			});
		}

		for(var i=0; i < images.length; i++) {
			if(images[i].getAttribute("src").match("_off.")){
				images[i].onmouseover = function() {
					if(!this.id.match(/campaign|voice/)){
						this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
					}
				}

				images[i].onmouseout = function() {
					if(!this.id.match(/campaign|voice/)){
						if(this.getAttribute("class") != secondclass || !secondclass){
							this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
						}
					}
				}
			}
		}
	}
}

if(window.addEventListener) {
	window.addEventListener("load", smartRollover, false);
}
else if(window.attachEvent) {
	window.attachEvent("onload", smartRollover);
}

// 脱毛　コース＆料金
$(function(){
	$('#clickbody area',this).each(function(){
		$(this).mouseover(function(){
			if($(this).attr('class').match("hiji") || $(this).attr('class').match("hiza") ){
				$pic = [$('#mae'),$('#ushiro')];
			}else if($(this).parent().attr("id").match("mae")){
				$pic = [$('#mae')];
			}else if($(this).parent().attr("id").match("ushiro")){
				$pic = [$('#ushiro')];
			}
			for(i=0;i<$pic.length;i++){
				$pic[i].attr('src',$pic[i].attr('src').replace('def',$(this).attr('class')));
			}
		});

		$(this).mouseout(function(){
			for(i=0;i<$pic.length;i++){
				$pic[i].attr('src',$pic[i].attr('src').replace($(this).attr('class'),'def'));
			}
		});

		$(this).click(function(){
			$cla = $(this).attr('class');
			$('#balloon li').each(function(){
				$(this).css('display','none');
			})
			$('#balloon li.'+$cla).css('display','block');
		});
	});
});

// 店舗一覧
$(function(){
	$('.shop-list area',this).each(function(){
		$(this).mouseover(function(){
			$id = this.id;
			$('#mapch').attr('src',$('#mapch').attr('src').replace('def',$id));
		});
		$(this).mouseout(function(){
			$('#mapch').attr('src',$('#mapch').attr('src').replace($id,'def'));
		});
	});
});


$(function(){
	var idname = $('div.menu').attr('id');
	if(idname){
		$('div.menu li.'+idname+' img').each(function(){
			$(this).attr('src',$(this).attr('src').replace("_off.", "_ov."));
		});
	}
});

/* 予約フォーム */
$(function(){
	$head	= '<select name="kibocourse">'+
	'<option value="" selected="selected">選択してください</option>';
	$datsu	= '<option value="脱毛">脱毛</option>';
	$facial	= '<option value="フェイシャル">フェイシャル</option>';
	$body	= '<option value="ボディ">ボディ</option>';
	$bust	= '<option value="バスト">バスト</option>';
	$seitai	= '<option value="整体">整体</option>';
	$footer	='</select>';
	$("#kiboucourse").html($head+$datsu+$facial+$body+$bust+$footer);
	
	$("select.temp").change(function(){
		$(".temp option:selected").each(function(index){
			$class = $(this).attr("class").split(" ");
			if($class != "selected"){
				$(".checkcolumn1 div").each(function(){
					$(this).css("display","none");
				});
				if($class == "osaka"){
					$(".osaka").css("display","block");
				}else if($class =="wakayama"){
					$(".wakayama").css("display","block");
				}else if($class =="matsuyama"){
					$(".matsuyama").css("display","block");
				}else if($class =="kumamoto"){
					$(".kumamoto").css("display","block");
				}else{
					$(".etc").css("display","block");
				}
				if($class == "kanazawa"){
					$("#kiboucourse").html(
						$head + $datsu + $facial + $bust + $footer
					);
				}else if($class[1] == "umeda" || $class[1] == "higashiumeda" || $class[1] == "shinsaibashi" || $class[1] == "nanba"){
					$("#kiboucourse").html(
						$head + $datsu + $facial + $body + $bust + $footer
					);
				}else if($class[1] =="sakaihigashi"){
					$("#kiboucourse").html(
						$head + $datsu + $facial + $body + $footer
					);
				}else if($class =="sannomiya"){
					$("#kiboucourse").html(
						$head + $datsu + $footer
					);
				}else if($class =="himeji"){
					$("#kiboucourse").html(
						$head + $datsu + $facial + $body + $bust + $footer
					);
				}else if($class =="wakayama"){
					$("#kiboucourse").html(
						$head + $datsu + $facial + $footer
					);
				}else if($class =="okayama"){
					$("#kiboucourse").html(
						$head + $datsu + $footer
					);
				}else if($class =="matsuyama"){
					$("#kiboucourse").html(
						$head + $datsu + $facial + $footer
					);
				}else if($class =="kumamoto"){
					$("#kiboucourse").html(
						$head + $datsu + $facial + $seitai + $footer
					);
				}else{
					$("#kiboucourse").html(
						$head + $datsu + $facial + $body + $bust + $footer
					);
				}
			}
		});
	});
});
$(function(){
	$(".search select").change(function(){
		$("select option:selected").each(function(){
			$value = $(this).attr("value");
			if($value == "1"){
				document.location.href = "/shoplist/index.html";
			}else if($value == "2" || $value == "3" || $value == "4"){
				document.location.href = "/shoplist/s_0"+$value+".html";
			}
		});
	});
});
$(function(){
	$("input#doi").each(function(){
		$d = $("input#doi:checked").length;
		submitbtn($d);
	});
	$("input#doi:checkbox").click(function(){
		$d = $("input#doi:checked").length;
		submitbtn($d);
	});
});

function submitbtn($d){
	if($d){
		 $("#submit").html('<a href="javascript:document.conform.submit();"><img src="../common/images/btn_off.gif" width="233" height="37" alt="確認画面へ進む" onmouseover="this.src =\'../common/images/btn_on.gif\'" onmouseout="this.src =\'../common/images/btn_off.gif\'" /></a>');
	}else{
		$("#submit").html('<img src="../common/images/btn_on.gif" width="233" onclick="alert(\'お申込時の注意事項に同意してください。\')" height="37" alt="確認画面へ進む" />');
	}
}

var j$ = jQuery;
j$(function(){
	j$("#step > ul").each(function(){
		j$("li > a", this).each(function(index){
			var $this = j$(this);

			if(index > 0){
				$this.next().hide();
			}else{
				$this.addClass("close").hide();
			}

			$this.click(function(){
				var params = {height:"toggle", opacity:"toggle"};
				j$(this).next().animate(params, {duration:"fast"}).parent().siblings().children("dl:visible").animate(params, {duration:"fast"});
				j$(this).addClass("close").animate(params, {duration:"fast"}).parent().siblings().children("a.close").animate(params, {duration:"fast"}).removeClass("close");
				return false;
			});
		});
	});
});


//pinpointRollover
var idximages;
var chid;
function indexOv(chname,ID){
	chid = "_"+chname;
	idximages = document.getElementById(ID);
	idximages.setAttribute("src", idximages.getAttribute("src").replace("_def", chid));
}
function indexOut(){
	idximages.setAttribute("src", idximages.getAttribute("src").replace(chid, "_def"));
}

function loader(path,n){
	for (var i = 1; i <= n; i++){
		d = new Image();
		chimg = "../images/"+path+"/img"+i+".jpg";
	}
}


function chpic(n,obj){
	//alert(obj);
	chpix = document.getElementById('main');
	newImg = "img"+n;
	chpix.setAttribute("src",chpix.getAttribute("src").replace(/img\d/,newImg));
}


//scrollsmoothly

(function(){
   var easing = 0.25;
   var interval = 20;
   var d = document;
   var targetX = 0;
   var targetY = 0;
   var targetHash = '';
   var scrolling = false;
   var splitHref = location.href.split('#');
   var currentHref_WOHash = splitHref[0];
   var incomingHash = splitHref[1];
   var prevX = null;
   var prevY = null;

   addEvent(window, 'load', init);

   function init(){
     setOnClickHandler();
     if(incomingHash){
       if(window.attachEvent && !window.opera){
         setTimeout(function(){scrollTo(0,0);setScroll('#'+incomingHash);},50);
       }else{
         scrollTo(0, 0);
         setScroll('#'+incomingHash);
       }
     }
   }

   function addEvent(eventTarget, eventName, func){
     if(eventTarget.addEventListener){
       eventTarget.addEventListener(eventName, func, false);
     }else if(window.attachEvent){
       eventTarget.attachEvent('on'+eventName, function(){func.apply(eventTarget);});
     }
   }
   
   function setOnClickHandler(){
     var links = d.links;
     for(var i=0; i<links.length; i++){
       var link = links[i];
       var splitLinkHref = link.href.split('#');
       if(currentHref_WOHash == splitLinkHref[0] && d.getElementById(splitLinkHref[1])){
         addEvent(link, 'click', startScroll);
       }
     }
   }

   function startScroll(event){
     if(event){
       event.preventDefault();
     }else if(window.event){ // IE
       window.event.returnValue = false;
     }
     setScroll(this.hash);
   }

   function setScroll(hash){
     var targetEle = d.getElementById(hash.substr(1));
     if(!targetEle)return;
     var ele = targetEle;
     var x = 0;
     var y = 0;
     while(ele){
       x += ele.offsetLeft;
       y += ele.offsetTop;
       ele = ele.offsetParent;
     }
     var maxScroll = getScrollMaxXY();
     targetX = Math.min(x, maxScroll.x);
     targetY = Math.min(y, maxScroll.y);
     targetHash = hash;
     if(!scrolling){
       scrolling = true;
       scroll();
     }
   }

   function scroll(){
     var currentX = d.documentElement.scrollLeft||d.body.scrollLeft;
     var currentY = d.documentElement.scrollTop||d.body.scrollTop;
     var vx = (targetX - currentX) * easing;
     var vy = (targetY - currentY) * easing;
     var nextX = currentX + vx;
     var nextY = currentY + vy;
     if((Math.abs(vx) < 1 && Math.abs(vy) < 1)
       || (prevX === currentX && prevY === currentY)){
       scrollTo(targetX, targetY);
       scrolling = false;
       location.hash = targetHash;
       prevX = prevY = null;
       return;
     }else{
       scrollTo(parseInt(nextX), parseInt(nextY));
       prevX = currentX;
       prevY = currentY;
       setTimeout(function(){scroll()},interval);
     }
   }
   
   function getDocumentSize(){
     return {width:Math.max(document.body.scrollWidth, document.documentElement.scrollWidth), height:Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)};
   }

   function getWindowSize(){
     var result = {};
     if(window.innerWidth){
       var box = d.createElement('div');
       with(box.style){
         position = 'absolute';
         top = '0px';
         left = '0px';
         width = '100%';
         height = '100%';
         margin = '0px';
         padding = '0px';
         border = 'none';
         visibility = 'hidden';
       }
       d.body.appendChild(box);
       var width = box.offsetWidth;
       var height = box.offsetHeight;
       d.body.removeChild(box);
       result = {width:width, height:height};
     }else{
       result = {width:d.documentElement.clientWidth || d.body.clientWidth, height:d.documentElement.clientHeight || d.body.clientHeight};
     }
     return result;
   }
   
   function getScrollMaxXY() {
     if(window.scrollMaxX && window.scrollMaxY){
       return {x:window.scrollMaxX, y:window.scrollMaxY};
     }
     var documentSize = getDocumentSize();
     var windowSize = getWindowSize();
     return {x:documentSize.width - windowSize.width, y:documentSize.height - windowSize.height};
   }
   
 }());


function winOpen(url,target,w,h,scro){
	win = window.open(url,target,"width="+w+",height="+h+",scrollbars="+scro);
}

function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}
function henshin(num) {
	if(document.getElementById('blenddiv')){
		var speed = Math.round(3);
		var timer = 0;
		document.getElementById('blenddiv').style.backgroundImage = "url(" + document.getElementById('blendimage').src + ")";
		changeOpac(0, 'blendimage');
		document.getElementById('blendimage').src = num+'.jpg';

var pref = SURFPOINT.getPrefAName();
		if(num.match('01')){
			$('#blenddiv a').attr('href',$('#blenddiv a').attr('href').replace($('#blenddiv a').attr('href'),"/depilation/index.html"));
		}else if(num.match('02')){
			$('#blenddiv a').attr('href',$('#blenddiv a').attr('href').replace($('#blenddiv a').attr('href'),"/facial/index.html"));
		}else if(num.match('03')){
			$('#blenddiv a').attr('href',$('#blenddiv a').attr('href').replace($('#blenddiv a').attr('href'),"/bodyandbust/index.html"));
		
		
		
		}else if (pref == "osaka") {
			$('#blenddiv a').attr('href',$('#blenddiv a').attr('href').replace($('#blenddiv a').attr('href'),"/campaign/index.html"));
		} else if (pref == "kumamoto") {
			$('#blenddiv a').attr('href',$('#blenddiv a').attr('href').replace($('#blenddiv a').attr('href'),"/campaign/kumamoto.html"));
		} else if (pref == "ehime") {
			$('#blenddiv a').attr('href',$('#blenddiv a').attr('href').replace($('#blenddiv a').attr('href'),"/campaign/matsuyama.html"));
		} else if (pref == "wakayama") {
			$('#blenddiv a').attr('href',$('#blenddiv a').attr('href').replace($('#blenddiv a').attr('href'),"/campaign/wakayama.html"));
		}else{
			$('#blenddiv a').attr('href',$('#blenddiv a').attr('href').replace($('#blenddiv a').attr('href'),"/campaign/index.html"));
		}
		
				
		for(i = 0; i <= 100; i+=10) {
			if(i == 0){
				bg = document.getElementById('blenddiv').style.backgroundImage;
				pic = document.getElementById('blendimage').src;
			}
			if(bg == document.getElementById('blenddiv').style.backgroundImage && pic == document.getElementById('blendimage').src){
				setTimeout("changeOpac(" + i + ",'blendimage')",(timer * speed));
				timer++;
			}else{
				break;
			}
		}
	}
}



function openwin(url){
	window.open(url,'tenpo','width=680,height=700,scrollbars=yes');
}
function openwinH(url){
	window.open(url,'members','width=750,height=700,scrollbars=yes');
}