function changeTab(pos, obj, plan) {
	plan = plan.replace(/ *current */, '');
	$("ul#onglets-plan").css("background-position" , pos);
	$("ul#onglets-plan li a").removeClass("current");	 
	obj.addClass("current");
	$("div.plan").hide();
	$("#plan-"+plan).show();
	/*alert(plan);*/
	if(plan == "ActuFinance" || plan == "Divertissement" || plan == "Pratique" ) { document.getElementById('OptionalContent').style.display = 'none'; }
	else { document.getElementById('OptionalContent').style.display = 'block'; }
}

$(document).ready(function(){
	$("div.plan").hide();
	$("#plan-FreeAZ").show();
	
	var position = 0;
	$("ul#onglets-plan li a").each(function(){
		position += 44;
		var myVar = position;
		$(this).mousedown(function() { 
			changeTab('0 -'+myVar+'px',$(this),  $(this).attr("class"));

		});
	});
	
	var isFirst = true;
	
	$.ajax({
		type: "GET",
		url: "xml/menu-alice.xml",
		dataType: "xml",
		success: function(xml) {
			var mainDiv = $('<div id="plan-content"></div>');
			
			$(xml).find('onglet').each(function() {
				var ongletDiv = $('<div id="'+$(this).attr('name')+'" class="plan"></div>');
				if(isFirst)
				{
					isFirst = false;
				}
				else
				{
					ongletDiv.css('display', 'none');
				}
				
				
				
				
				var totalItems = $(this).find("lien").length;
				
			var nbPerColumn = (totalItems + ($(this).find("liste").length * 2) + 1) / 3;
			/*alert(nbPerColumn);*/
				
				var colDiv = $('<div class="col"></div>');
				var i = -1;
				var j = -1;
				
				$(this).find('liste').each(function() {
					if(j+3 > nbPerColumn)
					{
						ongletDiv.append(colDiv);
						colDiv = $('<div class="col"></div>');
						if(i+2 > nbPerColumn*2)
						{
							colDiv.addClass('lastcol');
						}
						i += 2;
						j = 0;
					}
					
					var listeDiv = $('<ul id="plan'+$(this).attr('name')+'"></ul>');
					
					if($(this).attr('icone'))
					{
						listeDiv.css('background', 'url(http://img3.free.fr/2008/portail/new/im/plan/icones/'+$(this).attr('icone')+') no-repeat 0 2px');
					}
					
					if($(this).attr('url'))
					{
						$('<li class="h4"><a href="'+$(this).attr('url')+'">'+$(this).attr('name')+'</a></li>').appendTo(listeDiv);
					}
					else
					{
						$('<li class="h4">'+$(this).attr('name')+'</li>').appendTo(listeDiv);
					}
					
					i+=2;
					j+=2;
					
					$(this).find('lien').each(function() {
						var titre = $(this).find('titre:first');
						var url = $(this).find('url:first');
						var links = $('<li><a href="'+url.text()+'">'+titre.text()+'</a></li>');
						
						if(j > nbPerColumn)
						{
							colDiv.append(listeDiv);
							ongletDiv.append(colDiv);
							colDiv = $('<div class="col"></div>');
							if(i > nbPerColumn*2)
							{
								colDiv.addClass('lastcol');
							}
							listeDiv = $('<ul id="plan'+$(this).attr('name')+'2"></ul>');
							j = 0;
						}
						
						listeDiv.append(links);
						j++;
						i++;
					});
					
					colDiv.append(listeDiv);
				});
				
				ongletDiv.append(colDiv);
				
				$('<div style="clear:both"></div>').appendTo(ongletDiv);
				
				mainDiv.append(ongletDiv);
			});
			
			$('#plan-content').replaceWith(mainDiv);
		}
	});
});