﻿/*-----------------------------------------------------------------*/
/* グローバル変数 */
/*-----------------------------------------------------------------*/
var cached = new Object();var DOM = new Object();DOM.event = new Object();DOM.misc = new Object();
/*-----------------------------------------------------------------*/
/* HTML文書が読み込まれたときに実行させる処理 */
/*-----------------------------------------------------------------*/
window.onload=function(){
	var rootNode=document.getElementsByTagName("a"); 				 /* (peaks updata)リンクのあるイメージを摘出しクラス属性.id追加 */
	for(var ii=0;ii<rootNode.length;ii++){
	if (rootNode[ii].href.match(/JPG$|jpeg$|gif$|jpg$/)) {
	var imgTag=rootNode[ii].getElementsByTagName("img");
	for(var iii=0;iii<imgTag.length;iii++){
		imgTag[iii].setAttribute("className","pic"); //for IE
		imgTag[iii].setAttribute("class","pic");
		imgTag[iii].id= "pic"+[ii];
		imgTag[iii].title += "クリックすると拡大します。";
		imgTag[iii].src = 'http://www.peaks-jp.com/script/image.php?'+imgTag[iii].src;

/* 	var intext = document.createElement('a');	
	intext.style.position = 'relative';
	intext.style.top = (imgTag[iii].height)+'px';
	intext.style.left = (imgTag[iii].width)-120 +'px';
	intext.style.margin = imgTag[iii].style.margin;
	intext.style.color = '#ffffff';
	intext.style.fontSize = '12'+'px';
	intext.href = 'http://www.peaks-jp.com/';
	intext.appendChild( document.createTextNode('[クリックすると拡大します]') )
	
	
	rootNode[ii].insertBefore(intext,rootNode[ii].firstChild);
	DOM.event.addEventListener(intext, 'click', initDisplayPic);
*/
	DOM.event.addEventListener(imgTag[iii], 'click', initDisplayPic);  /* class属性に'pic'がセットされたIMGタグにclickイベント・リスナーをセット */
	cached[imgTag[iii].id] = false;

			}
		}
	}
/*　個別ラベル摘出　*/	

var click=0;var click2=0;
var labelsNode=document.getElementsByTagName("p");

	for(var ii=0;ii<labelsNode.length;ii++){
	if (labelsNode[ii].className=="blogger-labels") {	//ラベル配下
var h3Node=document.getElementsByTagName("h3");
	var labelstag=labelsNode[ii].getElementsByTagName("a");
		for(var iii=0;iii<labelstag.length;iii++){
			if (!labelstag[iii].firstChild.nodeValue.match(/\(|（/)) {
				labelstag[iii].style.fontSize = '14'+'px';
			click2++;
					if(labelstag[iii].firstChild.nodeValue.match(/美容室/)){
						var peaks = document.createElement("a");
							peaks.href = "http://www.peaks-jp.com/";
							peaks.target = "_blank";
							peaks.title = "奈良県橿原市/完全予約制/ヘアサロン/AtelierhairPeaks";
							peaks.appendChild(document.createTextNode("ヘアサロンの紹介はこちらです"));

							labelsNode[ii].appendChild(document.createTextNode(", "));
							labelsNode[ii].appendChild(peaks);
					}
			}
		}
if(click2){var insert = document.createElement("div");
	insert.style.fontSize = '12'+'px';
	insert.setAttribute("className","insert"); //for IE
	insert.setAttribute("class","insert");
	
var ele = document.createElement("a");
	ele.href = "http://blog.with2.net/link.php?627612";
	ele.target = "_blank";
	ele.appendChild(document.createTextNode("［ ヘアケア・スタイル 人気ブログランキング］"));
	insert.appendChild(ele);
	insert.appendChild(document.createTextNode("<<< ポチッと応援クリックお願いします。"));
	h3Node[click].appendChild(insert);
	}
	click++;
	click2=0;
	}
	}
/*　個別リンク摘出
var linkNode=document.getElementsByTagName("a");
	for(var ii=0;ii<linkNode.length;ii++){
	if(linkNode[ii].title=="permanent link"){
var ele = document.createElement("span");
	ele.innerHTML = "<input type=\"text\" name=\"url\" size=\"60\" value=\""+linkNode[ii].href+"\" onfocus=\"this.select()\" />";
	linkNode[ii].parentNode.appendChild(ele);}}
*/
}

/*-----------------------------------------------------------------*/
/* 階層 */
/*-----------------------------------------------------------------*/
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") {whichpost.className="commenthidden";}else {whichpost.className="commentshown";}}

/*-----------------------------------------------------------------*/
/* 拡大画像表示の準備処理 */
/*-----------------------------------------------------------------*/
function initDisplayPic(evt) {
	var target = DOM.event.target(evt);			/* クリックされたサムネイルIMGタグのノードオブジェクト */
  if(target.parentNode && target.parentNode.href.match(/bp2\.blogger\.com/)){return;}/*特定siteの直リンク禁止画像の場合スキップ*/
	var bigimage = document.createElement('IMG');	/* 拡大画像用IMGタグを生成・表示 */
	var imgimg=target.parentNode.href;
	showShadowLayer();							/* シャドーレイヤーを生成・表示 */
	showNowLoading();							/* now loadingをウィンドウの中心に表示 */
	bigimage.style.position = 'absolute';
	bigimage.style.top = 0+'px';
	bigimage.style.zIndex = 50;
	bigimage.style.left = 0+'px';
	bigimage.id = 'bigimage';
	bigimage.alt = target.alt;
	bigimage.style.visibility = 'hidden';
	bigimage.style.cursor = 'pointer';
	bigimage.title+= target.alt;
	bigimage.title+= "\nクリックすると閉じます";
    bigimage.src = imgimg;
	document.body.appendChild(bigimage);
	
  
 //   displayPic();

  DOM.event.addEventListener(bigimage, 'click', clearPic);	/* bigimageにclickイベント・リスナーをセット */
  if( cached[target.id] == true ) {		/* 拡大画像がキャッシュ済みなら表示処理実行 */
    displayPic();
  } else {								/* 拡大画像が未キャッシュならloadイベント・リスナーをセット */
    DOM.event.addEventListener(bigimage, 'load', displayPic);
    cached[target.id] = true
  }
  if(!document.getElementById('bigimage') )	{clearPic(evt) ;}
  DOM.event.preventDefault(evt);  /* デフォルト・アクションの抑止 */
  
}
/*-----------------------------------------------------------------*/
/* now loadingをウィンドウの中心に表示 */
/*-----------------------------------------------------------------*/
function showNowLoading() {
  var loading_div = document.createElement('DIV');
  loading_div.id = 'loading';
  loading_div.style.visibility = 'hidden';
  loading_div.style.position = 'absolute';
  loading_div.style.color = '#ffffff';
  loading_div.style.fontSize = '24'+'px';
  loading_div.style.zIndex = 49;
  loading_div.appendChild( document.createTextNode('now loading...') );
  document.body.appendChild(loading_div);
  setPositionCenter(loading_div);
  loading_div.style.visibility = 'visible';
}
/*-----------------------------------------------------------------*/
/* シャドー・レイヤーを生成・表示レイヤーを全画面にかぶせるスクロール対策 (peaks updata)*/
/*-----------------------------------------------------------------*/
function showShadowLayer() {
  var shadow = document.createElement('DIV');
	shadow.id = 'shadow';
	shadow.style.position ='absolute';
	shadow.style.top ='0' + 'px';
	shadow.style.left ='0' + 'px';
	shadow.style.zIndex = 48;
	shadow.style.backgroundColor='#000000';
    shadow.style.filter = 'alpha(opacity=70)';
    shadow.style.MozOpacity = 0.7;
    shadow.style.opacity = 0.7;
	shadow.style.width = document.body.clientWidth+'px';		//doctypeなし
	shadow.style.height = document.body.scrollHeight+20+'px';	//doctypeなし
	
  if( document.body.scrollHeight < document.documentElement.clientHeight  || document.body.clientWidth < document.documentElement.clientWidth ) {
    shadow.style.width = document.documentElement.clientWidth+'px';
	shadow.style.height = document.documentElement.scrollHeight+20+'px';
  }
	document.body.appendChild(shadow);
}
/*-----------------------------------------------------------------*/
/* ズーム*/
/*-----------------------------------------------------------------*/
function showPickupLayer() {
   if( document.getElementById('bigimage') ) {var bigimage = document.getElementById('bigimage')}
 var Pickup = document.createElement('div');
	Pickup.id = 'Pickup';
	Pickup.style.visibility = 'hidden';
	Pickup.innerHTML = '<img src="http://www.peaks-jp.com/imageFile03/ZoomUp.gif" onmousedown="imgZoom(\'\',\'1.05\');" style="cursor:pointer"> <img src="http://www.peaks-jp.com/imageFile03/ZoomOut.gif" onmousedown="imgZoom(\'\',\'0.92\');" style="cursor:pointer">';
	Pickup.style.position ='absolute';
	DOM.event.addEventListener(Pickup, 'mouseout', setshadow);
	DOM.event.addEventListener(Pickup, 'mouseover', clearshadow);
	
	var wsize = DOM.misc.getWindowSize();
	var left = ( wsize.width - bigimage.offsetWidth )/2+bigimage.clientWidth;
	var top = ( wsize.height  - bigimage.offsetHeight ) / 2+ getWinYOffset()+bigimage.clientHeight;
	Pickup.style.left = parseInt(left) -69 + 'px';
	Pickup.style.top =  parseInt(top) + 13 +'px';
	Pickup.style.zIndex =  51;
	document.body.appendChild(Pickup);
	Pickup.style.visibility = 'visible';
}
//////////////////////////////////////////////////
function imgZoom(evt,size) {
  if( document.getElementById('bigimage') ) {var bigimage = document.getElementById('bigimage');}
  bigimage.width *=size;
  bigimage.height *=size; 
	var wsize = DOM.misc.getWindowSize();
	var   left = ( wsize.width - bigimage.offsetWidth )/2;
	var   top = ( wsize.height  - bigimage.offsetHeight ) / 2+ getWinYOffset();
	bigimage.style.left = parseInt(left)  + 'px';
	bigimage.style.top =  parseInt(top) + 'px';
    if ((bigimage.width < wsize.width-50 && bigimage.height < wsize.height-30 && size>1) ||(bigimage.width >= 60 && size < 1)) {var Timer=setTimeout("imgZoom('"+ evt +"','"+ size +"')",2);}else{if(Timer){clearTimeout("Timer");}if(size < 1){clearPic(evt);}}
 DOM.event.preventDefault(evt);				
}
/*-----------------------------------------------------------------*/
/* 拡大画像表示処理 */
/*-----------------------------------------------------------------*/
function displayPic() {
  var bigimage = document.getElementById('bigimage');	/* 拡大画像IMGタグのノードオブジェクト */
  if( document.getElementById('loading') ) {loading_div = document.getElementById('loading');loading_div.parentNode.removeChild(loading_div);}
	value_opacity = 3;
	bigimage.style.filter = 'alpha(opacity=' + (value_opacity * 10) + ')';
	bigimage.style.MozOpacity = value_opacity / 10;
	bigimage.style.opacity = value_opacity / 10;
	setPositionCenter(bigimage);			/* 拡大画像がウィンドウの中心に位置するようセット */
	bigimage.style.border='#ffffff 6px solid';
	bigimage.style.visibility = 'visible';	/* 拡大画像表示 */
	showPickupLayer();
	setOpacityZero();						// 透明度が10になるまで+1加算する（タイマー）(peaks updata)
}
/*-----------------------------------------------------------------*/
/* 拡大画像をクリアする */
/*-----------------------------------------------------------------*/
function clearPic(evt) {/* 拡大画像用IMGタグの削除 *//* シャドーレイヤーの削除 */
  if( document.getElementById('bigimage') )	{var bigimage = document.getElementById('bigimage');bigimage.parentNode.removeChild(bigimage);}
  if( document.getElementById('shadow') )	{var shadow = document.getElementById('shadow');shadow.parentNode.removeChild(shadow);}
  if( document.getElementById('loading') )	{var loading_div = document.getElementById('loading');loading_div.parentNode.removeChild(loading_div);}
  if( document.getElementById('Pickup') )	{var Pickup = document.getElementById('Pickup');Pickup.parentNode.removeChild(Pickup);}
  DOM.event.preventDefault(evt);							/* デフォルト・アクションの抑止 */
}
function setPositionCenter(elm) {
	var wsize = DOM.misc.getWindowSize();
	var   left = ( wsize.width - elm.offsetWidth ) / 2 ;
	var   top = ( wsize.height  - elm.offsetHeight ) / 2+ getWinYOffset();	/* 可視中心に移動 (peaks updata)*/
	elm.style.left = parseInt(left) + 'px';
	elm.style.top =  parseInt(top) + 'px';
}
function setshadow(){var Pickup = document.getElementById('Pickup');Pickup.style.filter = 'alpha(opacity=30)';Pickup.style.MozOpacity = '0.3';Pickup.style.opacity = '0.3';}
function clearshadow(){var Pickup = document.getElementById('Pickup');Pickup.style.filter = 'alpha(opacity=100)';Pickup.style.MozOpacity = '1';Pickup.style.opacity = '1';}
DOM.event.addEventListener = function(elm, type, func, useCapture) {if(!elm) { return false; }if(!useCapture) {useCapture = false;}if(elm.addEventListener) {elm.addEventListener(type, func, false);} else if(elm.attachEvent) {elm.attachEvent('on'+type, func);} else {return false;}return true;};
DOM.event.target = function(evt) {if(evt && evt.target) {if(evt.target.nodeType == 3) {return evt.target.parentNode;} else {return evt.target;}} else if(window.event && window.event.srcElement) {return window.event.srcElement;} else {return null;}};
DOM.event.preventDefault = function(evt) {if(evt && evt.preventDefault) {evt.preventDefault();evt.currentTarget['on'+evt.type] = function() {return false;};} else if(window.event) {window.event.returnValue = false;}};
DOM.misc.getWindowSize = function() {var obj = new Object();if( document.uniqueID ) {obj.width = document.documentElement.clientWidth;obj.height = document.documentElement.clientHeight;if(!document.documentElement.clientWidth){obj.width = document.body.clientWidth;obj.height = document.body.clientHeight;}}  else {obj.width = window.innerWidth;obj.height = window.innerHeight;}return obj;};
function setOpacityZero() {if(value_opacity < 10){value_opacity += 0.2;if(value_opacity > 4){value_opacity += 1;}var Timer3=setTimeout('setOpacityZero()',10);setOpacity();}else{if(Timer3){clearTimeout("Timer3");}}}
function setOpacity () {if( document.getElementById('bigimage') ){var bigimage = document.getElementById('bigimage');bigimage.style.filter = 'alpha(opacity=' + (value_opacity * 10) + ')';bigimage.style.MozOpacity = value_opacity / 10;bigimage.style.opacity = value_opacity / 10;}}
function getWinYOffset(){if(window.scrollY){return window.scrollY;}if(window.pageYOffset){return window.pageYOffset;}if(document.documentElement && document.documentElement.scrollTop){return this.document.documentElement.scrollTop;}else if(document.body && document.body.scrollTop){return this.document.body.scrollTop;}return 0;}
