document.domain = "dr.dk";

var player;

function skumtv_init() {
	parent.resizeIframe('skumtvFrame',document.getElementById('skumtvFrame').offsetHeight);
}

function skumtvUpdateMetaData(textData, xmlData)
{
	metaData = Json.evaluate(textData);
	
	var container = document.getElementById("skumtvClipMetaData");
	// Clean old content
	while(container.firstChild)
	{
		container.removeChild(container.firstChild);
	}
	
	// 1-1 relations
	if (metaData.related != null)
	{
		var h3 = document.createElement("h3");
		h3.appendChild(document.createTextNode("Relatede klip"));
		h3.className = "skumtvRelateredeKlip";
		container.appendChild(h3);
  	var ol = document.createElement("ol");
  	for (var x = 0; x < metaData.related.length; x++)
  	{
  		var li = document.createElement("li");
  		li.className = "skumtvMetaDataCategory";
  		var a = document.createElement("a");
  		a.href = "?lngItemID=1310&skumtv=forside&klip=" + metaData.related[x].id;
  		a.appendChild(document.createTextNode(metaData.related[x].title));
  		li.appendChild(a);
  		ol.appendChild(li);
  	}
  	container.appendChild(ol);
  }
  
  // Category
	if (metaData.categories.length > 0 && metaData.categories[0].id != 77)
	{
		var h3 = document.createElement("h3");
		h3.appendChild(document.createTextNode("Se flere klip om"));
		h3.className = "skumtvFlereIndslag";
		container.appendChild(h3);
  	var ol = document.createElement("ol");
  	for (var x = 0; x < metaData.categories.length; x++)
  	{
  		var li = document.createElement("li");
  		li.className = "skumtvMetaDataCategory";
  		var a = document.createElement("a");
  		a.href = "?lngItemID=1390&skumtv=forside&kategori=" + metaData.categories[x].id;
  		a.appendChild(document.createTextNode(metaData.categories[x].name));
  		li.appendChild(a);
  		if (x+1 != metaData.categories.length)
	  	{
	  		li.appendChild(document.createTextNode(", "));
	  	}
  		ol.appendChild(li);
  	}
  	container.appendChild(ol);
  }
	
	// Internal links
	if (metaData.int_links.length > 0)
	{
		var h3 = document.createElement("h3");
  	h3.appendChild(document.createTextNode("Relateret Skum"));
  	h3.className = "skumtvRelateret";
  	container.appendChild(h3);
  	var ol = document.createElement("ol");
  	for (var x = 0; x < metaData.int_links.length; x++)
  	{
  		var li = document.createElement("li");
  		var a = document.createElement("a");
  		a.href = metaData.int_links[x].url;
  		a.target = "_blank";
  		a.appendChild(document.createTextNode(metaData.int_links[x].text));
  		li.appendChild(a);
  		ol.appendChild(li);
  	}
  	container.appendChild(ol);
  }
  
  // External links
	if (metaData.ext_links.length > 0)
	{
		var h3 = document.createElement("h3");
  	h3.appendChild(document.createTextNode("Links"));
  	h3.className = "skumtvLinks";
  	container.appendChild(h3);
  	var ol = document.createElement("ol");
  	for (var x = 0; x < metaData.ext_links.length; x++)
  	{
  		var li = document.createElement("li");
  		var a = document.createElement("a");
  		a.href = metaData.ext_links[x].url;
  		a.target = "_blank";
  		a.appendChild(document.createTextNode(metaData.ext_links[x].text));
  		li.appendChild(a);
  		ol.appendChild(li);
  	}
  	container.appendChild(ol);
  }
  
  // Chat
  // ?
  
  // Direct link
	var i = document.createElement("input");
	i.className = "skumtvDirectLink";
	i.value = "http://community.dr.dk/default.ns?lngItemID=1310&klip=" + metaData.id;
	//container.appendChild(i);
  
  // Description
  var container = document.getElementById("skumtvClipDescription");
  // Clean old content
	while(container.firstChild)
	{
		container.removeChild(container.firstChild);
	}
	// Title
	var h2 = document.createElement("h2");
	h2.appendChild(document.createTextNode(metaData.title));
	container.appendChild(h2);
	// Description
	var p = document.createElement("p");
	p.appendChild(document.createTextNode(metaData.manchet));
	container.appendChild(p);
	
  // Resize the iframe
  skumtv_init();
}

window.onload = function() {
	pageLoad();
	skumtv_init();
};

// document.getElementsByTagName('iframe')[0].contentWindow.skumtv_init();

function highlight(clipID)
{
	// The highlighting
	if (uplayerCurrentClip)
	{
		uplayerCurrentClip.highlighted = false;
		uplayerCurrentClip.parentNode.className = uplayerCurrentClip.parentNode.className.replace(/uplayerClipHighlighted/, "");
	}
	uplayerCurrentClip = document.getElementById("clip_" + clipID);
	uplayerCurrentClip.parentNode.className = uplayerCurrentClip.parentNode.className + " uplayerClipHighlighted";
	uplayerCurrentClip.highlighted = true;
	if (document.getElementById("uplayerTipFriendClipID"))
	{
		document.getElementById("uplayerTipFriendClipID").value = uplayerCurrentClip.href.substr(uplayerCurrentClip.href.indexOf("#") + 6);
	}
	// The meta data
	
	var req_url = "http://www.dr.dk/php/ung/uplayer/xmlservice/?i=" + uplayerCurrentClip.href.substr(uplayerCurrentClip.href.indexOf("#") + 6);
	var req = new XHR({
			method: 'get',
			onSuccess: skumtvUpdateMetaData
  }).send(req_url);
}

function prepareClips(lmnt, clss)
{
	var clips = lmnt.getElementsByTagName("a");
	var pos = -1;
	for (var i = 0; i < clips.length; i++)
	{
		if (clips[i].tagName == "A")
		{
			if (clips[i].className.search(clss) > -1)
			{
				// Update position
				pos++;
				clips[i].position = pos;
				// Set clipID
				if (clips[i].id != null && clips[i].id != "")
				{
					clips[i].clipID = clips[i].id.replace(/clip_/, "") //  x++;
				}
				// Remember original background color of each clip
				if (clips[i].style.background)
				{
					clips[i].originalBackground = clips[i].style.background;
				}
				// Or set it as none
				else
				{
					clips[i].originalBackground = "none";
				}
				// Set it's initial highlight state
				clips[i].highlighted = false;
				// Change background color on mouse over
				clips[i].onmouseover = function()
				{
					this.className = this.className + " uplayerClipHover";
				}
				// Change background color back on mouse out
				clips[i].onmouseout = function()
				{
						this.className = this.className.replace(/uplayerClipHover/, "");
				}
				// Load clip on click
				clips[i].onclick = function()
				{
					highlight(this.position);
					loadClip(this.clipID);
					this.blur();
					//window.scrollTo(0,0);
					//player.play();
					return false;
				}
			}
		}
	}
}