/***********************************************/ 
/* getElementsByClassName定義 */
/***********************************************/ 

document.getElementsByClassName = function (className) {
    var i, j, eltClass;
//alert("hello");
    var objAll = document.getElementsByTagName ? document.getElementsByTagName("*") : document.all;
    var objCN = new Array();
    for (i = 0; i < objAll.length; i++) {
        eltClass = objAll[i].className.split(/\s+/);
        for (j = 0; j < eltClass.length; j++) {
            if (eltClass[j] == className) {
                objCN.push(objAll[i]);
                break;
            }
        }
    }
    return objCN;
}


/***********************************************/ 
/* ロールオーバー画像切り替え関係 */
/***********************************************/ 

var switchingClassname = "SImg"; //ロールオーバーしたいimgに付加するclass名


/* ロールオーバー、アウト時の動作 */

function swapImage(e){
	e = (e) ? e : event;
	var imgTag = (e.srcElement) ? e.srcElement : e.target;
	imgTag.src = imgTag.src.replace("_f1","_f2");
}

function restoreImage(e){
	e = (e) ? e : event;
	var imgTag = (e.srcElement) ? e.srcElement : e.target;
	imgTag.src = imgTag.src.replace("_f2","_f1");
}


/* ロールオーバー、アウト時の動作（クリッカブルマップ用） */

function swapImageMap(e){
	e = (e) ? e : event;
	var areaTag = (e.srcElement) ? e.srcElement : e.target;
	var mapTag = areaTag.parentNode;
	var mapId = mapTag.id;
	var imgTags = document.getElementsByTagName("img");
	
	//ここでマウスオーバーしたareaがどこなのか判定（_f○○の数字を知るため）
	for(var i = j = 0; i < mapTag.childNodes.length; i++){
		if(mapTag.childNodes[i].shape != null){
			j++;
			if(mapTag.childNodes[i] == areaTag){
				var areaNo = j+1;
			}
		}
	}
	
	//全imgタグからマウスオーバーがあったareaタグの親のmapタグのidと同じusemapを持つimgタグを探し画像名を置換
	for(var i = 0; i < imgTags.length; i++){
		if(imgTags[i].getAttribute("usemap")){
			var useMap = imgTags[i].getAttribute("usemap").split("#")[1];
		}
		if(useMap == mapId){
			var mapImgTag = imgTags[i];
			mapImgTag.src = mapImgTag.src.replace("_f1","_f" + areaNo);
		}
	}
}

function restoreImageMap(e){
	e = (e) ? e : event;
	var areaTag = (e.srcElement) ? e.srcElement : e.target;
	var mapTag = areaTag.parentNode;
	var mapId = mapTag.id;
	var imgTags = document.getElementsByTagName("img");
	
	//全imgタグからマウスオーバーがあったareaタグの親のmapタグのidと同じusemapを持つimgタグを探し画像名を置換
	for(var i = 0; i < imgTags.length; i++){
		if(imgTags[i].getAttribute("usemap")){
			var useMap = imgTags[i].getAttribute("usemap").split("#")[1];
		}
		if(useMap == mapId){
			var mapImgTag = imgTags[i];
			mapImgTag.src = mapImgTag.src.replace(/_f[0-9][0-9]?/,"_f1");
		}
	}
}


/* 特定のクラス名でロールオーバー起動 */

function rolloverImgset(){
	if(document.getElementsByClassName(switchingClassname) != ""){
		var getTag = document.getElementsByClassName(switchingClassname);
		var len = getTag.length;
		var swapImages = new Image();
		for (i = 0; i < len; i++) {
			if(getTag[i].src) { //imgタグ
				swapImages.src = getTag[i].src.replace("_f1","_f2"); //画像プリロード
				getTag[i].onmouseover = swapImage;
				getTag[i].onmouseout = restoreImage;
			}
			else{ //mapタグ
//				swapImages.src = getTag[i].src.replace("_f1","_f2"); //画像プリロード
				getTag[i].onmouseover = swapImageMap;
				getTag[i].onmouseout = restoreImageMap;
			}
		}
	}else{
		return false;
	}
}





/***********************************************/ 
/* popup window */
/***********************************************/ 

