// JavaScript Document
function add_new_pic(s,b){
	var array_count = pic.length;
	pic[array_count] = new Array();
	pic[array_count][0] = s;
	pic[array_count][1] = b;
}

function background_show(obj){
	var tr = document.getElementById('pic_ary');
	for( i=0; i<tr.getElementsByTagName('td').length ; i++){
		tr.getElementsByTagName('td')[i].style.backgroundColor = "";
	}
	obj.style.backgroundColor = "#FFFFFF";
}
/*function background_hidden(obj){
	obj.style.backgroundColor = "";
}*/

function pic_page(index){
	
	var tr = document.getElementById('pic_ary');
	for(i=tr.getElementsByTagName("td").length-1;i>=0;i--){
		tr.removeChild(tr.getElementsByTagName("td")[i]);
	}
	var td = document.createElement("td");
	td.width = '20px';
	td.align = 'center';
	td.valign = 'midden';
	if(index=='0'){
		td.innerHTML = '&nbsp;';
	}else{
		td.innerHTML = '<a onclick="pic_page(\''+(eval(index)-1)+'\')"><img src="images/L03_arr_01.png" border="0" style="cursor:pointer;" /></a>';
	}
	tr.appendChild(td);	
	
	for(i=index*5;i<index*5+5;i++){
		var td = document.createElement("td");
		if(pic[i] != null){
			td.innerHTML = '<a onclick="change_big(\''+pic[i][1]+'\');background_show(this.parentNode);" ><img src="images/'+pic[i][0]+'" border="0" style="cursor:pointer;" width="40" height="40" /></a>';
			/* onmouseover="background_show(this.parentNode);" onmouseout="background_hidden(this.parentNode);" */
		}else{
			td.innerHTML = '<img src="images/no_pic.jpg"/>';
		}
		td.width = '45px';
		td.height = '45px';
		td.align = 'center';
		td.valign = 'midden';
		tr.appendChild(td);
	}
	var td = document.createElement("td");
	td.width = '20px';
	td.align = 'center';
	td.valign = 'midden';
	if(index*5+5 >= pic.length){
		td.innerHTML = '&nbsp;';
	}else{
		td.innerHTML = '<a onclick="pic_page(\''+(eval(index)+1)+'\')"><img src="images/L03_arr_02.png" border="0" style="cursor:pointer;" /></a>';
	}
	tr.appendChild(td);	
}

function change_big(path){
	var big_pic = document.getElementById('big_pic');
	big_pic.src = 'images/'+path;
}