// 初期設定
var imageListTag = document.getElementsByTagName('a')
var imageList    = [];

// 
function photoAlubumInit(){
	for( var i=0; i < imageListTag.length; i++ ){
		if( imageListTag[i].getAttribute('rel') ){
			if( !targetNum ){
				var targetNum = 0;
			}
			var temp    = new Array();
			var refName = imageListTag[i].getAttribute('ref');

			temp['title'] = imageListTag[i].getAttribute('title');
			temp['href']  = imageListTag[i].getAttribute('href');

			imageList.push(temp);
			imageListTag[i].id = targetNum;
	
			// event
			Event.observe( imageListTag[i], 'mouseover', function(event){
				this.className = '';
			});
			Event.observe( imageListTag[i], 'mouseout', function(event){
				this.className = '';
			});
			imageListTag[i].onclick = function(e) { changeImage(this); return false; };

			targetNum++;
		}
	}

};

// 画像切り替え
function changeImage(obj){
	var targetNum = obj.id;
	var targetImageId = 'targetImage' + obj.getAttribute('rel');
	//alert(targetNum + " : " + targetImageId);

	$(targetImageId).childElements().each(function(elm){elm.remove()});

	var p = document.createElement('p');
	p.innerHTML = imageList[targetNum].title;

	var div = document.createElement('div');
	div.innerHTML = '';
	div.className = '';
	div.id        = '';

	var img = document.createElement('img');
	img.src = imageList[targetNum].href;
	img.className = '';
	img.onclick = function(e) {
		var imagePath = this.src.replace(/_l/, '');
		window.open(imagePath, 'images');
		return false;
	};

	div.appendChild(img);
	div.appendChild(p);
	$(targetImageId).appendChild(div);
};

Event.observe( window, 'load', function(event){photoAlubumInit();});
//Event.observe( window, 'load', function(event){photoAlubumInit();changeImage(0);});
//window.onload = changeImage(0);