$(document).ready(function() {
	
	$(".block:eq(0)").children('.inner').css({"background-image": "none", "background-color" :"#FFD101"});
	$(".block:eq(1)").children('.inner').css({"background-image": "none", "background-color" :"#E27264"});
	$(".block:eq(2)").children('.inner').css({"background-image": "none", "background-color" :"#3EB477"});
	$(".block:eq(3)").children('.inner').css({"background-image": "none", "background-color" :"#58B4C3"});
	$(".block:eq(0)").addClass("one");
	$(".block:eq(1)").addClass("two");
	$(".block:eq(2)").addClass("three");
	$(".block:eq(3)").addClass("four");
	$(".block:eq(3)").css({"margin-right" : "0px"});
	$(".blockContent").css({"opacity": "0"});
	$(".blockContentText").css({"opacity": "0"});
	$(".blockBackBtn").css({"opacity": "0"});
	
	$('.block').click(function() {
		
		if($(this).hasClass('closed')) {
			
			/* Hide Text */
			$(this).children('.inner').children('table').animate({'opacity':'0'}, 300, "easeInQuad");
			$(this).siblings('.block').children('.inner').children('table').animate({'opacity':'0'}, 300, "easeInQuad");
			$(this).children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').animate({'opacity':'0'}, 300, "easeInQuad");
			//$(this).children('.inner').children('table').css({'display':'none'});
			$(this).children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').css({'display':'none'});
			//$(this).siblings('.block').children('.inner').children('table').css({'display':'none'});
			$(this).siblings('.block').children('.inner').children('table').children('tr').children('td').children('h2').animate({'opacity':'0'}, 300, "easeInQuad");
	
			/* Hide Pins and Shadows */
			$(this).siblings('.block').children('.blockShadow').animate({'opacity':'0'}, 300, "easeInQuad");
			
			/* Shrink Other Blocks */
			$(this).siblings('.block').css({'cursor': 'pointer'});
			$(this).siblings('.block').children('.inner').animate({opacity: 1},300).animate({'width': '54px'}, 500, "easeInOutExpo");
			$(this).siblings('.block').children('.blockContent').animate({opacity: 0},300, "easeOutQuad");
			$(this).siblings('.block').children('.blockContent').children('.blockContentText').animate({opacity: 0},300, "easeOutQuad");
			$(this).siblings('.block').children('.blockContent').children('.blockContentText').children('.blockBackBtn').animate({opacity: 0},300, "easeOutQuad");
			$(this).siblings('.block').addClass('closed');
			
			/* Enlarge Clicked Box */
			$(this).children('.inner').css({'background-image': 'none'});
			$(this).children('.inner').animate({opacity: 1},800).animate({'width': '726px'}, 500, "easeOutQuad");
			
			/* Add Block Content */
			$(this).css({'cursor': 'default'});
			$(this).removeClass('closed');
			$(this).children('.blockContent').css({'display': 'block'});
			$(this).children('.blockContent').animate({opacity: 0},1300).animate({'opacity': '1'}, 500, "easeOutQuad");
			$(this).children('.blockContent').children('.blockContentText').animate({opacity: 0},1300).animate({'opacity': '1'}, 500, "easeOutQuad", function() { $(this).attr('style', 'display: block'); });
			$(this).children('.blockContent').children('.blockContentText').children('.blockBackBtn').animate({opacity: 0},1300).animate({'opacity': '1'}, 500, "easeOutQuad");
			$(this).children('.blockShadow').animate({opacity: 0},850).animate({'opacity':'1'}, 300, "easeInQuad");
			
		}
		
	});
	
	$('.blockBackBtn').click(function() {
		
		/* Fade Out Content */
		$(this).parent().parent().animate({opacity: 0},300, "easeOutQuad");
		$(this).parent().parent().children('.blockContentText').animate({opacity: 0},300, "easeOutQuad");
		$(this).parent().parent().children('.blockContentText').children('.blockBackBtn').animate({opacity: 0},300, "easeOutQuad");
		
		/* Shrink Open Box */
		$(this).parent().parent().siblings('.inner').animate({opacity: 1},300).animate({'width': '222px'}, 500, "easeOutQuad");
		
		/* Enlarge Other Boxes */
		$(this).parent().parent().parent().siblings('.block').children('.inner').animate({opacity: 1},800).animate({'width': '222px'}, 500, "easeOutQuad");
		
		/* Fade In Starter Text */
		//$(this).parent().parent().parent().siblings('.block').children('.inner').children('table').css({'width': '0px'});
		//$(this).parent().parent().parent().siblings('.block').children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').css({'width': '0px'});
		$(this).parent().parent().parent().siblings('.block').children('.inner').children('table').show();
		$(this).parent().parent().parent().siblings('.block').children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').css({'display': 'block'});
		$(this).parent().parent().parent().siblings('.block').children('.inner').children('table').animate({opacity: 0},1300).animate({'opacity':'1'}, 300, "easeInQuad");
		$(this).parent().parent().parent().siblings('.block').children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').animate({opacity: 0},1300).animate({'opacity':'1'}, 300, "easeInQuad", function() { $(this).removeAttr('style'); });
		
		//$(this).parent().parent().parent().children('.inner').children('table').css({'width': '0px'});
		//$(this).parent().parent().parent().children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').css({'width': '0px'});
		$(this).parent().parent().parent().children('.inner').children('table').show();
		$(this).parent().parent().parent().children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').css({'display': 'block'});
		$(this).parent().parent().parent().children('.inner').children('table').animate({opacity: 0},1300).animate({'opacity':'1'}, 300, "easeInQuad");
		$(this).parent().parent().parent().children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').animate({opacity: 0},1300).animate({'opacity':'1'}, 300, "easeInQuad", function() { $(this).removeAttr('style'); });
		
		/* Fade In Pin and Shadow */
		$(this).parent().parent().parent().siblings('.block').children('.blockShadow').animate({opacity: 0},1000).animate({'opacity':'1'}, 300, "easeInQuad");
		
		/* Add Closed Class */
		$(this).parent().parent().parent().css({'cursor': 'pointer'});
		$(this).parent().parent().parent().addClass('closed');
		
		return false;
	});
	
	$('.blockContentTitle').click(function() {
		
		/* Fade Out Content */
		$(this).parent().parent().animate({opacity: 0},300, "easeOutQuad");
		$(this).parent().parent().children('.blockContentText').animate({opacity: 0},300, "easeOutQuad");
		$(this).parent().parent().children('.blockContentText').children('.blockBackBtn').animate({opacity: 0},300, "easeOutQuad");
		
		/* Shrink Open Box */
		$(this).parent().parent().siblings('.inner').animate({opacity: 1},300).animate({'width': '222px'}, 500, "easeOutQuad");
		
		/* Enlarge Other Boxes */
		$(this).parent().parent().parent().siblings('.block').children('.inner').animate({opacity: 1},800).animate({'width': '222px'}, 500, "easeOutQuad");
		
		/* Fade In Starter Text */
		//$(this).parent().parent().parent().siblings('.block').children('.inner').children('table').css({'width': '0px'});
		//$(this).parent().parent().parent().siblings('.block').children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').css({'width': '0px'});
		$(this).parent().parent().parent().siblings('.block').children('.inner').children('table').show();
		$(this).parent().parent().parent().siblings('.block').children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').css({'display': 'block'});
		$(this).parent().parent().parent().siblings('.block').children('.inner').children('table').animate({opacity: 0},1300).animate({'opacity':'1'}, 300, "easeInQuad");
		$(this).parent().parent().parent().siblings('.block').children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').animate({opacity: 0},1300).animate({'opacity':'1'}, 300, "easeInQuad", function() { $(this).removeAttr('style'); });
		
		//$(this).parent().parent().parent().children('.inner').children('table').css({'width': '0px'});
		//$(this).parent().parent().parent().children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').css({'width': '0px'});
		$(this).parent().parent().parent().children('.inner').children('table').show();
		$(this).parent().parent().parent().children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').css({'display': 'block'});
		$(this).parent().parent().parent().children('.inner').children('table').animate({opacity: 0},1300).animate({'opacity':'1'}, 300, "easeInQuad");
		$(this).parent().parent().parent().children('.inner').children('table').children('tbody').children('tr').children('td').children('h2').animate({opacity: 0},1300).animate({'opacity':'1'}, 300, "easeInQuad", function() { $(this).removeAttr('style'); });
		
		/* Fade In Pin and Shadow */
		$(this).parent().parent().parent().siblings('.block').children('.blockShadow').animate({opacity: 0},1000).animate({'opacity':'1'}, 300, "easeInQuad");
		
		/* Add Closed Class */
		$(this).parent().parent().parent().css({'cursor': 'pointer'});
		$(this).parent().parent().parent().addClass('closed');
		
		return false;
	});
	
});