$(function() {
		   
	// Safer Mailto's
	$("a[rel='email']").safeMailTo();

	
	// Init our scroll pane.
	$(function() {
		var $pane = $('#results');
		$pane.jScrollPane({animateTo:true, animateInterval:50, animateStep:3, showArrows:false, scrollbarWidth: 6, 
						   reinitialiseOnImageLoad:true});
		
		$('a.scroll-to-element').bind(
			'click',
			function()
			{
				var targetElementSelectorString = $(this).attr('rel');
				$pane[0].scrollTo(targetElementSelectorString);
				return false;
			}
		);
		
	});
		   
	// Load Results XML   
	$.get('data/results.xml', function(data) {
		$('#results ul').empty();

		$(data).find('article').each(function(index){
			// Extract Tags
			var $newsitem = $(this);
			var $publication = $newsitem.find('publication').text();
			var $image = $newsitem.find('logo').text();
			var $date = $newsitem.find('date').text();
			var $title = $newsitem.find('title').text();
			var $url = $newsitem.find('url').text();
			
			// Structure HTML for Results Section
			var html = '<li>';
			html += '<img src="'+ $image +'" alt="'+ $publication +'" />';
			// html += '<strong>'+ $date +'</strong> :: ';
			html += '<a href="'+ $url +'" target="_blank">'+ $title +'</a>';
			html += '</li>';
			
			// Add HTML
			$('#results ul').append($(html));
			
			// Refresh the scroll bar.
			$('#results').jScrollPane({reinitialiseOnImageLoad:true});
		});
	});
	
	
	// Load Experience XML   
	$.get('data/experience.xml', function(data) {
		$('#experience').empty();

		$(data).find('company').each(function(index){
			// Extract Tags
			var $companyItem = $(this);
			var $name = $companyItem.find('name').text();
			var $image = $companyItem.find('logo').text();
			var $url = $companyItem.find('url').text();
			
			// Structure HTML for Experience Section
			
			var html = '';
			html += '<span><a href="' + $url + '" target="_blank">';
			html += '<img src="'+ $image +'" alt="'+ $name +'" border="0" />';
			html += '</a></span>';
			
			// Add HTML
			$('#experience').append($(html));
			
		});
		
		// Start the scroller.
		initExpScroller();
	});
	
	
	// Handle our modal clicks
	$('a.bioLink').click(function(evt) {
		evt.preventDefault();
		$('#basicModalContent').modal({overlay:90, close:false, onShow: function (dialog) {
			  dialog.overlay.one('click', function () {
					$.modal.close();
			  });
			  $('#basicModalContent .closeLink').click(function(evt) {
					evt.preventDefault();
					$.modal.close();
			  });
		   }
		});
	});
	
});

function initExpScroller() {
	// Initialize the scroller.
	$("#experienceInner").imageScroller({
		frame:"experience",
		child:"span",
		auto:true,
		scrollCount:5,
		duration:8000
	});
}