$(document).ready(function(){

	/* LOAD CONTENT & EFFECTS */
	$.get("portfolio/life.html", function(data){
		$('#content').html(data);
		initializeVideoClick();
		$('#container').fadeTo(0,0).fadeTo(10,1, function() {
			$(this).animate({height: '700px'}, 2000, "expoinout");
		});
	});

	
	/* NAVIGATION */
	$('.portfolio a').click(function() {
		/* EFFECTS */
		$('.portfolio a').each(function() {
			var pos = $(this).css('background-position');
			var pos2 = pos.replace('-101px', '0px');
			$(this).css('background-position', pos2);
		});
		
		$(this).fadeTo(50, 0, function() {
			var pos = $(this).css('background-position');
			var pos2 = pos.replace('0px', '-101px');		
			$(this).css('background-position', pos2);
			$(this).fadeTo(100, 1);		
		});
		
		/* LOAD CONTENT */
		var id = this.id;		
		loadPortfolioItem(id);
	});
	
	/* CONTENT */	
	function loadPortfolioItem(id) {
		file = id +'.html';
		$('#content').animate({height:'-10px'},400,"easeIn", function() {
			$.get("portfolio/" + file, function(data){
				$('#content').html(data).animate({height:'440px'},1200,"easeInOut");				
				initializeVideoClick();
			});			
		});
	}
	
	
	function initializeVideoClick() {		
		$('#video').hide();
		$('.playVideo').click(function() {			
			$(this).fadeTo(300,0, function() {
				$('.playVideo').hide();
				$('#video').show();
			});			
			//$('#video').css({'visibility' : '1', 'display' : 'block'});
		});
	}

});