// 初期設定
var imageListTag = [];
var imageList    = [];

// 
function photoAlubumInit(){
if($('imageAlbum')){
	imageListTag = $('imageAlbum').getElementsByTagName('a');
	for( var i=0; i < imageListTag.length; i++ ){
		if( imageListTag[i].getAttribute('rel') ){
			var temp = new Array();
			temp['title'] = imageListTag[i].getAttribute('title');
			temp['href']  = imageListTag[i].getAttribute('href');
			imageList[i] = temp;
			imageListTag[i].id = i;
			imageListTag[i].onclick = function(e) { changeImage(this.id); return false; };
		}
	}
}
};

// 指定したIDの子要素を削除する
function _deleteElements(targetId){
	if($(targetId).childNodes.length > 0){
		while($(targetId).childNodes.length > 0){
			$(targetId).removeChild($(targetId).childNodes[$(targetId).childNodes.length - 1]);
		}
	}
}


// 画像切り替え
function changeImage( targetNum ){
	//$('targetImage').childElements().each(function(elm){elm.remove()});
	_deleteElements('targetImage');
	$('targetImage').style.display = 'block';

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

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

	var img = document.createElement('img');
	img.src = imageList[targetNum].href;
	//img.onclick = function(e) { window.open(this.src, 'images');return false; };
	img.onclick = function(e){
		$('targetImage').style.display = 'none';
	}

	div.appendChild(img);
	div.appendChild(p);
	$('targetImage').appendChild(div);
};

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

window.onload = photoAlubumInit;