window.addEvent('domready', function () {
//	$$('.textboxlist-bit-editable-input').addEvent('keyup', function(ev){
//	});
	if ($('ville') && !$('ville').hasClass('no-auto')) {
		var citySearch = new TextboxList(
			'ville', 
			{
				unique: true, 
				plugins: {
					autocomplete: 
					{
						minLength	: 1,
						queryRemote	: true,
						remote		: {url: 'js/citysearch.js.php'}
					}
				},
				onBitAdd : handleSecteurChangeEvent,
				onBitRemove : removeSecteurEvent
			}
		);
		if ($('ville-ids')) {
			$('ville').set('value', $('ville-ids').get('value'));
		}
	}
	
	if ($('ville2') && !$('ville2').hasClass('no-auto')) {
		var citySearch = new TextboxList(
			'ville2', 
			{
				max:1,
				unique: true, 
				plugins: {
					autocomplete: 
					{
						minLength	: 1,
						queryRemote	: true,
						remote		: {url: 'js/citysearch.js.php'}
					}
				},
				onBitAdd : handleSecteurChangeEvent,
				onBitRemove : removeSecteurEvent
			}
		);
		if ($('ville-ids')) {
			$('ville2').set('value', $('ville-ids').get('value'));
		}
	}
	
	if ($$('.slider').length > 0) {
		$$('.textboxlist-autocomplete-results').addEvent('click', function(ev){
//			if($$('.textboxlist-bit-box-deletable').length > 1) {
//				$$('.slider')[4].set('opacity', '0.1');
//			} else {
//				$$('.slider')[4].set('opacity', '1');
//			}
//			$$('.textboxlist-bit-box-deletebutton').addEvent('click', function(ev){
//				if($$('.textboxlist-bit-box-deletable').length > 1) {
//					$$('.slider')[4].set('opacity', '0.1');
//				} else {
//					$$('.slider')[4].set('opacity', '1');
//				}
//			});
//			$$('.textboxlist-bit-editable-input').addEvent('keyup', function(ev){
//				if($$('.textboxlist-bit-box-deletable').length > 1) {
//					$$('.slider')[4].set('opacity', '0.1');
//				} else {
//					$$('.slider')[4].set('opacity', '1');
//				}
//			});
//			handleSecteurChangeEvent(ev);
		})
	}
});

function handleSecteurChangeEvent(value)
{
	if (value !== null && value.value != null) {
		var ville = value.value[1];
		if($('span-secteurs')) {
			$('span-secteurs').setStyle('display', 'inline');
			var spanVille = new Element('span', {
				id: 'span-secteur-' + value.value[0]
			});
			spanVille.addClass('span-secteur');
			spanVille.set('html', ville);
			spanVille.injectInside($('span-secteurs'), 'bottom');
			handleLastSecteurElem();
		}
	}
}

function handleLastSecteurElem()
{
	var lastElem = $$('.span-secteur').pop();
	$$('.span-secteur').each(function(elem){
		elem.set('html', elem.get('html').replace(', ', ''));
		elem.set('html', elem.get('html') + ', ');
	});
	
	if(lastElem) {
		lastElem.set('html', lastElem.get('html').replace(', ', ''));
	}
}

function removeSecteurEvent(bit)
{
	if (bit.value)
	if ($('span-secteur-' + bit.value[0])) {
		$('span-secteur-' + bit.value[0]).dispose();
	}
	if($$('.span-secteur').length == 0) {
		$('span-secteurs').setStyle('display', 'none');
	}
	handleLastSecteurElem();
}