var xaraSwidgets_twitterATemplates = {

	user:	'{username}',

	main:		'<div id="{component_id}OuterDiv" class="twitter-ticker">'
			+ 	'<div id="top-bar">'
			+	'<div id="twitIcon" class="twiticon"><img src="{image}" width="50" height="50" alt="Twitter icon" /></div>'
			+ 	'<h2 class="tut">{heading}</h2>'
			+	'</div>'
			+	'<div class="tweet-container"><img id="loading" src="{loading}" width="16" height="11" alt="Loading.." /></div>'
			+	'<div id="scroll"></div>'
			+	'</div>'

};

function xaraSwidgets_twitterAConstructor(divID, data)
{
	// now lets compile the 'main' template which acts as a wrapper for each entry
	var mainData = data[0];
	mainData['component_id'] = divID;
	mainData['heading'] = $("<p>").text(mainData['heading']).html();

	var mainTemplate = xaraSwidgets_compileTemplate(xaraSwidgets_twitterATemplates.main, mainData);

	// now lets apply the resulting HTML for the whole component to the main DIV that was exported by XARA
	$('#' + divID).html(mainTemplate);

	var tweetUsers = [data[0].username];
	var buildString = "";

	$('#' + divID + 'OuterDiv').slideDown('slow');

	for(var i=0;i<tweetUsers.length;i++)
	{
		if(i!=0) buildString+='+OR+';
		buildString+='from:'+tweetUsers[i];
		
	}

	var fileref = document.createElement('script');

	fileref.setAttribute("type","text/javascript");
	fileref.setAttribute("src", "http://search.twitter.com/search.json?q="+buildString+"&callback=TweetTick&rpp=50");

	document.getElementsByTagName("head")[0].appendChild(fileref);
}