var data = new Array();


function removeChildAll(elm) {
	var child;
	while (child = elm.childNodes[0]) {
		elm.removeChild(child);
	}
}

function assigntext(elm, text)
{
	removeChildAll(elm);
	var node = document.createTextNode(text);
	elm.appendChild(node);
}
function assignmovie(id) {
	return false;
}

function assignimage(id) {
	var value = data[id];
	var elm = document.getElementById('showbox');
	if (!elm) {
		return false;
	}
	removeChildAll(elm);

	var img = document.createElement('img');
	img.setAttribute('src', value.image);
	img.setAttribute('width', 320);
	img.setAttribute('height', 240);
	img.setAttribute('id', 'image');

	elm.appendChild(img);

	var comment = document.getElementById('comment');
	if (comment) {
		assigntext(comment, value.comment);
	}
	return true;
}

function select(id, checkonly) {
	var value = data[id];

	if (value.id == myid) {
		return true;
	}
	if (!value) {
		return false;
	}

	var newelm = document.getElementById('caption_'+value.id);
	if (! newelm) {
		return false;
	}
	if (checkonly) {
		return true;
	}
	e = document.getElementById('IMAGE'); if (e) e.setAttribute('src', value.image);

	document.getElementById('caption_'+myid).className = 'image_nosel';
	myid = value.id;
	document.getElementById('caption_'+myid).className = 'image_sel';

	return true;
}

function change_image(e) {
	var elm = e.target;
	if (elm.id == '' && elm.parentElement.id != '') {
		elm = elm.parentElement;
	}
	var id = elm.id.substr(8,99);
	return !select(id, false);
}

function  keydown() {
	var keyCode = event.keyCode;
	if (keyCode == 32) {
		return click_next();
	} else if (keyCode == 32) {
		return click_prev();
	}
	return true;
}


function eventIE2DOM(e) {
	this.target       = e.srcElement;
	this.cancelBubble = e.cancelBubble;
	this.keyVal       = e.keyCode;
}

function addlistener(elm, event, func) {
    if (elm.addEventListener) {
	var eventfunc = function(e) { if (!func(e)) { e.preventDefault(); } }
        elm.addEventListener(event, eventfunc, false);
        return true;
    } else if (elm.attachEvent) {
	var eventfunc = function() { var e = new eventIE2DOM(window.event); return func(e); } ;
        var r = elm.attachEvent('on' + event, eventfunc);
        return r;    
    } else {
        elm['on' + event] = func;
    }
}
function addlistenerbyId(id, event, func) {
	var elm = document.getElementById(id);
	return addlistener(elm, event, func);
}

function setuplistener(e) {
	for ( var key in data ) {
		addlistenerbyId('a_' + data[key].id, 'click', change_image);
	}
	return true;
}

function add(id, caption, image) {
	var value = new Array();
	value['id'] = id;
	value['caption'] = caption;
	value['image'] = image;
	data[id] = value;
}

addlistener(window, 'load', setuplistener);