/**
 * imagebox.js
 * 
 * version:	lightbox 3.x
 * date: 2010-02-17
 * Author: Fujiwara
 *
 */


var imageBox = {

	init: function(data){
		
		for (var i = 0, l =data.length; i < l; i++) {

			if(document.getElementById(data[i].parentBox)) {
				this.set(document.getElementById(data[i].parentBox), data[i]);
				
			} else {
				
				var _div = document.getElementsByTagName('div');
				
				for(var j = 0, m = _div.length; j < m; j++) {
					if(this.hasClassName(_div[j], data[i].parentBox)) this.set(_div[j], data[i]);	
				};
			};
		};
	},

	
	set: function(_div, data){
	
		var _img = _div.getElementsByTagName('img');
		
		for(var i = 0, l = _img.length; i < l; i++) {
			
			if(this.hasClassName(_img[i], data.image)){
				var _src = _img[i];
				var _dSrc = _src.src;
				var lightBox = _src.parentNode
			};
		};
		
		
		var _tags = _div.getElementsByTagName('*');

		for(var j = 0, l = _tags.length; j < l; j++) {
						
			if(this.hasClassName(_tags[j], data.text)){
				var _text = _tags[j];
			};
			
		};
		
		
		for(var q = 0, l = _tags.length; q < l; q++) {
						
			if(this.hasClassName(_tags[q], data.thumbnail)){
				var _a = _tags[q].getElementsByTagName('a');
				
				for(var k = 0, l = _a.length; k < l; k++) {
					
					if(data.mouse == 'mouseover'){
						this.mouseoverEvent(_a, k, _src, _dSrc, _text, data);
						
					} else {
						this.mouseEvent(_a, k, _src, _text, data, lightBox);
					}
				};
			};
		};
	},

	
	mouseEvent: function(_a, k, _src, _text, data, lightBox){
		
		_a[k].onclick = function(){
			_src.src = this.href;
			if(data.data) _text.innerHTML = data.data[k];
			lightBox.setAttribute('href', data.imgFile[k]);
			return false;
		};
	},
	
	
	mouseoverEvent: function(_a, k, _src, _dSrc, _text, data, lightBox){
	
		_a[k].onmouseover = function(){
			_src.src = this.href;
			if(data.data) _text.innerHTML = data.data[k];
		};
		
		_a[k].onmouseout = function(){
			_src.src = _dSrc;
			if(data.data) _text.innerHTML = data.data[0];
		};

		_a[k].onclick = function(){
			return false;
		};
		
	},
	
	
	hasClassName: function(target, value) {
		var c = target.className.split(' ');
		var i = c.length;
		while(i--) {
			if (c[i] == value) {
				return true;
				break;
			}
		}
	}

};

window.onload = function() { imageBox.init(imageBox.box)};


imageBox.box = [
	{
		parentBox: 'eBox',
		lightBox: 'light2',
		imgFile: [
				  './img/simuration-large01.jpg',
				  './img/simuration-large02.jpg',
				  './img/simuration-large03.jpg',
				  './img/simuration-large04.jpg',
				  './img/simuration-large05.jpg',
				  './img/simuration-large06.jpg',
				  './img/simuration-large07.jpg',
				  './img/simuration-large08.jpg',
				  './img/simuration-large09.jpg',
				  './img/simuration-large10.jpg'
				  ],
		image: 'iBox',
		thumbnail: 'iList',
		text: 'ex',
		data: [
			   'シンプルなグレー系カラーでまとめればスタイリッシュな仕上がりに。うるさくならず、飽きがこないベーシックなスタイルは多くの方に人気。',
			   'やわらかいイエローと落ち着いた濃紺のコントラストで、欧風テイストのできあがり。あまり見られない明るいイエローでも、引き締め色を使えば品のある雰囲気が出てきます。',
			   '目を惹くオレンジ系のブラウンとやわらかいベージュが、落ち着きのなかにもイキイキとした明るい印象を与えます。締め色に濃いブラウンを入れることでカジュアルになりすぎず、品よくまとまります。',
			   '個性的な住まいをお求めなら、グリーン系のさわやかなカラーはいかが？鮮やかな色遣いがヨーロッパの可愛らしい家をイメージさせます。',
			   '濃いブラウンを使ってシックかつエレガントな佇まいに。天窓や雨樋のホワイトがアクセントとなって、暗くならずに重厚感を醸し出しています。',
			   '可愛らしさと大人の上品さをかねそなえたパープル系カラーは、おしゃれな奥様のあいだで隠れた人気色。もっと遊び心のある住まいの外観であれば、より映えるでしょう。カラーリングまで想定して外観デザインを練りたい！というこだわり派の方にぜひ。',
			   'とにかく憧れの真っ白な家にしたい！という方にはこちら。清潔感ある白は永遠の人気カラーです。汚れがあまり目立たない塗料もご提案できますので、あきらめずにご相談ください！',
			   '外壁がパッと目をひく明るいオレンジでも、屋根を濃い色にすることで、ぼやけることなく存在感ある佇まいになります。派手すぎず、落ち着きすぎない絶妙な色合いは「他の家と違うカラーリングにしたい」というご家庭におすすめ。',
			   '濃いめのグレー、薄いグレー、抜けるようなホワイト、そしてブラックの屋根と、落ち着いたモノトーンの配色。色の明るさと使用する壁面のバランスを考えることで、モダンかつメリハリのある外観になります。',
			   '「普通のカラーリングにはしたくない、けどあまり冒険もしたくない<span class="jp">……</span>」そんなご家庭にぴったりなのが、落ち着いたカーキグリーン。明るいホワイト系の色を使うことで、独自の雰囲気に染まりすぎずも、他の家と差をつけられます。'
			   ]
	}
];