HeadPic = Class.create();
HeadPic.extend({
	path:'/public/images/face/',
	container:'headPicContainer',
	input:'form_photo',
	current:null,
	handle:"openPic",
	box:null,
	init:function(id,cur){
		this.box = id;
		this.current = cur;
		var imgHandle = new Element('img',{'src':this.img('open'),"id":this.handle});
		imgHandle.setStyle('cursor','pointer');
		var input = new Element('input',{'name':'comment[photo]',"value":cur,
		'type':'hidden','id':this.input});
		imgHandle.addEvent('click',HeadPic.open);
		$(id).adopt(imgHandle);
		$(id).adopt(input);
	},
	img:function(num){
		return this.path+num+'.gif';
	},
	open:function(){
		if(!$(HeadPic.container)){
			var div = new Element('div',{'id':HeadPic.container});
			var my = this;
			for(i=1;i<16;i++){
				var src = HeadPic.img(i);
				var img = new Element('img',{"id":"headPic"+i,'src':src});
				img.addEvent('click',select(i));
				div.adopt(img);
			}
			$(HeadPic.box).adopt(div);
		}else{
			$(HeadPic.container).setStyle('display','inline');
		}
		function select(i){
			return function(){
				$(HeadPic.input).set('value',i);
				HeadPic.current = i;
				$(HeadPic.container).setStyle('display','none');
				$(HeadPic.handle).set('src',HeadPic.img(i));
			}
		}
	}
})