function program_item(prog_name, prog_url){
	this.name = prog_name;
	this.href = prog_url;
}

function program_logo_item(image_path, prog_url){
	this.path = image_path;
	this.href = prog_url;
}

function compareProgramItems(a,b) {
 if (a.name > b.name)
  return 1;
 if (b.name > a.name)
  return -1;
 return 0;
}

// update programs array (keshet or bip) using the variant 
function setProgramsTable(programs_array){
	
	var ITEMS_PER_ROW = 3;
		
	var main_td = document.getElementById('programs_list');

	var ind;
	
	var innHTML = '';
	innHTML += '<table class="rtl" cellspacing="0" cellpadding="0" border="0" align="right">';
	
	for(ind in programs_array)
	{
		

	 	if (programs_array[ind].length == 0) //don't create rows for empty letters
			continue;

		if (typeof(programs_array[ind]) != 'object')
			continue;
		

		// create headline
		innHTML += '<tr>';
		innHTML += '<td class="prog_td"><h4>' + ind + '</h4></td>';
		innHTML += '<td class="prog_space"></td>'
		innHTML += '<td class="prog_td">&nbsp;</td>'
		innHTML += '<td class="prog_space"></td>'
		innHTML += '<td class="prog_td">&nbsp;</td>'	
		innHTML += '</tr>';

		
		
		// sort programs		
		programs_array[ind].sort(compareProgramItems);
		
		// create program tree
		for (var i = 0; i < programs_array[ind].length; i++)
		{
			if (i % ITEMS_PER_ROW == 0)
					innHTML += '<tr>'; // open new TR
			
			innHTML += '<td class="prog_td"><a href="' + programs_array[ind][i].href + '">' + programs_array[ind][i].name + '</a></td>';
			
			if ((i % ITEMS_PER_ROW) != ITEMS_PER_ROW - 1)
				innHTML += '<td class="prog_space"></td>';
									
			if ((i % ITEMS_PER_ROW) == ITEMS_PER_ROW - 1 || i == programs_array[ind].length - 1)
				innHTML += '</tr>'; // close last TR
			 
		}
	}
	
	innHTML += '</table>';
	
	//alert(innHTML);
	
	main_td.innerHTML = innHTML;
}

function setProgramsTopImages(programs_logo_array, skinsPath){
	
	var TOP_LOGOS_NUM = programs_logo_array.length;
	var LOGOS_PER_ROW = 4;
	var main_td = $('classic_programs_top_images');
	
	var innHTML = '';
	
	innHTML += '<table class="rtl" cellspacing="0" cellpadding="0" border="0" style="width: 100%;">';
	
	for (var i = 0; i < TOP_LOGOS_NUM; i++)
	{
		if (i % LOGOS_PER_ROW == 0)
			innHTML += '<tr>';
		innHTML += '<td style="padding-bottom: 17px; _padding-bottom: 14px;">';
		innHTML += '<div class="pic"';
		innHTML += 'style="background-image: url(' + skinsPath + '/' + programs_logo_array[i].path + ');">';
		innHTML += '<div class="pic_frame"><a href="' + programs_logo_array[i].href + '"></a></div></div>';
		innHTML += '</td>';
		if (i % LOGOS_PER_ROW == LOGOS_PER_ROW - 1)
			innHTML += '</tr>';
	}
		
	innHTML += '</table>';
	
	main_td.innerHTML = innHTML;
}