DetailsAccessories = {
	'idDiv'       : 'id_tab_Accessories',
	'idDivHeader' : 'id_header_ArtikelAccessories',
	'sortColumnNo':1,
	'sortOrder':'asc'
};

DetailsAccessories.init = function() {
	/* alert('DetailsAccessories.init()') ; */
	this.div = $('#' + this.idDiv);
	this.div.html('DetailsAccessories.init()');

	this.div.css({
		'margin':'0px',
		'margin-right':'0px'
	});
}

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

DetailsAccessories.setRecordsAccessories = function(json)
{
	this.div.empty();

	if ( json.records.length > 0 ) {
		$('#' + this.idDivHeader).show();
	} else {
		$('#' + this.idDivHeader).hide();
		return 0;
	}

	//alert(json);

	var table = DetailsAccessories._buildTable(json);

	this.div.append(table);

	//DetailsAccessories.___initTableHeadSorting_withTwoArrows();
	DetailsAccessories.___initTableHeadSorting_likeFileExplorer();
}

DetailsAccessories._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 = DetailsAccessories._getTableColgroup();
	var thead    = DetailsAccessories._getTableHead(json.headers);
	var tbody    = DetailsAccessories._getTableBody(json.records);
	table.append(colgroup);
	table.append(thead);
	table.append(tbody);

	return table;
}

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

    colgroup.append($(document.createElement('col')).css('width','97px'));
	colgroup.append($(document.createElement('col')));
	/*colgroup.append($(document.createElement('col')).css('width','100px'));*/

	colgroup.append($(document.createElement('col')).css('width','110px'));
	colgroup.append($(document.createElement('col')).css('width','30px'));
	colgroup.append($(document.createElement('col')).css('width','45px'));


	return colgroup;
}

DetailsAccessories._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(DetailsAccessories.__getAhrefSorting(1, headers.article_number_internal));
	//th.append(DetailsAccessories.__getTableHeadSorting(1));
	tr.append(th);

	var th = $(document.createElement('th')).attr({});
	th.append(DetailsAccessories.__getAhrefSorting(3, headers.translation_name));
	//th.append(DetailsAccessories.__getTableHeadSorting(3));
	th.append(DetailsAccessories.__getTableHeadSorting_likeFileExplorer(3));
	tr.append(th);

	/*
	var th = $(document.createElement('th')).attr({});
	th.append(DetailsAccessories.__getAhrefSorting(2, headers.manufactor_name));
	//th.append(DetailsAccessories.__getTableHeadSorting(2));
	tr.append(th);
	*/

	var th = $(document.createElement('th')).attr({}).css({'text-align':'right'});
	th.append(DetailsAccessories.__getAhrefSorting(4, headers.article_price));
	//th.append(DetailsAccessories.__getTableHeadSorting(4));
	th.append(DetailsAccessories.__getTableHeadSorting_likeFileExplorer(4));
	tr.append(th);

	var th = $(document.createElement('th')).attr({}).css({
		'text-align': 'right','border-right':'0px','padding-right':'4px'
	});
	th.append(DetailsAccessories.__getAhrefSorting(5, headers.article_delivery_time));
	//th.append(DetailsAccessories.__getTableHeadSorting(5));
	tr.append(th);


	var th = $(document.createElement('th'))
	.attr({})
	.css({
		'text-align':  'right',
		'border-left':  '1px solid #ffffff',
		'border-right': '0px solid #ffffff',
		'padding-right':'17px'
	});
	th.append(' ');
	tr.append(th);

	thead.append(tr);
	return thead;
}

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

