/* Author:
	David Pedersen
*/

$(document).ready(function () {

	$('body').append('<div id="shadow"></div>')

	var timer = 0,
	    delay = 10; //you can tweak this value
	var handler = function() {
	    timer = 0;
	    if ($(window).scrollLeft() > 0) {
				$('#shadow').hide();
				console.log('hidden');
			} else {
				$('#shadow').show();
				console.log('shown');
			};
	}

	$(window).scroll(function() {
	    if (timer) {
	        clearTimeout(timer);
	        timer = 0;
	    }
	    timer = setTimeout(handler, delay);
	});

   $('#img').cycle({
		fx: 'fade'
	});

});