//var $=function(id){return document.getElementById(id);};

function initImageView(name) {
	var imageBar = document.getElementById('imageBar['+name+']');
	var container = document.getElementById('imageViewContainer['+name+']');
    var items = imageBar.getElementsByTagName("div");
	var num = items.length;
	imageBar.className = 'imageBar';
	container.className = 'imageViewContainer';
	var numberBar = '<ul id="numberBar['+name+']" class="numberBar">';
	for(var i=1;i<=num;i++) {
		if(i==1) document.getElementById(name+'['+i+']').className = 'imageLayerShow';
		else document.getElementById(name+'['+i+']').className = 'imageLayerHidden';
		numberBar += '<a href="javascript:showImage(\''+name+'\','+i+');" onclick="showImage(\''+name+'\','+i+');"><li>'+i+'</li></a>';
	}
	numberBar += '</ul>';
	var containerContent = container.innerHTML;
	container.innerHTML = containerContent+numberBar;
}

function showImage(name,image) {
	//var imageBar = $("imageBar["+name+"]");
    imageBar = document.getElementById('imageBar['+name+']');
	var items = imageBar.getElementsByTagName("div");
	var num = items.length;
	for(var i=1;i<=num;i++) {
        document.getElementById(name+'['+i+']').className = 'imageLayerHidden';
		//$(name+'['+i+']').className = 'imageLayerHidden';
	}
    document.getElementById(name+'['+image+']').className = 'imageLayerShow';
	//$(name+'['+image+']').className = 'imageLayerShow';
}