DetailsAccessories.__getTableHeadSorting_withTwoArrows = function(columnNo)
{
	var span = $(document.createElement('span'));

	var fileName = 'sort_asc.png';
	if ( (columnNo == DetailsAccessories.sortColumnNo) && ( 'asc' == DetailsAccessories.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 == DetailsAccessories.sortColumnNo) && ( 'desc' == DetailsAccessories.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;
}

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

DetailsAccessories._getTableBody = function(json)
{
	var tbody = $(document.createElement('tbody'));
	var rowN = 0;
	var rel = 0;

	$(json).each(function(i, item) {
		rowN = (rowN == 1)?2:1;
		rel++;
		var tr = $(document.createElement('tr')).attr({
			'class':'row_selectable_' + rowN,
			'rel':rel
		})
		.bind('mouseover',function() {
			var myRel = $(this).attr('rel');
			//$('#id_img_article_details_shopcart_' + myRel).attr('src', 'media/icons/ShopCart_small__hover.png');
			$('#id_img_article_details_shopcart_' + myRel).attr('src', 'media/images/secteo/shopcart_small_buy_me__active.png')			
		})
		.bind('mouseout',function() {
			var myRel = $(this).attr('rel');
			//$('#id_img_article_details_shopcart_' + myRel).attr('src', 'media/icons/ShopCart_small__normal.png');
;
			$('#id_img_article_details_shopcart_' + myRel).attr('src', 'media/images/secteo/shopcart_small_buy_me__enabled.png');
		})
		.click(function() {
			var article_id = this.firstChild.firstChild.innerHTML;
			ArticleDetails.toShopcartAccessory(article_id, 0, 1);
			//alert('Artikel wird zum Warenkorb hinzugefügt');
		});

		var td = $(document.createElement('td')).css({'padding-left':'17px'});

		td.tooltip({
		'bodyHandler': function(){  //alert('secteo');
		   return img = $('<img/>').attr({
					'src': 'articles/group/detailspicture/article_id/' + item.article_id
			});
		}
		});
		td.append('<span class="hideme">' + item.article_id + '</span>');
		td.append(item.article_number_internal);
		
		tr.append(td);

		var td = $(document.createElement('td'));
		td.append(item.translation_name);
		tr.append(td);

		/*
		var td = $(document.createElement('td'));
		td.append(item.manufactor_name);
		tr.append(td);
		*/



		var td = $(document.createElement('td')).css({'text-align':'right','padding-right':'4px'});
		td.append(item.article_price);
		tr.append(td);

		var td = $(document.createElement('td')).css({
			'text-align':'right',
			'padding-right':'4px',
			'border-right':'0px',
			'padding-top':'2px', 
			'vertical-align':'top'
		});
		
		var img = item.article_delivery_time_img;
		td.append(img);
		tr.append(td);
		
		var borderColor = (rowN == 1)?'1px solid #ffffff':'1px solid #e6e6e6';

		var td = $(document.createElement('td')).css({
			'text-align':'right',
			'padding-right':'20px',
			'border-left':borderColor, 
			'border-right':'0px solid #ffffff',
			'padding-left':'0px'
		});
				
		var img = $(document.createElement('img'))
		.attr({'src':'media/images/secteo/shopcart_small_buy_me__enabled.png',
			   'id':'id_img_article_details_shopcart_' + rel
		})		
		;
		if (Browser.hasIdentity() == true) {
			td.append(img);
		}
		tr.append(td);

		tbody.append(tr);
	});

	return tbody;
}

DetailsAccessories.___initTableHeadSorting_withTwoArrows = function()
{   //alert('ArticleDownloads.___initTableHeadSorting()');
	$('#' + this.idDiv + ' th a.sort_asc').css({'cursor':'pointer'});
	$('#' + this.idDiv + ' th a.sort_asc').click(function() {
		DetailsAccessories.sortColumnNo = $(this).attr('rel');
		// DetailsAccessories.sortOrder = ( DetailsAccessories.sortOrder == 'asc')?'desc':'asc'; FALSE LOGIC
		DetailsAccessories.sortOrder = 'asc';
		DetailsAccessories.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() {
		DetailsAccessories.sortColumnNo = $(this).attr('rel');
		DetailsAccessories.sortOrder = 'asc';
		DetailsAccessories.reload();
	});
	$('#' + this.idDiv + ' img.arrow_sort_desc').click(function() {
		DetailsAccessories.sortColumnNo = $(this).attr('rel');
		DetailsAccessories.sortOrder = 'desc';
		DetailsAccessories.reload();
	});
}

DetailsAccessories.___initTableHeadSorting_likeFileExplorer = function()
{
	$('#' + this.idDiv + ' th a.sort_asc').css({'cursor':'pointer'});
	$('#' + this.idDiv + ' th a.sort_asc').click(function() { //alert('a.sort_asc');
	    var clickedColumnNo = $(this).attr('rel');
		if ( DetailsAccessories.sortColumnNo == clickedColumnNo ) {
			DetailsAccessories.sortOrder = (DetailsAccessories.sortOrder == 'asc')?'desc':'asc';
		} else {
			DetailsAccessories.sortOrder = 'asc';
		};
		DetailsAccessories.sortColumnNo = clickedColumnNo;
		DetailsAccessories.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() { //alert('img.arrow_sort_asc');
		DetailsAccessories.sortColumnNo = $(this).attr('rel');
		DetailsAccessories.sortOrder = 'desc';
		DetailsAccessories.reload();
	});
	$('#' + this.idDiv + ' img.arrow_sort_desc').click(function() { // alert('img.arrow_sort_desc');
		DetailsAccessories.sortColumnNo = $(this).attr('rel');
		DetailsAccessories.sortOrder = 'asc';
		DetailsAccessories.reload();
	});
}