var specialismcount;


$(document).ready(function() {

	initCitySuggest();
	$('#inpWebsite').blur(function() {
		if ($('#inpWebsite').val().length > 0 )
		{
			website = $('#inpWebsite').val();
			if (website.substr(0,7) !== 'http://' && website.substr(0,8) != 'https://')
			{
				$('#inpWebsite').val('http://'+website);
			}
		}
	});
	
	$('#busdirsearchbutton').click(function()
	{
		$('#frmBusDirSearch').submit();
		return false;
	});
	
	// also going to initiate the listing type
	$("#inpListingType").change( function() {
		if ($(this).val() == 'Business') $("#busregform").removeClass('individualregistration');
		else $("#busregform").addClass('individualregistration');
	});
	
	specialismcount = $('.busspecialism').length;
	
	$('#addnewspecialism').click(function(){
		
		if ($('.busspecialism').length >= 6 ) return false;

		specialismcount++;
		$('.busspecialism:last').clone().appendTo('#specialisms').find('select').val('').attr('id', 'specialism'+specialismcount);
		
		if ($('.busspecialism:last .removespecialism').length == 0)
		{
			// need to add remove button
			$('<a href="#" class="removespecialism">Remove</a>').appendTo('.busspecialism:last');
		}
		$('.busspecialism:last .removespecialism').click(function()
		{
			removeSpecialism(this);
			return false;
		});
	
		$('.busspecialism:last label').attr('for','specialism'+specialismcount);
		
		return false;
		
	});
	
	$('.removespecialism').click(function()
	{
		removeSpecialism(this);
		return false;
	});
		
});

function removeSpecialism(obj)
{
	var removespec = $(obj).parents('.busspecialism');
	$(obj).appendTo('body').hide();
	removespec.remove();
	return false;
}

function initCitySuggest() {

	initialiseCity($('#Country').val(), $('#inpOldNearestCity').val());
	$('#Country').change(function(){
		
		initialiseCity($('#Country').val(), '');
	});
	
}; 

function initialiseCity(country, city)
{
	if (country=='') strNoResults = 'Please select the country you live in first (above)';
	else strNoResults = 'City not found : please select your nearest city in this list';
	
	options = {
			showArrow: true,
			noResultsText: strNoResults,
			watermark: 'Select a city',
			arrowQuery: 'a',
			width: 177
	};
	$('.fb').after('<div class="fb" id="nearest_city"></div>').remove();
  	var cityfb = $('.fb').flexbox('suggestcity.php?c='+country, options);
  	if (city.length>0)
  	{
  		cityfb.setValue(city); // results.aspx is the page that returns json data in the expected format
  	}
  	
}