function listArtists(letter, pn) {
	var query = '';
	if (letter)
		query += "&letter=" + encodeURIComponent(letter);
	if (pn)
		query += "&pn=" + pn;
	var GETDATA = getUrlVars();
	for (key in GETDATA) {
        if (key=='letter' || key=='pn')
        	continue;
        query += "&" + key + "=" + GETDATA[key];
    }
    getById('tdNavigTopLeft').innerHTML = '&nbsp;';
    getById('tdNavigBottomLeft').innerHTML = '&nbsp;';
    getById('tdNavigTopCenter').innerHTML = '<img src="' + webPath + '/images/running.gif" id="runner" align="center" />';
    getById('tdNavigBottomCenter').innerHTML = getById('tdNavigTopCenter').innerHTML;
	getById('tdNavigTopRight').innerHTML = '&nbsp;';
	getById('tdNavigBottomRight').innerHTML = '&nbsp;';
	AX_call('POST', webPath + '/?page=Index_AX' + query, true, '', handleRequest);
}

function handleRequest() {
	if (request.readyState == 4) {
		if (request.status == 200) {
			var resp = request.responseText;
			var func = new Function("return " + resp);
			var objt = func();
			handleNavig(objt);
			handleTable(objt);
		} else
			alert('Greska u obradi zahteva.');
	}
}

function handleNavig(objt) {
	var tdNavigTopLeft = getById('tdNavigTopLeft');
	var tdNavigTopCenter = getById('tdNavigTopCenter');
	var tdNavigTopRight = getById('tdNavigTopRight');
	if (objt.pn>1)
		tdNavigTopLeft.innerHTML = '<a href="javascript:listArtists(\'' + objt.letter + '\', ' + (objt.pn-1) + ');">' +
			'<img src="' + webPath + '/images/btn_left.gif" alt="prethodna" align="absmiddle" /> prethodna</a>';
	else
		tdNavigTopLeft.innerHTML = '&nbsp;';
	if (objt.totalPages > 0) {
		tdNavigTopCenter.innerHTML = 'Strana ';
		if (objt.totalPages > 2) {
			var se = '<select name="pageselect" id="pageselect" style="font-size:9px;" onChange="listArtists(\'' + objt.letter + '\', this.value);">';
			for (var i in objt.selectArray) {
				se += '<option value="' + objt.selectArray[i] + '"';
				if (objt.pn==objt.selectArray[i])
					se += ' selected="selected"';
				se += '>' + objt.selectArray[i] + '</option>';
			}
			se += '</select>';
			tdNavigTopCenter.innerHTML += se;
		} else
			tdNavigTopCenter.innerHTML += '<strong>' + objt.pn + '</strong>';
		tdNavigTopCenter.innerHTML += ' od <strong>' + objt.totalPages + '</strong><br />';
	} else
		tdNavigTopCenter.innerHTML = '&nbsp;';
	if (objt.pn < objt.totalPages)
		tdNavigTopRight.innerHTML = '<a href="javascript:listArtists(\'' + objt.letter + '\', ' + (objt.pn+1) + ');">slede&#263;a ' +
			'<img src="' + webPath + '/images/btn_right.gif" alt="slede&#263;a" align="absmiddle" /></a>';
	else
		tdNavigTopRight.innerHTML = '&nbsp;';
	
	getById('tdNavigBottomLeft').innerHTML = tdNavigTopLeft.innerHTML;
	getById('tdNavigBottomCenter').innerHTML = tdNavigTopCenter.innerHTML.replace("pageselect", "pageselect2");
	getById('tdNavigBottomRight').innerHTML = tdNavigTopRight.innerHTML;
}

function handleTable(objt) {
	var response = '';
	if (objt.totalRows > 0) {
		var trc = '';
		var row;
		response = '<table width="650" border="0" cellpadding="3" cellspacing="1" class="list">' +
		'<tr><th>Naziv izvo&#273;a&#269;a</th><th>Broj pesama</th><th>Broj albuma</th><th>Broj slika</th><th width="50">Akcija</th></tr>';
		for (var k in objt.RESULT) {
			row = objt.RESULT[k];
			trc = (trc=='r1') ? 'r2' : 'r1';
			response += '<tr class="' + trc + '"><td class="first"><a href="' + webPath + '/?page=Artist' + objt.linkon + '&pn=' + objt.pn + '&artist_id=' + k + '&id=' + objt.CMSpage_id + '" class="title">' +
				safeChars(row.artist) + '</a></td><td align="center">' + row.num_songs + '</td><td align="center">' + row.num_albums + '</td><td align="center">' + row.num_images + '</td><td align="center">' +
				'<a href="' + webPath + '/?page=Artist' + objt.linkon + '&pn=' + objt.pn + '&artist_id=' + k + '&id=' + objt.CMSpage_id + '"><img src="' + webPath + '/images/btn_small_lupa.gif" width="25" height="15" alt="Detaljnije..." /></a></td></tr>';
		}
		response += '<tr class="footer"><td colspan="5">&nbsp;</td></tr></table>';
	} else 
		response = '<div align="center">Nema rezultata za zadati kriterijum.<br /><br /></div>';
	getById('divArtists').innerHTML = response;
}
