﻿
var now_global = 'http://www.katsumi-kakogawa.com/';
var photo_domain = 'http://www.bukken-kanri.com/';

var map_location = Array();

var mount_map = function(){
	if (map_location.lat){
		var map = new GMap2(document.getElementById("map"));
		var point = new GLatLng(map_location.lat, map_location.lng);
		map.setCenter(point, 13);
		
		var tinyIcon = new GIcon();
		tinyIcon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
		tinyIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
		tinyIcon.iconSize = new GSize(12, 20);
		tinyIcon.shadowSize = new GSize(22, 20);
		tinyIcon.iconAnchor = new GPoint(6, 20);
		tinyIcon.infoWindowAnchor = new GPoint(5, 1);
		markerOptions = {icon:tinyIcon };
		map.addOverlay(new GMarker(point, markerOptions));
		map.disableDoubleClickZoom();
	} else {
		elem('map').style.display = 'none';
	}
}

var photoChange = {
	init: function(){
		var targ_imgs = elem('photo_children_box').getElementsByTagName('img');
		if (targ_imgs.length == 0) elem('galleryBox').style.display = elem('galleryBoxText').style.display = 'none';
		else {
			for(i=0; i<targ_imgs.length; i++){
				targ_imgs[i].onclick = photoChange.changeImg;
			}
		}
	},
	changeImg: function(){
		elem('main_image').src = allReplace(this.src, 'images-th', 'images');
		elem('photo_message').innerHTML = (this.alt) ? this.alt: '&nbsp;';
	}
}

var blockOpen = function(temp_name){
	if (elem(temp_name)) elem(temp_name).style.display = 'block';
	if (temp_name == 'detail_map') mount_map();
}

var elem = function(elem_name){
	if (document.getElementById(elem_name)) return document.getElementById(elem_name);
}

var allReplace = function(text, sText, rText){
	while (true){
		dummy = text;
		text = dummy.replace(sText, rText);
		if (text == dummy) break;
	}
	return text;
}

Kaas.addEvent(window, 'load', mount_map);

/******************************************************************************************
*/

