// this script contains all the Dokeos specific javascript
// is is a php function so that we can use php code also


jQuery(document).ready( function($) {
	// Expand or collapse the help
	$('#help-link').click(function () {
		$('#help-content').slideToggle('fast', function() {
			if ( $(this).hasClass('help-open') ) {
				$('#help a').css({'backgroundImage':'url("http://heberge1.ac-dijon.fr/dp3h/main/img/screen-options-right.gif")'});
				$(this).removeClass('contextual-help-open');
			} else {
				$('#help a').css({'backgroundImage':'url("http://heberge1.ac-dijon.fr/dp3h/main/img/screen-options-right-up.gif")'});
				$(this).addClass('help-open');
			}
		});
		return false;
	});

	$(window).load(function () {
		$(".focus").focus();
	});

	// Expand or collapse the who is online
	$('#online-link').click(function () {
		$('#online-content').slideToggle('fast', function() {
			if ( $(this).hasClass('help-open') ) {
				$('#online a').css({'backgroundImage':'url("http://heberge1.ac-dijon.fr/dp3h/main/img/screen-options-right.gif")'});
				$(this).removeClass('help-open');
				var action = 'closing';
			} else {
				$('#online a').css({'backgroundImage':'url("http://heberge1.ac-dijon.fr/dp3h/main/img/screen-options-right-up.gif")'});
				$(this).addClass('help-open');
				var action = 'opening';
			}
			
			if ( action == 'opening' ){
				$.ajax({
					beforeSend: function(object) {
						$("#online-content").html('<img src="http://heberge1.ac-dijon.fr/dp3h/main/img/loadingAnimation.gif" alt="loadingAnimation.gif"  title="loadingAnimation.gif"   />');
					},
					contentType: "application/x-www-form-urlencoded",
					type: "GET",
					url: "http://heberge1.ac-dijon.fr/dp3h/main/ajax.php",
					data: "action=whoisonline&display=thumbnails",
					success: function(data) {
						$("#online-content").html(data);
					}
				});
			}
		});
		return false;
	});

	// change the url of the links with class make_visible_and_invisible so that the link is not followed when clicked
	// we use this to make it backwards compatible when javascript is disabled
  	$(".make_visible_and_invisible").attr("href","javascript:void(0);");

	// when we click a link with class make_visible_and_invisible we change the visibility of the tool
	$(".make_visible_and_invisible >img").click(function () {
		
		// the visibility image is a full url. We want to know if its invisible.gif or visible.gif
		image_url = $(this).attr("src");
		image = image_url.replace("http://heberge1.ac-dijon.fr/dp3h/main/img/","");

		// are we making the tool visible or invisible? This all depend on the current icon
		if (image=="closedeye_tr.png"){
			action = "make_visible";
		} else {
			action = "make_invisible";
		}

		// the id of the tool that we are changing
		tool_id = $(this).attr("id").replace("linktool_","");

		$.ajax({
			contentType: "application/x-www-form-urlencoded",
			beforeSend: function(object) {
				$(".normal-message").show();
				$("#id_confirmation_message").hide();
			},
			type: "GET",
			url: "http://heberge1.ac-dijon.fr/dp3h/main/course_home/ajax.php",
			data: "id="+tool_id+"&action="+action,
			success: function(data) {
				// make the tool visible
				if (action == 'make_visible'){
					// change the visibility icon, its alt text and its title
					$("#linktool_"+tool_id).attr("src", "http://heberge1.ac-dijon.fr/dp3h/main/img/visible_link.png");
					$("#linktool_"+tool_id).attr("alt", "[=VisibleClickToMakeInvisible=]");
					$("#linktool_"+tool_id).attr("title", "[=VisibleClickToMakeInvisible=]");

					// the feedback message that should be displayed
					message = "L'outil est visible";

					// change the tool icon
					tool_image = $("#toolimage_"+tool_id).attr("src");
					
					if(tool_image.match(".gif"))
						tool_image = tool_image.replace("_na.gif",".gif");
					else
						tool_image = tool_image.replace("_na.png",".png");
						
					$("#toolimage_"+tool_id).attr("src",tool_image);
				}

				// make the tool invisible
				if (action == 'make_invisible'){
					// change the visibility icon, its alt text and its title
					$("#linktool_"+tool_id).attr("src", "http://heberge1.ac-dijon.fr/dp3h/main/img/closedeye_tr.png");
					$("#linktool_"+tool_id).attr("alt", "[=InvisibleClickToMakeVisible=]");
					$("#linktool_"+tool_id).attr("title", "[=InvisibleClickToMakeVisible=]");
					
					// the feedback message that should be displayed
					message = "Outil masqué";

					// change the tool icon
					tool_image = $("#toolimage_"+tool_id).attr("src");
					
					if(tool_image.match(".gif"))
						tool_image = tool_image.replace(".gif","_na.gif");
					else
						tool_image = tool_image.replace(".png","_na.png");
						
					$("#toolimage_"+tool_id).attr("src",tool_image);
				}

				// add or remove the invisible class to the tool link
				$("#istooldesc_"+tool_id).toggleClass("invisible");

				// hide the "processing" feedback message			
				$(".normal-message").hide();

				// display the confirmation message (with the correct feedback message)
				$("#id_confirmation_message").html(message);
				$("#id_confirmation_message").show();
			}
		});
	}); 	

	// a toggle to to show/hide the platformheader inside the course
	
	// hide the platform header inside the course (except on the course homepage, which is done in course_home/course_home.php)
	});