/*	SET PORTFOLIO WIDTH AND LAZY LOAD IMAGES
--------------------------------------------------*/
$(function(){
	var projectsWidth = $('#projects').width();
	$('#projectsContainer').css('width', projectsWidth + 'px');
   	$('img.lazy').jail({effect: 'fadeIn', speed : 200});
});


/*	CUSTOM SCROLLBAR
--------------------------------------------------*/
$(function(){
	$('.scroll-pane').each(
		function()
		{
			$(this).jScrollPane(
				{
					showArrows: $(this).is('.arrow')
				}
			);
			var api = $(this).data('jsp');
			var throttleTimeout;
			$(window).bind(
				'resize',
				function()
				{
					if ($.browser.msie) {
						// IE fires multiple resize events while you are dragging the browser window which
						// causes it to crash if you try to update the scrollpane on every one. So we need
						// to throttle it to fire a maximum of once every 50 milliseconds...
						if (!throttleTimeout) {
							throttleTimeout = setTimeout(
								function()
								{
									api.reinitialise();
									throttleTimeout = null;
								},
								50
							);
						}
					} else {
						api.reinitialise();
					}
				}
			);
		}
	)

});