var concepthouse = {
	common: {
		houseNum: false,
		houseCode: false,
		rootDir: '/',
		baseDir: '/concepthouse/'
	},
	photoGallery: {
		data: Array(),
		activeMode: false,
		make: function(){
			var out_html = '';
			if (concepthouse.photoGallery.data.length > 0){
				out_html += '<h4>Photo Gallery</h4>';
				out_html += '<p id="adjP2" class="adjFontSize-S">左右の矢印ボタンで写真が動き、写真をクリックすると画像が拡大表示されます。</p>';
				out_html += '<div class="gallery">';
				out_html += '<p class="arwA"><img src="'+concepthouse.common.rootDir+'img/arw_gallery0_alpha.gif" alt="左へスライド" /></p>';
				out_html += '<div class="imageGallery">';
				out_html += '<ul>';
				for(i=0; i<concepthouse.photoGallery.data.length; i++){
					var part = concepthouse.photoGallery.data[i];
					out_html += '<li><a href="'+concepthouse.common.baseDir+'img/concepthouse'+concepthouse.common.houseNum+'/'+part.large+'">';
					out_html += '<img src="'+concepthouse.common.baseDir+'img/concepthouse'+concepthouse.common.houseNum+'/'+part.mini+'" alt="" />';
					out_html += '</a></li>';
				}
				out_html += '</ul>';
				out_html += '</div>';
				out_html += '<p class="arwB"><img src="'+concepthouse.common.rootDir+'img/arw_gallery1_alpha.gif" alt="右へスライド" /></p>';
				out_html += '</div>';
				document.getElementById('concepthouseInner').innerHTML += out_html;
				
				concepthouse.photoGallery.activeMode = true;
			}
		},
		lightBoxActive: function(){
			$(".imageGallery li img").css({width:"120px",height:"90px"});
			$(".imageGallery").jCarouselLite({ btnNext: ".arwB", btnPrev: ".arwA", circular: false });
			$(".imageGallery").css({width:"662px"});

			$('.imageGallery a').lightBox();
		}
	},
	askButton: {
		make: function(){
			var link_url = concepthouse.common.rootDir+'contact/';
			if (concepthouse.common.houseCode) link_url += '?cd='+concepthouse.common.houseCode;
			var out_html = '<p class="aR"><a href="'+link_url+'">';
			out_html += '<img src="'+concepthouse.common.rootDir+'img/contact_red_alpha.gif" alt="この物件のお問い合わせ" />';
			out_html += '</a></p>';
			document.getElementById('concepthouseInner').innerHTML += out_html;
		}
	},
	planBox: {
		data: Array(),
		make: function(){
			if (concepthouse.planBox.data){
				var out_html = '';
				out_html += '<h4 id="adjH2">間取り Plan</h4>';
				out_html += '<ul id="planBox" class="clearfix">';
				for(i=0; i<concepthouse.planBox.data.length; i++){
					var part = concepthouse.planBox.data[i];
					out_html += '<li><a href="'+concepthouse.common.baseDir+'img/concepthouse'+concepthouse.common.houseNum+'/'+part.mini+'" title="'+part.title+'">';
					out_html += '<img src="'+concepthouse.common.baseDir+'img/concepthouse'+concepthouse.common.houseNum+'/'+part.large+'" alt="'+part.title+'" />';
					out_html += '</a><span>'+part.title+'</span></li>';
				}
				out_html += '</ul>';
				out_html += '<p class="pageTop"><a href="#wrapper" title="このページの上まで戻る">このページの上まで戻る</a></p>';
				
				document.getElementById('concepthouseInner').innerHTML += out_html;
			}
		}
	},
	aroundStr: {
		data: Array(),
		make: function(){
			if (concepthouse.aroundStr.data){
				var out_html = '';
				for(i=0; i<concepthouse.aroundStr.data.length; i++){
					var part = concepthouse.aroundStr.data[i];
					if (i % 2 == 0) out_html += '<div class="clearfix">';
					out_html += '<div>';
					if (part.photo) out_html += '<p><img src="'+concepthouse.common.baseDir+'img/'+part.photo+'" alt="" /></p>';
					out_html += '<p class="caption">'+part.title+'</p>';
					out_html += '</div>';
					if (i % 2 == 1) out_html += '</div>';
				}
				if (concepthouse.aroundStr.data.length % 2 > 0) out_html += '</div>';
		
				document.getElementById('location').innerHTML = out_html;
			}
		}
	},
	mainArea: {
		data: Array(),
		make: function(){
			if (concepthouse.mainArea.data){
				var part = concepthouse.mainArea.data;
				var out_html = '<h3 id="topHl"><img src="'+concepthouse.common.baseDir+'img/concepthouse'+concepthouse.common.houseNum+'/'+part.mainImage+'" alt="'+part.mainTitle+'" /></h3>';
				out_html += '<div id="infoBox" class="clearfix">';
				out_html += '<p class="fL"><img src="'+concepthouse.common.baseDir+'img/concepthouse'+concepthouse.common.houseNum+'/'+part.leftImage+'" alt="物件画像" /></p>';
				out_html += '<p class="fR"><img src="'+concepthouse.common.baseDir+'img//concepthouse'+concepthouse.common.houseNum+'/'+part.rightImage+'" alt="物件情報" /></p>';
				out_html += '</div>';
				document.getElementById('concepthouseInner').innerHTML = out_html;
			}
		}
	}
}

Kaas.addEvent(window, 'load', function(){
	if (document.getElementById('concepthouseInner')){
		concepthouse.mainArea.make();	//	メインエリア
		concepthouse.photoGallery.make();	//	フォトギャラリー
		concepthouse.askButton.make();	//	お問い合わせ
		concepthouse.planBox.make();	//	間取り
		concepthouse.aroundStr.make();	//	周辺環境
		
		if (concepthouse.photoGallery.activeMode) concepthouse.photoGallery.lightBoxActive();
		$('#planBox a').lightBox();
	}
});