function openVideoPortlet(obj,container) {
	/**
	 * Cache Reference
	 */
	var $portlet	= obj;
	var position	= $portlet.offset();
	var $header		= obj.find('.portlet-header');
	var $content	= obj.find('.portlet-content');
	var $banner		= $header.find('.banner');

	/**
	 * Hide the Small Header Image
	 * so we can swap it with the Big one
	 */
	$portlet.css({'z-index':100});
	$header.css({'opacity':0});
	//$banner.css({'background-image':$banner.css('background-image').replace('small','large')});
	$banner.css({'display':'none'});

	/**
	 * Animate the left position if we're in the last 2 columns
	 */
	var objAnimation = {
		'height':	576,
		'width':	529
	};
	if(position.left - container.offset().left - 4 > 358) {
		objAnimation.left = 358;
	}

	/**
	 * Animate the Outer Container
	 */
	$portlet.animate(objAnimation,1200,function(){
		/**
		 * After animated
		 * - call masonry
		 */
		container.masonry();
	});
	/**
	 * Animate the Header
	 */
	$header.animate({
		height:		320,
		width:		519
	},1200,function(){
		/**
		 * Header Resized
		 */
		setTimeout(function(){
			$header.animate({'opacity':1},250,function(){
				var video = $banner.attr('rel');
				$header.append('<div class="myvideo">'+loadVideoYoutube (video,519,320)+'</div>');
			});
		},1200);
	});
	/**
	 * Animate the Body
	 */
	$content.animate({
		height:	238,
		width:	511
	},1200,function(){
		/** 
		 * After animated
		 * - fade in the text area
		 * - fade in the close button
		 */
		$content.find('.portlet-text .body').css({'opacity':0,'display':'block'}).animate({
			opacity:	1
		},1200,function(){
			/**
			 * Text Faded In
			 */
			$portlet.css({'z-index':1}).addClass('opened');
			$content.find('.close').css({'display':'block'});
			$('html,body').animate({scrollTop: $portlet.offset().top}, {duration:1000,specialEasing:'easeOutBack'});
			animating='no';
		});
	});
}
function closeVideoPortlet(obj,container,nextPortlet) {
	/**
	 * Cache Reference
	 */
	var $portlet	= obj;
	var position	= $portlet.offset();
	var $header		= obj.find('.portlet-header');
	var $content	= obj.find('.portlet-content');
	var $banner		= $header.find('.banner');

	/**
	 * Hide the Big Header Image
	 * so we can swap it with the Small one
	 */
	$portlet.css({'z-index':100});
	$header.css({'opacity':0});
	$header.find('.myvideo').remove();
	//$banner.css({'background-image':$banner.css('background-image').replace('large','small')});
	$content.find('.close').css({'display':'none'});
	$content.find('.portlet-text .body').css({'opacity':0,'display':'none'});

	/**
	 * Animate the Body
	 */
	$content.animate({
		height:	106,
		width:	153
	},250,function(){
		/** 
		 * After animated
		 */
		$portlet.css({'z-index':1}).removeClass('opened');
	});
	/**
	 * Animate the Header
	 */
	$header.animate({
		height:		160,
		width:		161
	},250,function(){
		/**
		 * Header Resized
		 */
		$banner.css({'display':'block'});
		$(this).animate({'opacity':1},250);
	});
	/**
	 * Animate the Outer Container
	 */
	$portlet.animate({
		'height':	284,
		'width':	171
	},250,function(){
		/**
		 * After animated
		 * - call masonry
		 */
		container.masonry();

		if(nextPortlet && typeof(nextPortlet)=='object') {

			container.data('nextPortlet',nextPortlet);

			setTimeout('portletOpenTrigger()',1200);
		} else {
			//setTimeout(function(){$('html,body').animate({scrollTop: $portlet.offset().top}, {duration:1000,specialEasing:'easeOutBack'});},1200);
			animating='no';
		}
	});
}
