/* wall.js */

var experienta = {

	selectie : function(tip) {

		$('#overlay-wrap').css('width','800px');
		$('#overlay-content').css('width','800px');

		frame_html = 	'<div id="overlay-box-top-800"></div>' + 
						'<div id="overlay-box" class="overlay-box-800">' + 
				    		'<a href="#" onclick="javascript:closeOverlay(1); return false;" class="overlay-close" title="Inchide">' + 
		        			'<img src="'+loader.imgPath+'/overlay-close.png" alt="X" />' +							
    						'</a>' + 
							'<div id="loader" style="text-align:center; padding-top:200px;"><img src="'+loader.imgPath+'/ajax-loader.gif"/></div>' +
						'</div>' + 
						'<div id="overlay-box-bottom-800"></div>';

		content_html = '<h1>Alege '+((tip == 'domeniu') ? 'un domeniu' : 'o meserie')+'</h1>' + 
					'<div id="metoda1" style="width:60%; float:left;"> ' + 
						'<h2>Metoda 1. Cauta dupa ramura:</h2> ' +
						'<ul id="list" style="position:relative; overflow-y:scroll;"></ul>' +						
					'</div>' + 
					
					'<div id="metoda2" style="width:40%; float:right;">' + 
						'<h2>Metoda 2. Cauta dupa cuvinte-cheie:</h2>' + 
						'<p><span class="input-autocomplete-loading">' + 
							'<input type="text" name="search-item" id="search-item" class="text" style="width:293px;" />' + 
							'<img src="'+loader.imgPath+'/loading_16x16.gif" alt="Loading" id="input-autocomplete-loading-domeniu" style="display:none;"/>' + 							
						'</span></p>' + 
						'<h2>Domenii selectate:</h2>' + 
						'<ul class="selected-items" id="selected-items"></ul>' + 
					'</div><div class="clr"></div>' + 
					'<form action="#" method="post">' + 
						'<p class="center" style="display:block; border-top:1px solid #ddd; margin-top:20px; padding-top:10px;"><span class="input-btn"><input type="button" value="Valideaza selectia" class="btn" onclick="javascript: experienta.saveItems(\''+tip+'\'); return false;" /></span></p>' + 
					'</form>';

		$('#overlay-content').html(frame_html);		

		$('#overlay').show();
		$('#overlay-content').show();

		wh = $(window).height();
		w80percent = Math.round(wh*80/100);
		rems = 180;

		$.post(loader.baseUrl+'/ajax_responses/completeaza_cv/ajaxExperientaRadacina', { 'tip':tip } , function (data) {

			$('#loader').hide();
			$('#overlay-box').html( $('#overlay-box').html() + content_html );

			$("#list").css('height', (w80percent-rems)+'px');
			$("#selected-items").css('height', (w80percent-rems-61)+'px');

			$("#selected-items").html( $('#'+((tip == 'domeniu') ? 'sectoare' : 'meserii')+'-selectate').html() );

			if ($('#selected-items li').length == 0) {
				$('#selected-items').html('<span id="items-gol"><span class="orange">Nu ai ales nimic.</span><br><br>Selecteaza folosind una dintre cele doua metode de cautare.</span>');
			}

			$('#list').html( data );

			$('#search-item').autocomplete({
					 source: function(req, add){
						$.ajax({
							url: loader.baseUrl+'/ajax_responses/completeaza_cv/populateArboreSearch/'+((tip == 'domeniu') ? 'cat_domenii_activitate' : 'cat_meserii'),
							dataType: 'json',
							type: 'POST',
							data: req,
							success:function(data){ add(data); }
						})
					},
					minLength: 2,
					autoFill:true,
					highlight:true,
					scroll:true,
					selectFirst:true,
					matchContains: true, 
					search: function( event, ui ) { $('#input-autocomplete-loading-'+((tip == 'domeniu') ? 'domeniu' : 'meserie')).show(); }, 
					open: function( event, ui ) { $('#input-autocomplete-loading-'+((tip == 'domeniu') ? 'domeniu' : 'meserie')).hide(); }, 
					select: function( event, ui ) { 
						if (ui.item.value != 'Nu am gasit') { experienta.selectItem(ui.item.id, ui.item.value); }
						$('#search-item').val(''); return false;
					},
					close: function( event, ui ) { 				
						$('#input-autocomplete-loading-'+((tip == 'domeniu') ? 'domeniu' : 'meserie')).hide(); 
						if ($('#search-item').val() == 'Nu am gasit') {
							$('#search-item').val('');
						}
					}
			});

		});
	}, 
	
	expandArbore : function(tip, id) {
		$('#loader').show();
		$.post(loader.baseUrl+'/ajax_responses/completeaza_cv/ajaxExperientaCopil', { 'tip':tip, 'id':id } , function (data) {
			$('#loader').hide();
			$('#list').html( data );			
		});				
	},
	
	selectItem : function(id, name) {
		$('#items-gol').html('');
		$('#selected-items').html($('#selected-items').html() + '<li id="item-'+id+'"><a href="#" onclick="javascript: experienta.removeItem('+id+'); return false;">sterge</a> '+name+'</li>');
	}, 

	removeItem : function(id) {
		
		$('#item-'+id).remove();
		
		if ($('#selected-items li').length == 0) {
			$('#selected-items').html('<span id="items-gol"><span class="orange">Nu ai ales nimic.</span><br><br>Selecteaza folosind una dintre cele doua metode de cautare.</span>');
		}
	},

	saveItems : function(tip) {
		// sterge cele vechi selectate
		$('#'+((tip == 'domeniu') ? 'sectoare' : 'meserii')+'-selectate').html('');

		$('#selected-items li').each( function() {
			id = $(this).attr('id');
			foo = id.split('-');
			id = foo[1];
				$('#'+((tip == 'domeniu') ? 'sectoare' : 'meserii')+'-selectate').append('<li id="item-'+id+'"><input type="hidden" id="'+((tip == 'domeniu') ? 'sectoare' : 'meserii')+'_'+id+'" name="'+((tip == 'domeniu') ? 'sectoare' : 'meserii')+'_'+id+'" value="'+id+'">'+$(this).html()+'</li>');
		});
		$('#selected-items').remove();
		closeAllOverlays();
	}

}