var NewsWidget = function(strWidgetId) {
	var strWidgetId;
	
	this.init(strWidgetId);
}

NewsWidget.prototype.init = function(strWidgetId) {
	this.setWidgetId('news-widget_'+strWidgetId);
}

NewsWidget.prototype.renderTo = function(strElementId) {
	var objRenderElement = $('#'+strElementId);
	var objContainer = $('<div />').attr('id',this.getWidgetId()).addClass('news-widget');
	var objPreviewContainer = $('<div />').addClass('preview-container');
	objContainer.append(objPreviewContainer);
	var objTabControlContainer = $('<div />').addClass('tabcontrol-container');
	objTabControlContainer.append(this.generateTabs());
	objTabControlContainer.append(this.generateList(this.strWidgetId));
	objContainer.append(objTabControlContainer);
	objRenderElement.append(objContainer);
}

NewsWidget.prototype.generateList = function(strWidgetId) {
	var objList = new List(strWidgetId);
	
	//var objListNode = new ListNode('test','lorum de sjizzle','http://www.google.nl','#');
	//objList.addNode(objListNode);
	
	$.get('http://www.tilburg.com/web/XMLNieuwsAgendaPublicatiedatum.htm?sort=datum&plein=homepage&types=nieuws|agenda&filter=recent',null,function(data, textStatus, XMLHttpRequest){
      if( data.childNodes[0].childNodes.length > 0) {
        var objList = new List();
        
        $(data.childNodes[0]).find('result').each(function(){
					var strTitle = $(this).find('titel').text();
					var strIntro = $(this).find('intro').text();
					var strUrl = $(this).find('url').text();
					var strImg = $(this).find('img').text();
					var objListNode = new ListNode(strTitle,strIntro,strUrl,strImg);
					objListNode.renderTo('test');
					//objList.addNode(new ListNode(strTitle,strIntro,strUrl,strImg));
				});
				
				//console.debug(objList);
      }
  });
	
	return objList.getListHTML();
}

NewsWidget.prototype.update = function() {
	console.debug($('#'+this.getWidgetId()+' .tabcontrol-container ul.list'));
}


NewsWidget.prototype.generateTabs = function() {
	var objTabsList = $('<ul />').addClass('tabs');
	
	var objLeftCorner1 = $('<div />').addClass('left-corner');
	var objRightCorner1 = $('<div />').addClass('right-corner');

	var objElA1 = $('<a />');
	var objElLi1 = $('<li />');
	
	objElA1.click(this, function(e){
		$(this).parent().siblings().children('a').removeClass('active');
		$(this).addClass('active');
		
		e.data.update();
	});
	
	//objElA1.click(this.update);
	
	var objElFirstLi = objElLi1.append(objLeftCorner1).append(objRightCorner1.css('margin-left','172px')).append(objElA1.css('margin-right','2px').attr({
		'href':'#recent',
		'title':''
	}).text('recent'));
	
	var objLeftCorner2 = $('<div />').addClass('left-corner');
	var objRightCorner2 = $('<div />').addClass('right-corner');

	var objElA2 = $('<a />');
	var objElLi2 = $('<li />');
	
	objElA2.click(function(){
		$(this).parent().siblings().children('a').removeClass('active');
		$(this).addClass('active');
		
	});
	
	var objElSecondLi = objElLi2.append(objLeftCorner2).append(objRightCorner2.css('margin-left','172px')).append(objElA2.css('margin-right','2px').attr({
		'href':'#most-views',
		'title':''
	}).text('meest bekeken'));
	
	objElSecondLi.click(function(){
		$(this).siblings().removeClass('active');
		$(this).addClass('active');
	});

	objTabsList.append(objElFirstLi);
	objTabsList.append(objElSecondLi);
	
	return objTabsList;
}

NewsWidget.prototype.setWidgetId = function(strWidgetId) {
	this.strWidgetId = strWidgetId;
}

NewsWidget.prototype.getWidgetId = function() {
	return this.strWidgetId;
}