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 = 0;
	this.bordercolor = '#D9554C';
	this.nobordercolor = '#FFFFFF';	
	this.fontcolor = '#000000';
	this.fontfamily = 'Arial, Helvetica, Sans-serif';
	this.tickp = "";
	this.buildborder();
	
}
//=====================================================================================================//
CImgSelector.prototype.buildborder = function(_id){ // buildborder
	this.border = 	this.bordersize + 'px ' + this.bordercolor + ' solid';
	this.noborder = this.bordersize + 'px ' + this.nobordercolor + ' solid';
	
	this.tick = document.createElement("div");
	this.tick.style.backgroundImage = "";
	this.tick.style.cssText = "width: 22px; height: 22px; position: absolute; margin-top: 9px; margin-left: 9px;"+
	"background-image: url('"+this.tickp+"'); -background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.tickp+"');";
}
//=====================================================================================================//

//=====================================================================================================//
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){
//	alert(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.__imgs[value].parentNode.insertBefore(this.tick,this.__imgs[value]);
	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';

	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";
		fspan.style.cursor = "pointer"; 
	
		div.appendChild(fspan);
	}
	
	this.onselect(this.__indexord[this.select.selectedIndex]);
}