/*********** popin                     ***********************************************/
/*********** Version 1.0               ***********************************************/
/*********** Author Yoann Phung Van    ***********************************************/
/*********** Ouverture d'une popin     ***********************************************/

/*Exemple d'utilisation :

<ul id="menuaccordion" class="menuaccordion">
		<li>
			<a href="#">MY MAGAZINE</a>
			<ul >
				<li><a href="#">Beauty</a></li>
				<li><a href="#">Health</a></li>
				<li><a href="#">Nutrition</a></li>
				<li><a href="#">Psycho</a></li>
			</ul>
		</li>
		<li>
			<a href="#">MY BEAUTY TOOLS</a>
			<ul >
				<li><a href="#">Beauty</a></li>
				<li><a href="#">Health</a></li>
				<li><a href="#">Nutrition</a></li>
				<li><a href="#" class="selected" >Psycho</a></li> (pour la selection d'un item par defaut
			</ul>
		</li>
	</ul>
*/

jQuery.fn.accordion = function(o) {
	
	accordion();

	function accordion(test) {
	// On cache tous les items	
	$('ul.menuaccordion ul').hide();
	// On deploy le menu de l'item selectionne
	$('ul.menuaccordion a.selected').parent().parent().show();
	// Selection de l'item par defaut
	
	var url = document.location.href;
	$("a.itemmenuaccordion").each(function(i){
	   var tpcode = "menuaccordion_";
	   if(this.id.indexOf("menuaccordion_")>-1){
		   tpcode = this.id.substring(14);
	   }	   								   
	   if(url.indexOf(tpcode)>-1){
		   $("#menuaccordion_"+tpcode).parent().parent().show();
		   $("#menuaccordion_"+tpcode).addClass("selected");
	   }
	});	

	// On ajoute l'effet accordeon sur tous les liens
	$('ul.menuaccordion>li>a').click(									 
		function() {
			var checkElement = $(this).next();
			var parent = this.parentNode.parentNode.id;
			$(".open").removeClass("open");
			$(this).addClass("open");
			if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
				if($('#' + parent).hasClass('collapsible')) {
					$('#' + parent + ' ul:visible').slideUp('normal');
				}
				return false;
			}
			if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
				$('#' + parent + ' ul:visible').slideUp('normal');
				checkElement.slideDown('normal');
				return false;
			}
		}
	);
	}

};

$(document).ready(function(){
		$(document).accordion();
});
