//////////////////////////////////////////////////////////////////
/// Image rollover
//////////////////////////////////////////////////////////////////
function initRollovers() {
	if (!document.getElementById) return
	
	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('img');
	var imputBtn = document.getElementsByTagName('input');

	for (var i = 0; i < aImages.length; i++) {		
		if (aImages[i].className == 'rollover') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_on'+ftype);

			aImages[i].setAttribute('hsrc', hsrc);
			
			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;
			
			aImages[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			aImages[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_on'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}

	for (var i = 0; i < imputBtn.length; i++) {		
		if (imputBtn[i].className == 'rollover') {
			var src = imputBtn[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_on'+ftype);

			imputBtn[i].setAttribute('hsrc', hsrc);
			
			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;
			
			imputBtn[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			imputBtn[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_on'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
}

window.onload = initRollovers;




//////////////////////////////////////////////////////////////////
/// Window open
//////////////////////////////////////////////////////////////////

function openMyclip(url) {
	subWindow = window.open(url,'myclip','location=no,directories=no,toolbar=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=780,height=700');
	subWindow.focus();
	return false;
}




//////////////////////////////////////////////////////////////////
/// Change Icon [+]/[-]
//////////////////////////////////////////////////////////////////

// クリックで <a> の class名変更

function changeClass(id){
	var el = document.getElementById(id);
	if(el.className)
			var nextclassname = el.className == "closed" ? 'open' : 'closed';
			el.className = nextclassname;
};


// クリックで <a> の class名変更 ： 2行用 <a> display:block;

function changeClassBlock(id){
	var el = document.getElementById(id);
	if(el.className)
			var nextclassname = el.className == "closedBlock" ? 'openBlock' : 'closedBlock';
			el.className = nextclassname;
};



//////////////////////////////////////////////////////////////////
/// Change Area
//////////////////////////////////////////////////////////////////

// クリックで エリアの表示・非表示 切り替え

function changeArea(layNam,dispVl){
	if(document.getElementById){
		document.getElementById(layNam).style.display=dispVl;
	}else{
		document.all(layNam).style.display=dispVl;
	}
}




// クリックで 指定したエリアをすべて同時に表示・非表示 切り替え

function btnAllOpen(fic){
	//定数
	var id='mainArea';
	var wordTarget='id=slideTable';
	var actFunc01='tableHide';
	var actFunc02='slideTable';
	var actFunc03='tableView';
	var actFunc03='tableView';
	var block='block';
	var none='none';

	//ソースの取得
	var obj=document.getElementById(id);
	var objSrc=obj.innerHTML;

	//現在のオブジェクト数の取得
	objSrcArr=new Array;
	objSrcArr=objSrc.split("\"");
	objSrc=objSrcArr.join('');
	var objSrcNum=objSrc.split(wordTarget);
	objSrcNum=objSrcNum.length-1;

	//動作実行
	for(i=0;i<objSrcNum;i++){
		if(i<10){
			num="0"+(i+1);
		}else{
			num=i+1;
		}
		if(fic==0){
			changeArea(actFunc01+num,none);
			changeArea(actFunc02+num,none);
			changeArea(actFunc03+num,block);
		}else if(fic==1){
			changeArea(actFunc01+num,block);
			changeArea(actFunc02+num,block);
			changeArea(actFunc03+num,none);
		}
	}
}




//////////////////////////////////////////////////////////////////
/// Change class
//////////////////////////////////////////////////////////////////

function changeBtnStatus(obj) {
	if ( obj.className )
	var changeclassname = obj.className == "def" ? 'cur' : 'def';
	obj.className = changeclassname;
}

/*
 ボタンオールリセット
------------------------------*/
function btnAllReset(id){
	//変換対象テキストの定義
	var wordTarget='cur';
	var wordOriginal='def';

	//htmlソースの取得
	var obj=document.getElementById(id);
	var objSrc=obj.innerHTML;

	//現在のカレント数の取得
	var lengthOri=objSrc.length;
	var objArr=objSrc.split(wordTarget);
	var objSrcNew="";
	for(i=0;i<objArr.length;i++){
		objSrcNew = objSrcNew.concat(objArr[i]);
	}
	var lengthNew=objSrcNew.length;
	var currentLength=(lengthOri-lengthNew)/(wordTarget.length);//現在のカレント数

	//テキスト置き換え
	if(objSrc.indexOf(wordTarget,0)!=-1){
		for(i=0;i<currentLength;i++){
			var objSrc=objSrc.replace(wordTarget,wordOriginal);
		}
		obj.innerHTML=objSrc;
	}
}




//////////////////////////////////////////////////////////////////
/// Myclip dialog
//////////////////////////////////////////////////////////////////

function compatJud(){ //標準モード判定
        if(document.compatMode){ return (document.compatMode=="CSS1Compat"); }
        return 0;
}
function dBody(){ //document.body、documentElement選択
        if(document.documentElement&&document.documentElement.clientHeight) return document.documentElement;
        if(document.body) return document.body;
        return 0;
}
function openDia(idPri,idSec,disp,dWidth,dHeight){
	var VarUsrAgt = navigator.userAgent.toLowerCase();
	isSF2 = VarUsrAgt.indexOf("safari/4") != -1;
	isOP = VarUsrAgt.indexOf("opera") != -1;
	isSF = VarUsrAgt.indexOf("safari") != -1;
	compatJud();
	dBody();
	var elPri=document.getElementById(idPri);
	var elSec=document.getElementById(idSec);
	var bdWidth=dBody().clientWidth;
  if(isSF2||isOP){bdWidth=window.innerWidth;}
  else{bdWidth=dBody().clientWidth;}
	var bdHeight;
  if(isSF2||isOP){bdHeight=window.innerHeight;}
  else{bdHeight=dBody().clientHeight;}
	var sclHeight;
  if(isSF){sclHeight=window.scrollY;}
  else{sclHeight=dBody().scrollTop;}
	winWidth=(bdWidth-dWidth)/2;
	winHeight=(bdHeight-dHeight)/2+sclHeight;
	var contWidth=dBody().scrollWidth;
	var contHight=dBody().scrollHeight;
	elPri.style.width=contWidth+'px';
	elPri.style.height=contHight+'px';
	elSec.style.margin=winHeight+'px 0 0 '+winWidth+'px';
	changeArea(idPri,disp);
	changeArea(idSec,disp);
}




//////////////////////////////////////////////////////////////////
/// Scroll
//////////////////////////////////////////////////////////////////
var ss = {
  fixAllLinks: function() {
    var allLinks = document.getElementsByTagName('a');
    for (var i=0;i<allLinks.length;i++) {
      var lnk = allLinks[i];
      if ((lnk.href && lnk.href.indexOf('#') != -1) && 
          ( (lnk.pathname == location.pathname) ||
	    ('/'+lnk.pathname == location.pathname) ) && 
          (lnk.search == location.search)) {
        ss.addEvent(lnk,'click',ss.smoothScroll);
      }
    }
  },

  smoothScroll: function(e) {
    if (window.event) {
      target = window.event.srcElement;
    } else if (e) {
      target = e.target;
    } else return;
    if (target.nodeName.toLowerCase() != 'a') {
      target = target.parentNode;
    }
    if (target.nodeName.toLowerCase() != 'a') return;
    anchor = target.hash.substr(1);
    var allLinks = document.getElementsByTagName('a');
    var destinationLink = null;
    for (var i=0;i<allLinks.length;i++) {
      var lnk = allLinks[i];
      if (lnk.name && (lnk.name == anchor)) {
        destinationLink = lnk;
        break;
      }
    }
    if (!destinationLink) return true;
  
    var destx = destinationLink.offsetLeft; 
    var desty = destinationLink.offsetTop;
    var thisNode = destinationLink;
    while (thisNode.offsetParent && 
          (thisNode.offsetParent != document.body)) {
      thisNode = thisNode.offsetParent;
      destx += thisNode.offsetLeft;
      desty += thisNode.offsetTop;
    }
    clearInterval(ss.INTERVAL);
  
    cypos = ss.getCurrentYPos();
  
    ss_stepsize = parseInt((desty-cypos)/ss.STEPS);
    ss.INTERVAL =
setInterval('ss.scrollWindow('+ss_stepsize+','+desty+',"'+anchor+'")',10);
    if (window.event) {
      window.event.cancelBubble = true;
      window.event.returnValue = false;
    }
    if (e && e.preventDefault && e.stopPropagation) {
      e.preventDefault();
      e.stopPropagation();
    }
  },

  scrollWindow: function(scramount,dest,anchor) {
    wascypos = ss.getCurrentYPos();
    isAbove = (wascypos < dest);
    window.scrollTo(0,wascypos + scramount);
    iscypos = ss.getCurrentYPos();
    isAboveNow = (iscypos < dest);
    if ((isAbove != isAboveNow) || (wascypos == iscypos)) {
      window.scrollTo(0,dest);
      clearInterval(ss.INTERVAL);
      location.hash = anchor;
    }
  },

  getCurrentYPos: function() {
    if (document.body && document.body.scrollTop)
      return document.body.scrollTop;
    if (document.documentElement && document.documentElement.scrollTop)
      return document.documentElement.scrollTop;
    if (window.pageYOffset)
      return window.pageYOffset;
    return 0;
  },

  addEvent: function(elm, evType, fn, useCapture) {
    if (elm.addEventListener){
      elm.addEventListener(evType, fn, useCapture);
      return true;
    } else if (elm.attachEvent){
      var r = elm.attachEvent("on"+evType, fn);
      return r;
    } else {
      alert("Handler could not be removed");
    }
  } 
}

ss.STEPS = 15;

ss.addEvent(window,"load",ss.fixAllLinks);

//////////////////////////////////////////////////////////////////
/// search input
//////////////////////////////////////////////////////////////////
function searchInput() {
	var searchObj = document.getElementById("SB");
	if(searchObj.value=="都市名、ホテル名等で絞り込む") searchObj.value="";searchObj.style.color="#000000";
}
function searchInit() {
	var searchObj = document.getElementById("SB");
	if(searchObj) {
		(searchObj.value!="都市名、ホテル名等で絞り込む") ? searchObj.style.color="#000000" : searchObj.style.color="#666666";
	}
}
ss.addEvent(window,"load",searchInit);

