$(document).ready(function(){
	$('div.search input.date').datepicker({
		inline: true,
		dateFormat: 'yy-mm-dd'
//		showButtonPanel: true
	});

	websites = new Array();

	$('div.search input.submit').click(function(){
		//console.log($('div.search input.date').val());
		 
		$.ajax({
			url: "/profile/search",
			type: 'post',
			dataType: 'json',
			data: 'date='+$('div.search input.date').val(),
			success: function(data, responseCode){
				
				$('div.rows > *').remove();
				$('div.rows').append('<div class="row"><div class="cell">&nbsp;</div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cls"></div></div>');
				$.each(data, function(index, value){
					websites.push(value.website);

					var anchor = value.website.length ? '<a href="http://'+value.website+'" target="_blank">'+value.website+'</a>' : '&nbsp;';
					var str = '<div class="row"><div class="cell">'+value.name+' '+value.surname+'</div><div class="cell">'+anchor+'</div>';
					str += '<div class="cell">'+value.phone+'</div><div class="cell">'+value.city+'</div><div class="cls"></div></div>';
					$('div.rows').append(str);
					
				});
				$('div.rows').append('<div class="row"><div class="cell">&nbsp;</div><div class="cell"></div><div class="cell"></div><div class="cell"></div><div class="cls"></div></div>');

			}
		});

	});

	$('div.result div.footer div.open-in-tabs').click(function(){
		for (i=0,size=websites.length;i<size;++i)
			window.open('http://'+websites[i]);
	}); 
});