//画像の先読み
imgsrc=new Array();
imgobj=new Array();

imgsrc[0]="img/btn1.gif";
imgsrc[1]="img/btn1_o.gif";
imgsrc[2]="img/detail_tab1.gif";
imgsrc[3]="img/detail_tab1_off.gif";
imgsrc[4]="img/detail_tab2.gif";
imgsrc[5]="img/detail_tab2_off.gif";
imgsrc[6]="img/detail_btn1.gif";
imgsrc[7]="img/detail_btn1_on.gif";
imgsrc[8]="img/detail_btn2.gif";
imgsrc[9]="img/detail_btn2_on.gif";
imgsrc[10]="img/detail_btn3.gif";
imgsrc[11]="img/detail_btn3_on.gif";
imgsrc[12]="img/detail_btn4.gif";
imgsrc[13]="img/detail_btn4_on.gif";
for(i=0; i<imgsrc.length; i++){
	imgobj[i]=new Image();
	imgobj[i].src=imgsrc[i];
}

//画像の変更
function chimg(obj,objsrc){
	obj.src=objsrc;
}

//---------------------------------------------------
//詳細ページ 

//タブマウスオーバー・アウト時の画像切り替え
//ch スポット情報:1 地図クーポン:2
//tx アウト:0 スポット情報タブオーバー:1 地図クーポンタブオーバー:2 

ch=1;

function changetab(tx){
	var tab1=document.getElementById("cpnd_tab1");
	var tab2=document.getElementById("cpnd_tab2");
	
	switch(tx){
		case 0:
			switch(ch){
				case 1:
					tab1.src=imgsrc[2];
					tab2.src=imgsrc[5];
					break;
				case 2:
					tab1.src=imgsrc[3];
					tab2.src=imgsrc[4];
					break;
			}
			break;
		case 1:
			tab1.src=imgsrc[2];
			break;
		case 2:
			tab2.src=imgsrc[4];
			break;
	}
	
}

//タブクリック時の表示切替と、内容の表示・非表示
//cx 1:スポット情報タブ 2：地図クーポンタブ

function changecont(cx){
		var tab1=document.getElementById("cpnd_tab1");
		var tab2=document.getElementById("cpnd_tab2");
		var cont1=document.getElementById("cpnd_spotinfo");
		var cont2=document.getElementById("cpnd_mapcoupon");
		
		switch(cx){
			case 1:
				tab1.src=imgsrc[2];
				tab2.src=imgsrc[5];
				cont1.style.display="block";
				cont2.style.display="none";
				ch=1;
				break;
				
			case 2:
				tab1.src=imgsrc[3];
				tab2.src=imgsrc[4];
				cont1.style.display="none";
				cont2.style.display="block";
				couponmid();
				ch=2;
				break;
		}
}

//るるぶクーポン画像を真ん中に
pt="";
function couponmid(){
	var box1=document.getElementById("cpnd_box1");
	var box2=document.getElementById("cpnd_box2");
	var h1=box1.offsetHeight;
	var h2=box2.offsetHeight;
	if((h1<h2) && (pt=="") ){
		pt=(h2-h1)/2+"px";
		box1.style.marginTop=pt;
	}
}

//画像、キャプションの変更
//ls 横画像:1 縦画像:2

function changecap(objsrc,captxt,ls){ 
	var photo=document.getElementById('cpnd_photo')
	var cap=document.getElementById("cpnd_caption");
	
	//画像の変更
	chimg(photo,objsrc);
	
	//画像サイズの変更
	switch(ls){
		case 1:
			//photo.width=240;
			photo.height=180;
			break;
		case 2:
			//photo.width=135;
			photo.height=180;
			break;
	}
	
	//キャプションの変更
	cap.childNodes[0].nodeValue=captxt;
}