YouFoot.competitionNameFind = {
	require: ['FindFilters', 'RemoteSlider'],

	init : function () {
		var findFilters = new FindFilters({container : '.find-filters .content-block'});
		$('#CompetitionNameCountry').quickselect();

		//attach events to form clearing buttons.
		$('#SearchForm .clear-field').clearField();
		var CompetitionSlider = new RemoteSlider({responseTemplate: YouFoot.Templates.competitionNameSlider});
		
		$('#CompetitionNameName').autocomplete(window.basePath + 'competition_names/suggest/like', {
			scrollHeight: 740,
			parse: function(item) {		
			var rows = new Array();
			data=eval('('+item+')');
			var begin_url = '';
			for(var i=0; i<data.length; i++){
				    if ( typeof(data[i].CompetitionName.created ) != "undefined" ) {
				    	begin_url = '/competition_names/view/';
				    }
				    var item = data[i].CompetitionName.name;
				    if(typeof(data[i].CompetitionName.nicknames) != "undefined" && data[i].CompetitionName.nicknames != ""){
				    	item = data[i].CompetitionName.name+", aka: "+data[i].CompetitionName.nicknames;
				    } 
				    data[i].CompetitionName.aka = item;
				 rows[i] = {data: data[i].CompetitionName, result: data[i].CompetitionName.name, value: begin_url+data[i].CompetitionName.slug};
				 begin_url = '';
			}
			return rows;
		},
		formatItem: function(result,row, i, n) {			
			if( typeof(result.linkimage) == 'undefined'){
				result.linkimage = '/img/content/1px-alpha.gif';
				return '<span style="white-space: normal;display: block; padding: 5px;">'+result.aka+'</span>';
			}else{
				return '<img height="25" width="25" title="'+result.name+'" src="'+result.linkimage+'"><span title="'+result.name+'">'+result.aka+'</span>';
			}
		}
	}).result(function(event, item,formatted) {
			location.href = formatted;
	});
		$('#CompetitionNameName').removeAttr("disabled");
	}
};