/*
 * In relation with parent node height of each class "vertical-center", this method is in charge of placing this class element at the center of its parent node. 
 * @context DOM element where vertical-center search will be applied  
 */
function helper_center(context){
	$('.vertical-center', $(context)).each(function(){
		var parentNode = $(this.parentNode);
		var parentHeight = parentNode.outerHeight(); // height without margin
		var thisOuterHeight = $(this).outerHeight(true); // height with margin
		var paddingTop = Math.round( ( parentHeight - thisOuterHeight ) / 2 );

		parentNode.css('height', parentHeight - paddingTop);
		parentNode.css('padding-top', paddingTop + 'px');
	});
}
/*
 * In relation with parent node height of each class "vertical-bottom", this method is in charge of placing this class element at the bottom of its parent node. 
 * @context DOM element where vertical-bottom search will be applied  
 */
function helper_bottom(context){
	$('.vertical-bottom', $(context)).each(function(){
		var parentNode = $(this.parentNode);
		var parentHeight = parentNode.outerHeight(); // height without margin
		var thisOuterHeight = $(this).outerHeight(true); // height with margin
		var paddingTop = parentHeight - thisOuterHeight;

		parentNode.css('height', parentHeight - paddingTop);
		parentNode.css('padding-top', paddingTop + 'px');
	});
}


/*
 * @linkEltWrapper : a wrapper element that include 2 links :
 * 						- 1 with an enabled class
 * 						- 1 with an disabled class
 * @display : true show the .enabled element, .disabled else
 * example : 
 *   	<div id="linkWrapper">
 *	    	<a class="disabled" href="#" >
 *	    		<img src="..." />
 *	    	</a>
 *	    	<a class="enabled" href="#" >
 *	    		<img src="..." />
 *	    	</a>
 *		</div>
 */
function displayLink(linkEltWrapper, display) {
	if (typeof(linkEltWrapper) != 'undefined' && linkEltWrapper != null) {
		var enabledLink = $(linkEltWrapper).find(".enabled");
		var disabledLink = $(linkEltWrapper).find(".disabled");
		
		if (display) {
			enabledLink.show();
			disabledLink.hide();
		} else {
			enabledLink.hide();
			disabledLink.show();
		}
	}
}
function displayLinks(linksEltWrapper, display) {
	$.each($(linksEltWrapper), function(index, value) { 
		displayLink(value, display)
	});
}
function isLinkDisplayed(linkEltWrapper) {
	var enabledLink = $(linkEltWrapper).find(".enabled");
	
	return $(enabledLink).css('display')!='none';
}

function displayContent(contentEltWrapper, display) {
	if (typeof(contentEltWrapper) != 'undefined' && contentEltWrapper != null) {
		var displayContentChoice = $(contentEltWrapper).parent().find(".displayContentChoice");
		var enabledContent = $(displayContentChoice).find(".enabled");
		var disabledContent = $(displayContentChoice).find(".disabled");
		
		if (display) {
			$(contentEltWrapper).html($(enabledContent).clone());
		} else {
			$(contentEltWrapper).html($(disabledContent).clone());
		}
		
	}
}
function isConentDisplayed(contentEltWrapper) {
	var displayedContent = $($(contentEltWrapper).html());
	
	return $(displayedContent).hasClass("enabled");
}