$(document).ready(function() {
	citeFrame.Init();
});

var citeFrame =
{
	frame : null,
	template : '<a class="cite" href="/?alttemplate=udtalelser&idd={url}"><div class="body">{body}</div><div class="label">{label}</div><img class="logo" src="/umbraco/ImageGen.ashx?image={image}" /></a>',
	index : 0,
	currentCite : null,
	
	Init : function ()
	{
		this.index = Math.floor(Math.random()*50);
		this.frame = $("#citeFrame");	
		this.LoadCite();
	},
	
	CreateCite : function (url, bodyTxt, label, imageUrl)
	{
		var ret = this.template
			.replace("{url}", url)
			.replace("{body}", bodyTxt)
			.replace("{label}", label)
			.replace("{image}", imageUrl);
		
		return ret;
	},
	
	
	LoadCite : function ()
	{
		$.ajax(
		{
			url: "?alttemplate=XML&index=" + this.index + "&sourceNode=1087",
			dataType: "xml",
			success : this.LoadSuccess
		});
		
		this.index++;
	},
	
	
	LoadSuccess : function (d)
	{	
		var data = $(d);
	
		var bodyTxt = data.find("citat").text();
		var label = data.find("navn").text();
		var imageUrl = data.find("image").text();
		var url = data.find("root").attr("targetUrl");
		var newCite = citeFrame.CreateCite(url, bodyTxt, label, imageUrl);
		
		$(citeFrame.frame).prepend(newCite);
		newCite = $(citeFrame.frame).children().first();
		
		if (citeFrame.currentCite!=null)
		{
			$(citeFrame.currentCite)
				.animate
				(
					{
						right: "1100",
						opacity : 0
					},
					1000,
					function ()
					{
						$(this).remove();
					}
				);
		}
		
		citeFrame.currentCite = newCite;
		$(newCite)
			.css({ opacity: 0 })
			.animate
			(
				{
					right: "505",
					opacity: 1
				},
				1000
			)
			;
		
		
		setTimeout("citeFrame.LoadCite()", 15000); 
	}
	
	
	
	
	
	
	
	
};