if (__items === undefined){
	var  __items = new Array();
}
//=====================================================================================================//
function CImgSelector(id) {
	if (this == window)
		return new CImgSelector(id);
	if  (__items[id] === undefined){
		this.init(id);
	}
	else
		return __items[id];
};
//=====================================================================================================//

//=====================================================================================================//
CImgSelector.prototype.init = function(_id){ // инициализатор
	this.id = _id;
	
	__items[this.id] = this;
	
	this.maxindex = -1;
	this.bordersize = 5;
	this.bordercolor = '#D9554C';
	this.nobordercolor = '#FFFFFF';	
	this.fontcolor = '#00AFD0';
	this.buildborder();
}
//=====================================================================================================//
CImgSelector.prototype.buildborder = function(_id){ // buildborder
	this.border = 	this.bordersize + 'px ' + this.bordercolor + ' solid';
	this.noborder = this.bordersize + 'px ' + this.nobordercolor + ' solid';
}
//=====================================================================================================//
CImgSelector.prototype.initSelect = function(_id){ // инициализатор
	this.select = document.getElementById(_id);
	if (this.__imgs === undefined){
		this.__imgs     = new Array();		
		this.__indexes  = new Array();	
		this.__indexord = new Array();		
	}
}
//=====================================================================================================//
CImgSelector.prototype.onselect = function(value){
	
	for (var key in this.__imgs)	
		if (this.__imgs[key].style !== undefined)
			this.__imgs[key].style.border = this.noborder;
	this.__imgs[value].style.border = this.border;	
	this.select.options[this.__indexes[value]].selected = true;	
	if (this.select.onchange) 
		this.select.onchange.call(this.select);	
}
//=====================================================================================================//
CImgSelector.prototype.addItem = function(value,imgSrc, title){ // ассоциирует картинку со значением selectа
	this.maxindex ++;
	this.__indexes[value] = this.maxindex;
	this.__indexord[this.maxindex]=value;
	var img = document.createElement('IMG');
		img.src = imgSrc;
		img.listItemVal   = value;
		if (title !== undefined){
			img.listItemTitle = title;
			img.alt = title;
			img.title = title;
		}
		img.selector = this;
		img.style.border = this.noborder;
		img.onclick = function(e){this.selector.onselect(this.listItemVal)};
	this.__imgs[value] = img;
}
//=====================================================================================================//

CImgSelector.prototype.show = function(labeled, width, height){ //скрывает обычный селект и печатает картиночный тут через document.write
	this.buildborder();
	this.select.style.display = 'none';
	document.write("<div id='images_"+this.id+"' style='color:"+this.fontcolor+"; font-weight:bolder;'></div>");
	var img;
	var fspan;
	var div = document.getElementById("images_"+this.id);
	
	for (var key in this.__indexord){
		
		img = this.__imgs[this.__indexord[key]];
		if (img === undefined)	continue;
		if (width  !== undefined) img.width = width;
		if (height !== undefined) img.height = height;
		
		fspan = document.createElement('div');
		//alert (img);
		fspan.appendChild(img);
		if (labeled === true){
		fspan.appendChild(document.createElement('br'));
		if (img.listItemTitle === undefined)
			fspan.appendChild(document.createTextNode (' '));	
		else
			fspan.appendChild(document.createTextNode (img.listItemTitle));
		}
		fspan.style.textAlign="center";
		fspan.style.display  ="block";
		fspan.style.styleFloat = "left";
		fspan.style.cssFloat = "left";
		 
	
		div.appendChild(fspan);
	}
	
	this.onselect(this.__indexord[this.select.selectedIndex]);
}