	var carouseltext = new Array;
	var carouselimage = new Array;
	var currentCarousel;
	var nrscreens = 4;

	var urls = new Array;
	urls = [
	"fileadmin/proxy.php?url=" + escape(featuredUrl + "index.php?id=carousel1&type=777"),
	"fileadmin/proxy.php?url=" + escape(featuredUrl + "index.php?id=carousel2&type=777"),
	"fileadmin/proxy.php?url=" + escape(featuredUrl + "index.php?id=carousel3&type=777"),
	"fileadmin/proxy.php?url=" + escape(featuredUrl + "index.php?id=carousel4&type=777"),
	"fileadmin/proxy.php?url=" + escape(featuredUrl + "index.php?id=carousel5&type=777")
	];

	var urlIndex = Math.floor(Math.random() * 5);

	var currentUrl = urls[urlIndex];

	function getCarouselData() {
	
		$.getJSON(
			currentUrl, 
			function(json) {

				var name = json.name;
				var description = json.description;
				var links = json.works;
	
				var works = links.split("[/wiki]")
	
				var jsonurl = liveurl + "?service=getworkdetails&workid=";
				var sep = "";
				
			    for (var i=0; (i < works.length); i++) {
			    
			    	if(works[i] != "") {
			    		jsonurl = jsonurl + sep + works[i].replace("[wiki]", "");
			    		sep = ",";
			    	}
	
			    }

			    jsonurl = "fileadmin/proxy.php?url=" + escape(jsonurl +  "&paramlist=" + workresultlist);

			    setCarouselData(jsonurl, name, description)
	
			}
		)
	}

	function setCarouselData(jsonurl, name, description) {
	
	
		$.getJSON(
			jsonurl, 
			function(json) {
				var data = json["object-array"][0];
				homepage = true;
					
				var src = "";

				$("#carouseltitle").html(name);
				$("#carouseldescription").html(description);

				for (var i = 0; i < data.length; i++) {

					var rr = data[i];

					if(i > (nrscreens - 1)) {
					   hidden = 'style="display:none;"';
					} else {
					   hidden = 'style="display:inline"';
					}

				    var results = new Array()
				    results  = getValueFrom(rr, "persons", "person_name", 0).concat(getValueFrom(rr, "collectives", "person_name", 0)) 
                    
					src += ('<div class="carousel" ' + hidden + '><a href="javascript:setPreview(\'' + i + '\')" onmouseover="setRolloverText(\'' + escape(sanitize("text", getValueFrom(rr, "work", "work_title"), 0)) + ' - ' + 
					                    escape(sanitizeUL(results, false)) + ' - ' + 
					                    escape(sanitize("date", getValueFrom(rr, "work", "work_created"), 0)) + '\')" onmouseout="setRolloverText(\'&nbsp;\')"><im' +
					           'g src="' + getThumbnail(rr, "work_image", "icon") + '" alt="' + sanitize("text", getValueFrom(rr, "work", "work_title"), 0) + '" title="' + sanitize("text", getValueFrom(rr, "work", "work_title"), 0) + '" height="80" width="100"></a></div>');
					
					carouseltext[i] = 	"<h3>" + sanitize("text", getValueFrom(rr, "work", "work_title"), 0) + " - " + 
					                    sanitizeUL(results, false) + " - " + 
					                    sanitize("date", getValueFrom(rr, "work", "work_created"), 0) + "</h3>" + 
										"<p>" + sanitize("archive", getValueFrom(rr, "work", "provided_by"), 0) + "</p>" + 
										"<p>" + sanitize("textlimited", getValueFrom(rr, "work", "work_description"), 0, 500) + "</p>";
					var workid = getWorkId(rr)

                    carouselimage[i] = sanitizePopup(rr, workid, "work_image", getPreviewUrl(rr), i, 
                                         sanitize("text", getValueFrom(rr, "work", "work_title"), 0), 400, 320) +
                                         '<br /><a href="' + getPreviewUrl(rr) + '" rel="' + workid + '" class="popuplink arrow">Watch preview</a> <a href="index.php?id=search&workdetail=' + getWorkId(rr) + '" class="arrow">More info</a>';
				}

				$("#mediaworks").html(src);
				
				setPreview(0);
				currentCarousel = 0;
				
			}
		)
	}
	    
    function updateCarousel() {
       $(".carousel:lt(" + currentCarousel + ")").css("display", "none");
       $(".carousel:gt(" + (currentCarousel - 1) + ")").css("display", "inline");
       $(".carousel:gt(" + (currentCarousel + nrscreens - 1) + ")").css("display", "none");
       	   
	}

    function prevCarousel() {
       if(currentCarousel > 0) currentCarousel--;
       updateCarousel();
    }

	function nextCarousel() {
       if(currentCarousel < (($(".carousel").get().length) - nrscreens)) currentCarousel++;
       updateCarousel();
	}

	function setPreview(i) {
		$("#carouseltext").html(carouseltext[i]);
		$("#carouselimage").html(carouselimage[i]);
		createPopups("#carouselimage");

       $(".carousel:lt(" + (i) + ")").removeClass("selected");	
       $(".carousel:eq(" + (i) + ")").addClass("selected");	
       $(".carousel:gt(" + (i) + ")").removeClass("selected");	
    }
	
	function setRolloverText(text)
	{
		$("#rollovertitle").html(unescape(text));
	}
	
	getCarouselData();