// 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("https://studium.unict.it/dokeos/2022/main/img/screen-options-right.gif")'});
				$(this).removeClass('contextual-help-open');
			} else {
				$('#help a').css({'backgroundImage':'url("https://studium.unict.it/dokeos/2022/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("https://studium.unict.it/dokeos/2022/main/img/screen-options-right.gif")'});
				$(this).removeClass('help-open');
				var action = 'closing';
			} else {
				$('#online a').css({'backgroundImage':'url("https://studium.unict.it/dokeos/2022/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="https://studium.unict.it/dokeos/2022/main/img/loadingAnimation.gif" alt="loadingAnimation.gif"  title="loadingAnimation.gif"   />');
					},
					contentType: "application/x-www-form-urlencoded",
					type: "GET",
					url: "https://studium.unict.it/dokeos/2022/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("https://studium.unict.it/dokeos/2022/main/img/","");

                // This code is added in order for support the tablet style
                image_css_info = $(this).attr("class");
                current_css = image_css_info.replace("actionplaceholderminiicon","");
                current_css = jQuery.trim(current_css);
		// are we making the tool visible or invisible? This all depend on the current icon
		if (image=="closedeye_tr.png" || current_css=="toolactionhide"){
			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: "https://studium.unict.it/dokeos/2022/main/course_home/ajax.php",
			data: "id="+tool_id+"&action="+action+"&current_css="+current_css,
			success: function(data) {
				// make the tool visible
				if (action == 'make_visible'){
					// change the visibility icon, its alt text and its title
                                        if (current_css=='toolactionhide') {
					  $("#linktool_"+tool_id).attr("src", "https://studium.unict.it/dokeos/2022/main/img/pixel.gif");
					  $("#linktool_"+tool_id).attr("class", "actionplaceholderminiicon toolactionview");
                                        } else {
					  $("#linktool_"+tool_id).attr("src", "https://studium.unict.it/dokeos/2022/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 = "Strumento visibile";

					// change the visible style
					$("#tool_"+tool_id).toggleClass('invisible');
				}

				// make the tool invisible
				if (action == 'make_invisible'){
                                        if (current_css=='toolactionview') {
					  $("#linktool_"+tool_id).attr("src", "https://studium.unict.it/dokeos/2022/main/img/pixel.gif");
					  $("#linktool_"+tool_id).attr("class", "actionplaceholderminiicon toolactionhide");
                                        } else {
					  $("#linktool_"+tool_id).attr("src", "https://studium.unict.it/dokeos/2022/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 = "Strumento nascosto";

					// change the tool icon
					tool_image = $("#toolimage_"+tool_id).attr("src");
					
					// change the visible style
					$("#tool_"+tool_id).toggleClass('invisible');
				}

				// 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)
	});