function openQuestionnairePortlet(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});
	$portlet.addClass('animating');
	//$header.css({'opacity':0});
	$content.css({'background-position':'left bottom'});

	/**
	 * Animate the left position if we're in the last 2 columns
	 */
	var objAnimation = {
		'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 Banner
	 */
	//$banner.animate({
	//	width:	519
	//},1200,function(){
	//	/** 
	//	 * Banner Resized
	//	 */
	//	$header.animate({
	//		opacity:	100
	//	},1200,function(){
	//		/**
	//		 * Header Faded In
	//		 */
	//	});
	//});
	/**
	 * Animate the Body
	 */
	$content.animate({
		width:	511
	},1200,function(){
		/** 
		 * After animated
		 * - fade in the text area
		 * - fade in the close button
		 */
		$content.find('.portlet-text .question').css({'height':'45px'});
		$content.find('.portlet-text .body').css({'opacity':0,'display':'block'}).animate({
			opacity:	1
		},1200,function(){
			/**
			 * Text Faded In
			 */
			$portlet.removeClass('animating');
			$portlet.css({'z-index':1}).addClass('opened');
			$content.find('.close').css({'display':'block'});
			$content.find('.popup').unbind('click').bind({
				click:function(){
					$(this).parents('.portlet').find('.opener').trigger('click');
					return false;
				}
			});
			$('html,body').animate({scrollTop: $portlet.offset().top}, {duration:1000,specialEasing:'easeOutBack'});
			animating='no';
		});
	});
}
function closeQuestionnairePortlet(obj,container,nextPortlet) {
	/**
	 * Cache Reference
	 */
	var $portlet	= obj;
	var position	= $portlet.offset();
	//var $header		= obj.find('.portlet-header');
	var $content	= obj.find('.portlet-content');
	$content.css({'background-position':'left top'});
	//var $banner		= $header.find('.banner');

	/**
	 * Hide the Big Header Image
	 * so we can swap it with the Small one
	 */
	$portlet.css({'z-index':100});
	$portlet.find('.header-popups').remove();
	//$header.css({'opacity':0});
	//$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'});
	$content.find('.portlet-text .question').css({'height':''});

	/**
	 * Animate the Body
	 */
	$content.animate({
		width:	153
	},250,function(){
		/** 
		 * After animated
		 */
		$portlet.css({'z-index':1}).removeClass('opened');
	});
	/**
	 * Animate the Banner
	 */
	//$banner.animate({
	//	'height':	160,
	//	'width':	161
	//},250,function(){
	//	/**
	//	 * Banner Resized
	//	 */
	//});
	/**
	 * Animate the Header
	 */
	//$header.animate({
	//	height:		160,
	//	width:		161
	//},250,function(){
	//	/**
	//	 * Header Resized
	//	 */
	//	$(this).animate({'opacity':1},250);
	//});
	/**
	 * Animate the Outer Container
	 */
	$portlet.animate({
		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';
		}
	});
}