var captionTabel= new Array('Nr.','Denumire','Descriere','Rank');

/**
* Scrie capul de tabel
*/
function captabel(page){
str='<TR><td></td><TD><a href="javascript:sortByDenumire(0,listSiteuri);dumpData('+page+');">+</a> <b><font size="2">Denumire </font></b> <a href="javascript:sortByDenumire(1,listSiteuri);dumpData('+page+');">-</a></TD> <TD align="right"><a href="javascript:sortByRank(0,listSiteuri);dumpData('+page+');">+</a> <b><font size="2">Rank </b></font><a href="javascript:sortByRank(1,listSiteuri);dumpData('+page+');">-</a></TD></TR>';
return str;
}
/**
* Functii care creaza tabelul pe ecran
*/
function tableStart(){
str='<table width="600">';
return str;
}
function tableEnd(){
str='</table>';
return str;
}
function trStart(){
str='<tr valign="top">';
return str;
}
function trEnd(){
str='</tr>';
return str;
}
function tdStart(){
str='<td>';
return str;
}
function tdStartSpan(col_span){
str='<td colspan='+col_span+'>';
return str;
}

function tdEnd(){
str='</td>';
return str;
}
/**
* end Functii care creaza tabelul pe ecran
*/




function sortByDenumireAsc(siteA,siteB){
	if(siteA.denumireSite.toUpperCase() < siteB.denumireSite.toUpperCase())	
		return -1;
	else 
		if(siteA.denumireSite.toUpperCase() > siteB.denumireSite.toUpperCase())	
		return 1;
	return 0;
}
function sortByDenumireDesc(siteA,siteB){
		if(siteA.denumireSite.toUpperCase() < siteB.denumireSite.toUpperCase())	
		return 1;
	else 
		if(siteA.denumireSite.toUpperCase() > siteB.denumireSite.toUpperCase())	
		return -1;
	return 0;
}



function sortByRankAsc(siteA,siteB){
	return siteA.rankSite - siteB.rankSite
}
function sortByRankDesc(siteA,siteB){
	return siteB.rankSite - siteA.rankSite
}


/**
* Sortare dupa rank, prin bule.
* 0 ascendet 1 descendent
*/
function sortByRank(type,listSiteuri){


if(type==0){
	listSiteuri.sort(sortByRankAsc);
}else listSiteuri.sort(sortByRankDesc);
	
}
/**
* Sortare dupa Denumire, prin bule.
* 0 ascendet 1 descendent
*/
function sortByDenumire(type,listSiteuri){

if(type==0){
	listSiteuri.sort(sortByDenumireAsc);
} else{
listSiteuri.sort(sortByDenumireDesc);
}
}


/**
* Generare elemente tabel.
*/

function scrieDenumireSite(site,nr){
return '<td valign="bottom"><font size="2">'+nr+'.&nbsp;</font></td><TD valign="middle" align="left">'+'<a href="'+site.linkSite+'"><img valign="bottom" border="0" src="'+site.linkImg+'" width="145" height="25"></a></TD>';
}
function scrieRank(site){
return '<TD valign="bottom" align="right"><img border="0" src="'+site.rankImg+'"></TD></TR>';
}
function scrieDescriere(site){
return '<TD height="27" colspan="3"><font face="Arial" size="2">' +site.descriere+'</font></TD>';
}

function dumpData(page){
var str="";

str+=tableStart();
str+=captabel(page);
//str=captabel(str);
start = (NoItemPerPage*page);
end = start+ NoItemPerPage;
if(end > listSiteuri.length)
	end = listSiteuri.length;
	for ( var i = start; i < end; i++){
		str+=trStart()
		str+=scrieDenumireSite(listSiteuri[i],i+1);
		str+=scrieRank(listSiteuri[i]);
		str+=trEnd();
		str+=trStart();
		str+=scrieDescriere(listSiteuri[i]);
		str+=trEnd();
}

str+=trStart();
str+=tdStartSpan(3);
pages=listSiteuri.length/NoItemPerPage;
for(var i=0; i<pages;i++){
str+='<a href="javascript:dumpData('+(i)+');"><font size="2">'+(i+1)+'</font></a> &nbsp;';
}
str+=tdEnd();
str+=trEnd();

str+=tableEnd();

document.getElementById('tab').innerHTML =str;
}