function popWin1(theURI,windowName,Width,Height){
	PopUpWin = window.open(
		theURI,windowName,'scrollbars=0,width=' + Width + ',height=' + Height + ',resizable=1,directories=0,toolbar=0,status=1,location=0'
		);
	PopUpWin.focus();
	}

function popWin2(theURI,windowName,Width,Height){
	PopUpWin = window.open(
		theURI,windowName,'scrollbars=1,width=' + Width + ',height=' + Height + ',resizable=1,directories=0,toolbar=0,status=1,location=0'
		);
	PopUpWin.focus();
	}



/***********************************************/ 
/* じゃらんnet 予約システム用js */
/***********************************************/ 

/*西暦プルダウン作成関数*/
function CreateYears() {
    var i;
    date = new Date();
    var nowYear = (date.getYear()<1000)?
	 date.getYear()+1900:date.getYear();
    var year = nowYear;
    var optionTag;
   
    for( i = 0; i < 3; i++ ) {
        if( year == nowYear ) {
            optionTag = "<option value=\"" + year + "\" selected>" + year + "</option>\n";
        } else {
            optionTag = "<option value=\"" + year + "\">" + year + "</option>\n";
        }
        year++;
        document.write( optionTag );
    }
}

/*月プルダウン作成関数*/
function CreateMonths() {
    var i;
    date = new Date();
    var nowMonth = date.getMonth() + 1;
    var optionTag;
   
    for( i = 1; i <= 12; i++ ) {
        if( i == nowMonth ) {
            optionTag = "<option value=\"" + i + "\" selected>" + i + "</option>\n";
        } else {
            optionTag = "<option value=\"" + i + "\">" + i + "</option>\n";
        }
        document.write( optionTag );
    }
}

/*日プルダウン作成関数*/
function CreateDays() {
    var i;
    date = new Date();
    var nowDay = date.getDate();
    var optionTag;
   
    for( i = 1; i <= 31; i++ ) {
        if( i == nowDay ) {
            optionTag = "<option value=\"" + i + "\" selected>" + i + "</option>\n";
        } else {
            optionTag = "<option value=\"" + i + "\">" + i + "</option>\n";
        }
        document.write( optionTag );
    }
}

/*プルダウン内日付変更関数*/
function setDay(){
    var year = document.getElementById( "year" ).value;
    var month = document.getElementById( "month" ).value;
    var day = document.getElementById( "day" );

    var lastday = february( year, month );
    var itemnum = day.length;
    if ( lastday - 1 < day.selectedIndex ) {
        day.selectedIndex = lastday - 1;
    }
    day.length = lastday;
    for ( cnt = ( itemnum + 1 ); cnt <= lastday; cnt++ ) {
        day.options[cnt - 1].text = cnt;
    }
}

/*2月の日付決定関数*/
function february( year, month ){
    var lastday = new Array( 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 );
    if ( ( (year % 4 == 0) && (year % 100 != 0) ) || ( year % 400 == 0 ) ) {
        lastday[1] = 29;
    }
    return lastday[month - 1];
}

/*URLの発行処理*/
function do_url() {
<!-- baseURLのURLを管理画面で取得できるプラン一覧にセットする// -->
  var baseURL = "http://www.jhpds.net/plyokohama/uw/uwp3100/uww3101.do?yadNo=335850"
  var stayYear = document.getElementById( "year" ).value;
  var stayMonth = document.getElementById( "month" ).value;
  var stayDay = document.getElementById( "day" ).value;
  var stayCount = document.F1.stayCount.value;
  var adultNum = document.F1.adultNum.value;
  var roomCount = document.F1.roomCount.value;

  var listURL = baseURL
	+ "&stayYear=" + stayYear
	+ "&stayMonth=" + stayMonth
	+ "&stayDay=" + stayDay
	+ "&stayCount=" + stayCount 
	+ "&adultNum=" + adultNum
	+ "&roomCount=" + roomCount;

<!-- 同一ウィンドウ遷移の場合は残す// -->
  //document.location.href = listURL;
<!-- 別ウィンドウ遷移の場合は残す// -->
  window.open(listURL);
}





/***********************************************/ 
/* ページonloadで一括読み込み */
/***********************************************/ 

window.onload = function(){
	rolloverImgset();
}