// TOOLBAR

var isOpen = false;

function toolBarOpen() {
	
	$("#toolBarContent").slideDown('slow', function() { 
											$("#toolBarHeader").click(toolBarClose);
											$("#toolbar-open").attr("src", "images/toolbar-close.png");
											});
	$(this).unbind('click');
	$(".toolBarScroll-pane").jScrollPane();
	isOpen = true;
};

function toolBarClose() {
	$("#toolBarContent").slideUp('slow', function() { 
											$("#toolBarHeader").click(toolBarOpen);
											$("#toolbar-open").attr("src", "images/toolbar-open.png");
											});
	$(this).unbind('click');
	isOpen = false;
};

function setPanierDate(myClass) {
	$('#toolbar-date li').css({"color":"#666", "background":"none"});
	$('#toolbar-date li.'+myClass).css({"color":"#008bcd", "background-color":"#CCC"});
}

function animateStar() {
	var positionProjet = $("#etoile-toolbar").offset();
	var positionEtoile = $(".post-meta-projet").offset();
	$("#projet-etoile").css({"display":"block", "left":positionEtoile.left, "top":positionEtoile.top});
	$("#projet-etoile").animate(
			{"left":positionProjet.left, "top":positionProjet.top},
			800,
			"linear",
			function () {
				$("#projet-etoile").css({"display":"none"});	
			}
	);
}

function callAjaxPanier(pAction, pData) {
			
	// on désactive les click sur les item du paniers
	if (pAction != "setDate") {
		$(".item-panier").unbind('click');
	}

	var dataType = "json";
	
	if (pData == undefined) {
		pData = "";
	}
	
	if (pAction == "add") {
		animateStar();
	}
	
	if (pAction == "setDate") {
		dataType = "string";
	}
	
	$.ajax({
		type: "POST",
		url: "ajax_panier.php",
		dataType: dataType,
		data: "action=" + pAction + pData + "&PHPSESSID=" + PHPSESSID,
		timeout: 15000,
		error: function(XMLHttpRequest, textStatus, errorThrown) {
			alert(textStatus + '<br />' + errorThrown);
		},
		success: function(msg){
			
			if (pAction == "setDate") {
				setPanierDate(msg);
				return;
			}
			
			setPanierDate(msg.panierDate);
			
			// MAJ de la liste du projet
			var api = $('#panier.toolBarScroll-pane').jScrollPane().data('jsp');
			api.getContentPane().empty();
			
			var panier = msg.panier;
			
			$(".total-formations").empty().append("<strong>" + panier.length + "</strong> formation(s) dans votre projet");
			
			if (panier.length == 0) {
				api.getContentPane().append("Aucune formation sélectionnée pour le moment.");
				return;
			}
			
			var string = '<ul>';
			for (var i = 0 ; i < panier.length ; i++)
			{
				var formation = panier[i];
				string += '<li class="item-panier"><span class="'+ formation.style +' puce puce-'+ formation.style +'"><strong>'+ formation.logiciel +'</strong></span> - ' + formation.titre + ' ' + formation.chapeau +'</li>';
			}
			string += '</ul>';
			api.getContentPane().append(string);
			
			var i = 0;
			$('#panier.toolBarScroll-pane li').each(function() {
				$(this).data('formation', panier[i]);
				i++;
			});
			
			// suppression de la formation au click
			$(".item-panier").bind('click', {action:'remove'}, function(e){
					$(this).slideUp(400, function (){
						callAjaxPanier(e.data.action, "&idFormation=" + $(this).data('formation').idFormation);
					});
			});
			
			// et le rollover / out
			$(".item-panier").hover(
				function() {
						$(this).data( 'bg', $(this).find('span').css('background-image') );
						$(this).find('span').css('background-image', 'url("images/icone_delete_small.png")');
				},
				function() {
						$(this).find('span').css('background-image', $(this).data( 'bg' ));
				}
			);
			
	   }
	 });

}