// prototype.js と jquery の共存
if(! $jQ) { var $jQ = jQuery.noConflict(); }

var attName = 'class';
var IE='\v'=='v'
if(IE){
	attName = 'className';
}

function getPcHref(strHref, strLinkType){
	var dirNameMb = '_mb';
	var fileNameMb = 'tmp_ch_top.html';
	var linkType = '';
	
	if(strLinkType !== null && strLinkType != 'undefined' && strLinkType == 'b'){
		linkType = '_b';
	}
	
	var pcFileName = 'ch_detail' + linkType + '.html';
	
	
	
	if(strHref.indexOf(dirNameMb) != -1){
		strHref = strHref.replace(dirNameMb , '');
	}
	
	if(strHref.indexOf(fileNameMb) != -1){
		strHref = strHref.replace(fileNameMb , pcFileName);
	}
	
	return strHref;
}

function createRnkingHtml(imgArr,hrefArr,nameArr,classArr){
	var strHtml = '';
	
	strHtml += '<ul class="clearfix">';
	
	for(var i = 0; i < imgArr.length; i++){
		
		var strHref = getPcHref(hrefArr[i], classArr[i]);
		
		if(i == 0){
			strHtml += '<li class="no1">';
		}else if(i == 1){
			strHtml += '<li>';
		}else if(i == 2){
			strHtml += '<li class="lastItemRow">';
		}else if(i == 3){
			strHtml += '<li class="lastItem">';
		}else if(i == 4){
			strHtml += '<li class="lastItem lastItemRow">';
		}
		
		strHtml += '<div class="wrap clearfix">\n';
		strHtml += '<p class="pic">';
		strHtml += '<a href="' + strHref +'">\n';
		strHtml += '<img src="' + imgArr[i] + '" alt="' + nameArr[i] + '" ';
		
		if(i == 0){
			strHtml += 'width="160" height="110" />\n';
		}else{
			strHtml += 'width="60" height="40" />\n';
		}
		
		strHtml += '</a></p>\n';
		strHtml += '<p class="tit">';
		strHtml += '<img src="/library/images/resort_wedding/ar_txt_rank_no';
		strHtml += (i + 1) + '.gif" alt="No.' + (i + 1) + '" /></p>\n';
		strHtml += '<p class="txt">';
		strHtml += '<a href="' + strHref + '">' + nameArr[i] + '</a>\n';
		strHtml += '</p>\n';
		strHtml += '</div></li>';
		
	}
	
	strHtml += '</ul>';	
	return strHtml;
}


function rankingInit(){
	var RANKING_MB_PC = 'RANKING_BL_CHAPEL_DATA';
	var RANKING_PC = 'RANKING_BL_CHAPEL_ADD_DATA';
	var RANKING_INPUT = 'RANKING_BL_CHAPEL';
	
	var rankingImgArr = new Array();
	var rankingHrefArr = new Array();
	var rankingLinkTypeArr = new Array();
	var rankingNameArr = new Array();
	
	rankingImgArr[0] = document.getElementById(RANKING_MB_PC).getElementsByTagName("img")[0].getAttribute("src");
	
	var tempArr = document.getElementById(RANKING_MB_PC).getElementsByTagName("a");
	
	for(var i = 0; i < tempArr.length; i++){
		if(i != 0){
			rankingHrefArr[i - 1] = tempArr[i].getAttribute("href");
			rankingLinkTypeArr[i - 1] = tempArr[i].getAttribute(attName);
			rankingNameArr[i - 1] = tempArr[i].firstChild.nodeValue;
		}
	}
	
	var tempHrefArr = document.getElementById(RANKING_PC).getElementsByTagName("a");
	var tempImgArr = document.getElementById(RANKING_PC).getElementsByTagName("img");
	
	for(var i = 0; i < tempImgArr.length; i++){
		rankingImgArr[i + 1] = tempImgArr[i].getAttribute("src");
	}
	
	for(var i = 0; i < tempHrefArr.length; i++){
		rankingHrefArr[i + 3] = tempHrefArr[i].getAttribute("href");
		rankingLinkTypeArr[i + 3] = tempHrefArr[i].getAttribute(attName);
		rankingNameArr[i + 3] = tempHrefArr[i].firstChild.nodeValue;
	}
	
	//alert(rankingImgArr.length + ','+ rankingHrefArr.length + ',' +rankingNameArr.length);
	
	//非同期通信開始
	
	
	$(RANKING_INPUT).innerHTML = createRnkingHtml(rankingImgArr,rankingHrefArr,rankingNameArr,rankingLinkTypeArr);
}

function recommendInit(){
	var RECOMMEND_MB_PC = 'RECOMMEND_BL_DATA';
	var RECOMMEND_PC = 'RECOMMEND_BL_ADD_DATA';
	var RECOMMEND_INPUT = 'RECOMMEND_BL';
	
	strHrefBase = document.getElementById(RECOMMEND_MB_PC).getElementsByTagName("a")[1].getAttribute("href");
	strLinkType = document.getElementById(RECOMMEND_MB_PC).getElementsByTagName("a")[1].getAttribute(attName);
	
	var strHref = getPcHref(strHrefBase ,strLinkType);
	
	var strName = document.getElementById(RECOMMEND_MB_PC).getElementsByTagName("a")[1].firstChild.nodeValue;
	var strImgSrc = document.getElementById(RECOMMEND_MB_PC).getElementsByTagName("img")[0].getAttribute("src");
	
	var spanArr = document.getElementById(RECOMMEND_PC).getElementsByTagName("span")
	var strArea = spanArr[0].firstChild.nodeValue;
	var strCaption = spanArr[1].firstChild.nodeValue;
	
	//非同期通信開始
	
	
	
	var strHtml = '';
	
	strHtml += '<div class="twoColUnit01 clearfix">\n';
	strHtml += '<div class="colAUnit">\n';
	strHtml += '<div class="colInnr01">\n';
	
	strHtml += '<p class="icon">';
	strHtml += '<img src="/library/images/common/cmn_icon_osusume_01.gif" alt="おすすめ" width="54" height="15" />';
	strHtml += '</p>';
	strHtml += '<p class="pic">';
	strHtml += '<a href="' + strHref + '">';
	
	strHtml += '<img src="' + strImgSrc + '" alt="' + strName + '" width="160" />';
	strHtml += '</a>';
	strHtml += '</p>\n';
	strHtml += '</div>\n';
	strHtml += '</div>\n';
	
	strHtml += '<div class="colBUnit">\n';
	strHtml += '<div class="colInnr01 clearfix">\n';
	strHtml += '<h3>[' + strArea + ']</h3>\n';
	strHtml += '<h2>';
	strHtml += '<a href="' + strHref + '">';
	strHtml += '<span class="mainTit">' + strName + '</span>';
	strHtml += '</a>';
	strHtml += '</h2>';
	
	strHtml += '<p class="txt">' + strCaption + '</p>';
	
	strHtml += '<ul class="listRow01 clearfix">';
	strHtml += '<li class="link01">';
	strHtml += '<a href="' + strHref + '">チャペル・式場詳細</a>';
	strHtml += '</li>';
	strHtml += '<li class="link01 lastItemRow">';
	strHtml += '<a href="' + strHref.replace('_detail' , '_plan') + '">プラン情報</a>';
	strHtml += '</li>\n';
	strHtml += '</ul>';
	
	strHtml += '</div>\n';
	strHtml += '</div>\n';
	strHtml += '</div>';
	
	$(RECOMMEND_INPUT).innerHTML = strHtml;
}