$(document).ready(function()
{

	/*
		Video
	*/
	function attachVideoClicks()
	{
	
		$(".videolist a, .videopreviews a").unbind("click").click(function() {
			loadYouTube($("#videopreview"), $("#videodescription"), $(this).attr("title"));
			window.location.hash="currentvideo";
			return false;
		});


		$(".videopreviews a").unbind("hover").hover(function() {
			$(".videotitle").html($(this).children().attr("title"));
		},
		function(){
			$(".videotitle").html("");
		});

	}
	attachVideoClicks();

	$(".videocontrol a").unbind("click").click(function() {
		
		var amountSplit = $(".videocontrol").attr("title").split("-");

		var currentNumber = parseInt(amountSplit[0]);
		var totalAmount = parseInt(amountSplit[1]);

		switch($(this).hasClass("witharrowleft"))
		{
			case true:
				if(currentNumber > 0)
				{
					loadYouTubePreviews($(".videopreviews"), currentNumber - 1);	
					$(".videocontrol").attr("title", (currentNumber - 1).toString() + "-" + totalAmount);
				}
			break;
			case false:
				if(currentNumber < totalAmount - 4)
				{
					loadYouTubePreviews($(".videopreviews"), currentNumber + 1);	
					$(".videocontrol").attr("title", (currentNumber + 1).toString() + "-" + totalAmount);
				}
			break;
			
		}
		
		return false;
	});
		
	
	function loadYouTube(movie, description, code)
	{
		movie.html('<object width="380" height="320"><param name="movie" value="http://www.youtube.com/v/' + code + '"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/' + code + '" type="application/x-shockwave-flash" allowfullscreen="true" width="380" height="320" wmode="transparent"></embed></object>');
	
		$.ajax({
			type: "GET",
			dataType: "xml",
			url: "http://seriousrequest.3fm.nl/page/08_xml_youtube/" + code,
			success: function (xml) {
				
				// Loopen door resultaten
				$("movie",xml).each(function()
				{
					// Titels weergeven
					//alert($(this).find("title").text());
					description.html('<h1>' + $(this).find("title").text() + '</h1>' + $(this).find("contents").text());
		
				});
				
			}
		});
	
		return false;
	}
	
	
	function loadYouTubePreviews(previews, number)
	{
		
		$.ajax({
			type: "GET",
			dataType: "xml",
			url: "http://seriousrequest.3fm.nl/page/08_xml_youtube_previews/" + number,
			success: function (xml) {
				
				var tags = "";
				
				// Loopen door resultaten
				$("movie",xml).each(function()
				{
					
					tags += '<a href="http://www.youtube.com/watch?v=' + $(this).find("code").text() + '" target="_blank" title="' + $(this).find("code").text() + '" style="float: left;"><img src="http://img.youtube.com/vi/' + $(this).find("code").text() + '/0.jpg" title="' + $(this).find("title").text() + '" alt="' + $(this).find("title").text() + '" style="width: 127px; height: 95px; border: 0; float: left; margin-right: 10px;" /></a>'					
		
				});
				
				previews.html(tags + '<div class="spacer"></div>');
				
				attachVideoClicks();				
				
			}
		});
		

		
		return false;
		
	}
	
	/*
		Photo
	*/
	$(".photopreviews a").unbind("click").click(function() {
		loadFlickr($("#photopreview"), $("#photodescription"), $(this).attr("title"));
		window.location.hash="currentphoto";
		return false;
	});
	
	$(".photocontrol a").unbind("click").click(function() {
		var previews = $(".photopreviews a").length;
		var currentId = $("#photopreview").attr("class").substr(3);
		var imageById = new Array();
		var imageByNumber = new Array();
		
		$(".photopreviews a").each(function(i, item)
		{
			var id = $(item).attr("title");
			imageById["id"+id.toString()] = i;
			imageByNumber[i] = id;
		});

		var currentNumber = imageById["id"+currentId.toString()];
		
		switch($(this).hasClass("witharrowleft"))
		{
			case true:
				if(currentNumber > 0)
				{
					loadFlickr($("#photopreview"), $("#photodescription"), imageByNumber[currentNumber - 1]);	
				}
			break;
			case false:
				if(currentNumber < previews)
				{
					loadFlickr($("#photopreview"), $("#photodescription"), imageByNumber[currentNumber + 1]);						
				}
			break;
			
		}

		return false;
	});
		
	function loadFlickr(photo, description, code)
	{
	
		$.ajax({
			type: "GET",
			dataType: "xml",
			url: "http://seriousrequest.3fm.nl/page/08_xml_flickr/" + code,
			success: function (xml) {
				
				// Loopen door resultaten
				$("photo",xml).each(function()
				{
					// Titels weergeven
					//alert($(this).find("title").text());
					photo.attr("src", $(this).find("image").text());
					photo.attr("alt", $(this).find("title").text());
					photo.attr("title", $(this).find("title").text());
					photo.attr("class", "img"+$(this).find("code").text());
					description.html('<h3>' + $(this).find("title").text() + '</h3>' + $(this).find("description").text());
		
				});
				
			}
		});
	
		return false;
	}
	
});