$(document).ready(function() {
	
	$('.projects').find('.clip').each(function(e){
		var myId = $(this).parent().parent().parent().parent().parent().attr('id');
		
	
		var tempGalleryItem = $('#inline_example_' + myId).find('.gallery_display_' + myId);	
		//alert( $(tempGalleryItem).attr('id'))
		$(this).media_gallery({thumbnail_element: 'span',
		target_container:tempGalleryItem});
	
	

	});
			
	$(".project_button").mouseover(function(){
		var myId = $(this).find('div.project').attr('id');
		$(this).colorbox({width:"65%", inline:true, href:"#inline_example_" + myId});
	});

	

	
	$.localScroll.defaults.axis = 'xy';
	
	// Scroll initially if there's a hash (#something) in the url 
	$.localScroll.hash({
		target: '#content', // Could be a selector or a jQuery object too.
		queue:true,
		duration:1500
	});

	/**
	 * NOTE: I use $.localScroll instead of $('#navigation').localScroll() so I
	 * also affect the >> and << links. I want every link in the page to scroll.
	 */
	$.localScroll({
		target: '#content', // could be a selector or a jQuery object too.
		queue:true,
		duration:1000,
		hash:true,
		onBefore:function( e, anchor, $target ){
			// The 'this' is the settings object, can be modified
		},
		onAfter:function( anchor, settings ){
			// The 'this' contains the scrolled element (#content)
		}
	});
	
	
	
	
	
});




// VERTICALLY ALIGN FUNCTION
$.fn.vAlign = function() {
	return this.each(function(i){
	var ah = $(this).height();
	var ph = $(this).parent().height();
	var mh = (ph - ah) / 2;
	$(this).css('margin-top', mh);
	});
};