ArticleDownloads = {
	'idDiv'       : 'id_tab_Downloads',	
	'idDivHeader' : 'id_header_ArtikelDownloads',
	'sortColumnNo':1,
	'sortOrder':'asc'
};

ArticleDownloads.init = function() {
	/* alert('ArticleDownloads.init()') ; */	
	this.div = $('#' + this.idDiv);
	this.div.html('ArticleDownloads.init()');
	
	this.div.css({
		'margin':'0px',
		'margin-right':'0px'		
	});
}

ArticleDownloads.reload = function() 
{
	ArticleDetails.reload(this);
}

ArticleDownloads.setRecordsDownloads = function(json)
{
	this.div.empty();	
	
	if ( json.records.length > 0 ) {  
		$('#' + this.idDivHeader).show(); 
	} else {  
		$('#' + this.idDivHeader).hide(); 	
		return 0;	
	} 

	//alert(json);
	var table = ArticleDownloads._buildTable(json);
	
	this.div.append(table);
	
	ArticleDownloads.___initTableHeadSorting();
}


ArticleDownloads._buildTable = function(json)
{	
	var table    = $(document.createElement('table')).attr({
		'cellspacing':"0",
		'cellpadding':"3", 
		'border': "0", 
		'class':"datas"
	}).css({
/*		'border-bottom':'0px',*/
		'border-left':'0px',
		'border-right':'0px'
	});
	var colgroup = ArticleDownloads._getTableColgroup();
	var thead    = ArticleDownloads._getTableHead(json.headers);
	var tbody    = ArticleDownloads._getTableBody(json.records);
	table.append(colgroup);
	table.append(thead);
	table.append(tbody);
	
	
		
	return table; 
}

ArticleDownloads._getTableColgroup = function() 
{
	var colgroup = $(document.createElement('colgroup'));

	colgroup.append($(document.createElement('col')));
	colgroup.append($(document.createElement('col')).css('width','100px'));
	colgroup.append($(document.createElement('col')).css('width','120px'));
			
	return colgroup;	
}

ArticleDownloads._getTableHead = function(headers) 
{
	var thead = $(document.createElement('thead'));
	var tr = $(document.createElement('tr'));
	
	var th = $(document.createElement('th')).attr({}).css({'padding-left':'17px'});	
	th.append(ArticleDownloads.__getAhrefSorting(1, headers.file_name_alias));
	th.append(ArticleDownloads.__getTableHeadSorting(1));
	tr.append(th);
	
	var th = $(document.createElement('th')).attr({});
	th.append(ArticleDownloads.__getAhrefSorting(2, headers.file_type));
	th.append(ArticleDownloads.__getTableHeadSorting(2));
	tr.append(th);
		
	var th = $(document.createElement('th')).attr({}).css({
		'text-align':'right','border-right':'0px',
		'padding-right':'19px'
	});
	th.append(ArticleDownloads.__getAhrefSorting(3, headers.file_size));	
	th.append(ArticleDownloads.__getTableHeadSorting(3));
	tr.append(th);	
	thead.append(tr);
	return thead;	
}

ArticleDownloads.__getAhrefSorting = function(columnNo, caption)
{
	var a = $(document.createElement('a')).attr({'class':'sort_asc','rel':columnNo});
	a.append(caption);
	return a;
}

ArticleDownloads.__getTableHeadSorting = function(columnNo) 
{
	var span = $(document.createElement('span'));
	
	var fileName = 'sort_asc.png';
	if ( (columnNo == ArticleDownloads.sortColumnNo) && ( 'asc' == ArticleDownloads.sortOrder )) {
		fileName = 'sort_asc_active.png';
	}
	
	var img = ' <img src="media/images/arrows/' + fileName + '" alt=" " class="arrow_sort_asc" rel="' + columnNo + '"/>';
	
	span.append(img);
	
	var fileName = 'sort_desc.png';
	if ( (columnNo == ArticleDownloads.sortColumnNo) && ( 'desc' == ArticleDownloads.sortOrder )) {
		fileName = 'sort_desc_active.png';
	}
	
	var img = '<img src="media/images/arrows/' + fileName + '" alt=" " class="arrow_sort_desc" rel="' + columnNo + '"/>';
	
	span.append(img);
	return span;
}

ArticleDownloads._getTableBody = function(json)
{
	var tbody = $(document.createElement('tbody'));
	var rowN = 0;
	
	
	$(json).each(function(i, item) {
		rowN = (rowN == 1)?2:1;
		var tr = $(document.createElement('tr')).attr({'class':'row_selectable_' + rowN});
		tr.click(function() {			
			Browser.gotoHref(item.src);
		});
		var td = $(document.createElement('td')).css({'padding-left':'17px'}); 
		td.append(item.file_name_alias);
		tr.append(td);
		var td = $(document.createElement('td')); 
		td.append(item.file_type);
		tr.append(td);		
		var td = $(document.createElement('td')).css({
			'text-align':'right','padding-right':'19px',
			'border-right':'0px'
		}); 
		td.append(item.file_size);
		tr.append(td);		
		tbody.append(tr);
	});
	
	return tbody;
}

ArticleDownloads.___initTableHeadSorting = function()
{   //alert('ArticleDownloads.___initTableHeadSorting()');
	$('#' + this.idDiv + ' th a.sort_asc').css({'cursor':'pointer'});
	$('#' + this.idDiv + ' th a.sort_asc').click(function() { 
		ArticleDownloads.sortColumnNo = $(this).attr('rel');
		ArticleDownloads.sortOrder = 'asc';
		ArticleDownloads.reload();
	});	
	
	$('#' + this.idDiv + ' img.arrow_sort_asc').css({'cursor':'pointer'});
	$('#' + this.idDiv + ' img.arrow_sort_desc').css({'cursor':'pointer'});
	$('#' + this.idDiv + ' img.arrow_sort_asc').click(function() {
		ArticleDownloads.sortColumnNo = $(this).attr('rel');
		ArticleDownloads.sortOrder = 'asc';
		ArticleDownloads.reload();
	});
	$('#' + this.idDiv + ' img.arrow_sort_desc').click(function() {
		ArticleDownloads.sortColumnNo = $(this).attr('rel');
		ArticleDownloads.sortOrder = 'desc';
		ArticleDownloads.reload();
	});
}