$(function() {

/* =What a drag!
------------------------------------------------------------ */

		$('#paul').draggable();
		
/* =Intro images
------------------------------------------------------------ */		

		$(window).load(function() {
		
		timer= setInterval(
				function(){
					$notLoaded = $('#grid img').not('.loaded');

					$notLoaded.eq(Math.floor(Math.random()*$notLoaded.length))
						.fadeIn(500)
						.addClass('loaded');
			
						if ($notLoaded.length == 0) {
						clearInterval(timer);
						}
    		  	}, 25);
		});
		
		$('#grid').hover(function() {
			$('#iphone-flag').slideDown(750);
		});
		
		
/* =BX Slider, Gallery Pages
------------------------------------------------------------ */

// Create show
	var gallery = $('#bx-slider').bxSlider({
			auto: false,
			mode: 'fade',
			speed: 500,
			infiniteLoop: false,
			hideControlOnEnd: true,
			controls: true,
			captions: true,
			captionsSelector: '#bx-gallery-captions' 
		});
	 
	 
	 		$('.thumbs a').click(function(){
			var thumbIndex = $('.thumbs a').index(this);
				gallery.goToSlide(thumbIndex);
				$('.thumbs a').removeClass('pager-active');
				$(this).addClass('pager-active');
				return false;
		});

		$('.thumbs a:first').addClass('pager-active');
		
// Navigate Show w/ Keyboard
	$(document.documentElement).keyup(function (event) {
	// Left, Previous Slide
		if (event.keyCode == 37) {
			gallery.goToPreviousSlide();
		}
	// Right, Next Slide
	else if (event.keyCode == 39) {
			gallery.goToNextSlide();
		}
	// Home, First Slide
	else if (event.keyCode == 36) {
			gallery.goToFirstSlide();
		}
	// Right, Last Slide
	else if (event.keyCode == 35) {
			gallery.goToLastSlide();
		}
	});

// Thumbnails
//	$("div#bx-gallery-thumbs").smoothDivScroll({
//		scrollingHotSpotLeft: "div.scroll-left",
//		scrollingHotSpotRight: "div.scroll-right",
//		scrollWrapper: "div.thumbs-wrapper",
//		scrollableArea:	"div.thumbs",
//		scrollStep: 15,
//		scrollInterval: 10
//	});
	
//	$('.thumbs img:last').css('margin-right', '0px');
	
//	$('.thumbs-wrapper').hide();
	
//	$('.thumbs-toggle').click(function(e){
//		e.preventDefault();
//		$('.thumbs-wrapper').slideToggle('fast');
//		$('.thumbs-toggle img').toggleClass('expanded');
//	});
	
// Vertical Align Function
	$.fn.vAlign = function() {
		return this.each(function(i){
		var ah = $(this).height();
		var ph = $(this).parent().height();
		var mh = Math.ceil((ph-ah) / 2);
		$(this).css('margin-top', mh);
		});
	};
	
	$('.bx-gallery-item img, #bx-slider iframe').vAlign();
});