var url = null;
	var method = null;
	var contenttype = null;
	var body = null;
	var PersonId = null;
	var XsltId = null;
	var title = null;
	var showscenario = null;
	
	$(document).ready(function(){
		$("#loading").hide();    
		$("#demo").hide();
		
	});
	
	function startDemo() {
		$("#loading").show();		
		reset();		
		$("#demo").show('slow');		
		$("#loading").hide();
	}

	
    function sendRequest() {
		
		$("#loading").show();
	
		if(url==null){
			alert("Please select a scenario!");
		} else if(title=="add-new-item"||title=="create-new-xslt-stylesheet") {
			switch(title) {
				case "add-new-item":
					$.ajax({
						url: url,
						type: method,
						data: $("#requestBody").val(),
						contentType: contenttype,
						success: function (data, textStatus, jqXHR) {
							$("#loading").hide();
							
							$("#responseStatusCode").val(jqXHR.status);
							$("#responseStatusDescription").val(jqXHR.statusText);
							$("#responseHeaders").val(jqXHR.getAllResponseHeaders());
							$("#responseLocation").val(jqXHR.getResponseHeader('Location'));
							var responseloccation = jqXHR.getResponseHeader('Location');
							PersonId = extractIDs(responseloccation);
						},
						error: function ( jqXHR, textStatus, errorThrown) {
							$("#loading").hide();
							
							$("#responseStatusCode").val(jqXHR.status);
							$("#responseStatusDescription").val(jqXHR.statusText);
						}

					});
					title = null;
					break;
					
				case "create-new-xslt-stylesheet":
					$.ajax({
						url: url,
						type: method,
						data: $("#requestBody").val(),
						contentType: contenttype,
						success: function (data, textStatus, jqXHR) {
							$("#loading").hide();
							
							$("#responseStatusCode").val(jqXHR.status);
							$("#responseStatusDescription").val(jqXHR.statusText);
							$("#responseHeaders").val(jqXHR.getAllResponseHeaders());
							$("#responseLocation").val(jqXHR.getResponseHeader('Location'));
							var responseloccation = jqXHR.getResponseHeader('Location');
							XsltId = extractIDs(responseloccation);
						},
						error: function ( jqXHR, textStatus, errorThrown) {
							$("#loading").hide();
							
							$("#responseStatusCode").val(jqXHR.status);
							$("#responseStatusDescription").val(jqXHR.statusText);
						}
					});
					title = null;
					break;
			}
		} else {
			SendHttpRequest();
		}
    }

	function setValues(){
		clear();
		var scenario = event.target.id;
		showscenario = $(event.target).text();		

		// Remove all active items
		$("a").removeClass("active");
		$("a").addClass("inactive");
		$(event.target).removeClass("inactive");
		$(event.target).addClass("active");
			
		switch (scenario){
				case "read-all-resources":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/";
					method = "GET";
					contenttype = "application/xml";
					ShowSelectedDataInFields();
					break;
			  
				case "create-new-list":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/";
					method = "POST";
					contenttype = "application/xml";
					body = '<collection xmlns="http://www.w3.org/2007/app" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dgs="http://www.webcomposition.net/2008/02/dgs/"> <atom:title>people</atom:title> <dgs:dataspaceengines> <dgs:dataspaceengine dgs:type="http://www.webcomposition.net/2008/02/dgs/DataSpaceEngines/XmlDataSpaceEngine" xmlns:dsexml="http://www.webcomposition.net/2008/02/dgs/DataSpaceEngines/XmlDataSpaceEngine/"> <dsexml:primarykey>@id</dsexml:primarykey> </dgs:dataspaceengine> </dgs:dataspaceengines> </collection>';    
					ShowSelectedDataInFields();
					break;
			  
				case "read-list-metadata":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/meta/";
					method = "GET";
					contenttype = "application/rdf+xml";
					ShowSelectedDataInFields();
					break;
			  
				case "create-schema":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/meta/schema/";
					method = "PUT";
					contenttype = "application/xml";
					body = '<schema xmlns="http://www.w3.org/2001/XMLSchema"><element name="person" ><complexType><sequence><element name="firstname" type="string" /><element name="secondname" type="string"/><element name="short" type="string"/></sequence><attribute name="id" type="string" /></complexType></element></schema>';
					ShowSelectedDataInFields();
					break;
			  
				case "add-new-item":
					title = "add-new-item";
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/";
					method = "POST";
					contenttype = "application/xml";
					body = '<person id="empty"><firstname>Alexey</firstname><secondname>Tschudnowsky</secondname><short>tschudnowsky</short></person>';
					ShowSelectedDataInFields();
					break;
			  
				case "read-list":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/";
					method = "GET";
					contenttype = "application/xml";
					ShowSelectedDataInFields();
					break;
			  
				case "create-new-uri-template":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/meta";
					method = "POST";
					contenttype = "text/n3";
					body = '@prefix meta: <http://www.webcomposition.net/2008/02/dgs/meta/>.\n\r<https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people> meta:urlTemplate [meta:url "people/{value}"; meta:xPath "//person[short = \'{value}\']"].';
					ShowSelectedDataInFields();
					break;
			  
				case "read-items-by-uri-template":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/tschudnowsky/";
					method = "GET";
					contenttype = "application/xml";
					ShowSelectedDataInFields();
					break;
			  
				case "create-another-list":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/";
					method = "POST";
					contenttype = "application/xml";
					body = '<collection xmlns="http://www.w3.org/2007/app" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dgs="http://www.webcomposition.net/2008/02/dgs/"> <atom:title>projects</atom:title> <dgs:dataspaceengines> <dgs:dataspaceengine dgs:type="http://www.webcomposition.net/2008/02/dgs/DataSpaceEngines/XmlDataSpaceEngine"/> </dgs:dataspaceengines> </collection>';
					ShowSelectedDataInFields();
					break;
			  
				case "create-relationship":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/meta/relationships/";
					method = "POST";
					contenttype = "text/n3";
					body = '@prefix dm: <http://www.webcomposition.net/2008/02/dgs/meta/>.\n\r<> dm:source <https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people>.\n\r<> dm:target <https://vsr-demo.informatik.tu-chemnitz.de/demodgs/projects>.\n\r<> dm:predicate <http://example.org/ontology/participatesIn>.\n\r<> dm:inverse-predicate <http://example.org/ontology/hasParticipant>.\n\r<> dm:target-alias "participatedProjects".\n\r<> dm:source-alias "participants".';
					ShowSelectedDataInFields();
					break;
			  
				case "add-new-relationship-item":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/{personId}/projects/";
					method = "POST";
					contenttype = "application/xml";
					body = '<project> <name>DataGridService</name> <version>1.0</version> </project>';
					if(PersonId!=null) {
						url = url.replace("{personId}",PersonId);
						ShowSelectedDataInFields();
					} else {
						alert('This step is based on scenario "Add some XML item", please perform the the scenario first!');
					}
					break;
			  
				case "read-linked-resources":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/{personId}/projects/";
					method = "GET";
					contenttype = "application/xml";
					if(PersonId!=null) {
						url = url.replace("{personId}",PersonId);
						ShowSelectedDataInFields();
					} else {
						alert('This step is based on scenario "Add some XML item", please perform the the scenario first!');
					}
					break;
			  
				case "create-new-rdf-xml-resource":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/";
					method = "POST";
					contenttype = "application/xml";
					body = '<collection xmlns="http://www.w3.org/2007/app" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dgs="http://www.webcomposition.net/2008/02/dgs/"> <atom:title>people/rdf</atom:title> <dgs:dataspaceengines> <dgs:dataspaceengine dgs:type="http://www.webcomposition.net/2008/02/dgs/DataSpaceEngines/XSLTDataSpaceEngine" /> </dgs:dataspaceengines> </collection>';
					ShowSelectedDataInFields();
					break;
			  
				case "create-new-xslt-list":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/";
					method = "POST";
					contenttype = "application/xml";
					body = '<collection xmlns="http://www.w3.org/2007/app" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dgs="http://www.webcomposition.net/2008/02/dgs/"> <atom:title>xslts</atom:title> <dgs:dataspaceengines> <dgs:dataspaceengine dgs:type="http://www.webcomposition.net/2008/02/dgs/DataSpaceEngines/XmlDataSpaceEngine" /> </dgs:dataspaceengines> </collection>';
					ShowSelectedDataInFields();
					break;
			  
				case "create-new-xslt-stylesheet":
					title = "create-new-xslt-stylesheet";
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/xslts/";
					method = "POST";
					contenttype = "application/xml";
					body = '<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <xsl:template match="people"> <rdf:RDF xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <xsl:apply-templates /> </rdf:RDF> </xsl:template> <xsl:template match="person"> <xsl:param name="usersId" select="@id" /> <rdf:Description rdf:about="https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/{$usersId}"> <foaf:firstName> <xsl:value-of select="FirstName" /> </foaf:firstName> <foaf:secondName> <xsl:value-of select="SecondName" /> </foaf:secondName> </rdf:Description> </xsl:template> </xsl:stylesheet>';
					ShowSelectedDataInFields();
					break;
			  
				case "configure-rdf-xml-resource":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/meta/";
					method = "POST";
					contenttype = "text/n3";
					body = '<https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people><http://www.webcomposition.net/2008/02/dgs/meta/XSLT><https://vsr-demo.informatik.tu-chemnitz.de/demodgs/xslts/{xsltId}>.';
					if(XsltId!=null) {
						body = body.replace("{xsltId}",XsltId);
						ShowSelectedDataInFields();
					} else {
						alert('This step is based on scenario "Create new XSLT stylesheet", please perform the the scenario first!');
					}
					break;
			  
				case "read-rdf-xml-resource":
					url = "https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/rdf/";
					method = "GET";
					contenttype = "application/rdf+xml";
					ShowSelectedDataInFields();
					break;
				}
	}
	
	function clear(){
		$("#requestUri").val("");
		$("#requestHeaders").val("");
		$("#requestBody").val("");
		$("#responseStatusCode").val("");
		$("#responseStatusDescription").val("");
		$("#responseHeaders").val("");
		$("#responseBody").val("");
		$("#responseLocation").val("");
		url = null;
		method = null;
		contenttype = null;
		body = null;
	}
	
	function reset() {
		var urls = new Array("https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/", 
		"https://vsr-demo.informatik.tu-chemnitz.de/demodgs/people/rdf", 
		"https://vsr-demo.informatik.tu-chemnitz.de/demodgs/xslts/", 
		"https://vsr-demo.informatik.tu-chemnitz.de/demodgs/projects");
		var i;
		for(i = 0; i < 5; i++) {
			$.ajax({
					url: urls[i],
					type: "DELETE",
					success: function (result) {
					}
				});	
			}
		clear();		
	}
	
	function extractIDs(Location) {
		var n = Location.lastIndexOf('/');
		var id = Location.substring(n+1);
		return id;
	}
	
	function SendHttpRequest() {
		$.ajax({
			url: url,
			type: method,
			data: $("#requestBody").val(),
			contentType: contenttype,
			success: function (data, textStatus, jqXHR) {
				$("#loading").hide();
				
				$("#responseStatusCode").val(jqXHR.status);
				$("#responseStatusDescription").val(jqXHR.statusText);
				var headers = jqXHR.getAllResponseHeaders();
				$("#responseHeaders").val(headers);
				$("#responseLocation").val(jqXHR.getResponseHeader('Location'));
				if(data) {
					if (typeof data == 'string' || data instanceof String)				
						$("#responseBody").val(data);
					else {
						var responsebody = new XMLSerializer().serializeToString(data);
						$("#responseBody").val(responsebody);
					}
				}
				else
					$("#responseBody").val("");

			},
			error: function ( jqXHR, textStatus, errorThrown) {
				$("#loading").hide();
				
				$("#responseStatusCode").val(jqXHR.status);
				$("#responseStatusDescription").val(jqXHR.statusText);
			}
		});
	}
	
	function ShowSelectedDataInFields() {
		$("#requestUri").val(url);
		$('#requestMethod').val(method);
		$("#requestHeaders").val("Content-Type:" + contenttype + ";");
		$("#requestBody").val(body);
	}