var target ='';
var viewtype;
var items;
var maxLength = 200;
var S_FORM_ID = 'catalog_query';
var imgupdating = '<img src="http://www.radiohistoria.hu/Oldradio/mainhu.nsf/updating.gif" width="25" height="25" border="0">';

function createRequestObject(){
	var request_o;
	try{
		request_o = new XMLHttpRequest();
	} catch ( error ) {
		try {
			request_o = new ActiveXObject( "Microsoft.XMLHTTP" );
		} catch ( error ) {
			return false;
		}
	}
	return request_o;
}

var http = createRequestObject(); 

function Refresh(id, Link, vt){
	if (isEmptyForm(S_FORM_ID)) {
		document.location.href = 'http://www.radiohistoria.hu/Oldradio/mainhu.nsf/wcatalog';
		return (false);
	}
	
	if (!id){
		id ='view';
	}

	viewtype = 'list';

	if (vt) {
		viewtype = vt;
	}

 	var data = document.getElementById(S_FORM_ID);
	var params = '';
	var svalue = '';
	
	for (i=0;i < data.elements.length;i++) {
		svalue = (data.elements[i].getAttribute('type') == 'checkbox') ? ((data.elements[i].checked) ? '1' : '0') : data.elements[i].value ;
		params = params + data.elements[i].getAttribute('name') + '=' + svalue; 
		if (i < data.elements.length) {
			params = params + '&';
		}
	}

	target = id;
	http.open('POST',Link);
	http.onreadystatechange = handleRefresh; 
	http.send(params);
}

function handleRefresh(){
	/* Make sure that the transaction has finished. The XMLHttpRequest object has a property called readyState with several states:
		0: Uninitialized
		1: Loading
		2: Loaded
		3: Interactive
		4: Finished */
	var content = imgupdating;

	switch (http.readyState) {
		case 0:
		content += 'Search request sent ...';
		break;

		case 1:
		content += 'Receiving search result ...';
		break;

		case 2:
		content += 'Search result received ...';
		break;

		case 3:
		content += 'Search result ready ...';
		break;

		case 4:
		if(http.status == 200){ //Finished loading the response
			var sResponse = http.responseText;
			var JSONResponse = '{';
			content = '';

			if (sResponse.substr(0, JSONResponse.length) == JSONResponse) {
				var data = eval( '(' + http.responseText + ')' );
				
				items = data.catalog;
				content = getResultMessage(items);

				switch (viewtype) {

					case 'list':
					content += getListContent(items);
					break;

					case 'table':
					content += getTableContent(items);
					break;
				}
			} else {
				content = sResponse;
			}
			
		}
		break;

		default:
		content = 'Error ...';
		break;

	}
	document.getElementById(target).innerHTML = content;
	document.getElementById('w-navig').style.visibility = 'hidden';
	return false;
} 

function getListContent (myItems) {

	var content = '<table cellspacing="0" cellpadding="2" border="0" id="t-catalog"><tr>';
	content += '<th class="hc-prod">Gyárto</th><th class="hc-mod">Típus</th><th class="hc-naz">Név</th><th class="hc-kat"></th>';
	content += '<th class="hc-vyr">Gyártva -tól -ig</th><th class="hc-img"></th><th class="hc-img"></th></tr>';
		 
var lMax = (myItems.length > maxLength) ? maxLength : myItems.length;

	for( var i = 0; i < lMax; i++ ) {
		content += '<tr valign="top" class="' + ((i % 2 > 0) ? 'even' : 'odd') + '"><td class="ccc-prod">' + myItems[i].producer + '</td>';
		content += '<td class="c-mod">' + myItems[i].model + '</td>';
		content += '<td class="c-naz"><a href="wcatalid/' + myItems[i].id + '">' + myItems[i].title + '</a></td>';
		content += '<td class="c-kat">' + myItems[i].category + '</td>';
		content += '<td class="c-vyr">' + myItems[i].productionStart + ' - ' + myItems[i].productionStop + '</td>';
		content += '<td class="c-img">' + ((myItems[i].preview.length > 0) ? '<img src="img.gif"/>':'') + '</td>\n';
		content += '<td class="c-img">' + ((myItems[i].attachments > 0) ? '<img src="folder.gif"/>':'') + '</td></tr>\n';
	}
	content += '</table>';
	return (content);
}
function getTableContent (myItems) {

	//pocet stlpcov
	var nCol = 2;
	var content = '<table cellspacing="0" cellpadding="2" border="0" id="t-catalog">';
	var lMax = (myItems.length > maxLength) ? maxLength : myItems.length;	
	var iMax = lMax- 1;
	for (var i = 0; i <= iMax; i += nCol) {
		content += '<tr>';
		for (var j = 0; j < nCol; j++) {
			var k = i + j;
		 	if (k >= lMax) {
				content += '<td class="img-cell"></td>';
			} else {
				content += '<td class="img-cell">';
				content += ((myItems[k].preview.length > 0) ? '<img class="img-item" border="0" src="wcatalid/' + myItems[k].id + '/$file/' + myItems[k].preview + '" /><br />':'<p>Obrázok nie je k dispozícii</p>');
				content += '<a class="img-title" href="wcatalid/' + myItems[k].id + '">';
				content += ((myItems[k].producer.length > 0) ? myItems[k].producer + ', ' : '');
				content += ((myItems[k].model.length > 0) ? myItems[k].model + ', ' : '');
				content += ((myItems[k].title.length > 0) ? myItems[k].title + ', ' : '');
				content = content.substr(0, content.length - 2);
				content += '</a>';
				content += '<span class="img-date">' + myItems[k].productionStart + ' - ' + myItems[k].productionStop + '</span>';
				content += '</td>';
		 	}
		}
		content = content + '</tr>';
		
	}
	content += '</table>';
	return (content);
}

function showList(id, Link, vt) {
	var content;

	if (items) {
		content = getResultMessage(items);
		viewtype = vt;
		switch (viewtype) {
			case 'list':
			content += getListContent(items);
			break;

			case 'table':
			content += getTableContent(items);
			break;
		}
		document.getElementById(id).innerHTML = content;
		return false;
	} else {
		Refresh(id, Link, vt);
		return false;
	}
}

 5-nél 
function getResultMessage(myItems) {
	var msg;
	if (myItems.length > maxLength) {
		msg = '<p>Több ' + maxLength + '-nél a dokumentumok alapulnak. Finomítsd a kérdést.</p>\n';
	} else {
		switch (myItems.length) {
			case 1:
			msg = '<p># <em>' + myItems.length + '</em>.</p>\n';
			break;

			case 2:
			case 3:
			case 4:
			msg = '<p># <em>' + myItems.length + '</em>.</p>\n';
			break;

			default:
			msg = '<p># <em>' + myItems.length + '</em>.</p>\n';
			break;
		}
	}
	return (msg);
}

function clickList (link) {
	viewtype='list';
	document.getElementById('catalog-list-button').className = 'catalog-list-on';
	var table = document.getElementById('catalog-table-button');
	if (table) {
		table.className = 'catalog-table-off';
	}
	showList('view', link, viewtype);
	return false;
}

function clickTable (link) {
	viewtype='table';
	document.getElementById('catalog-list-button').className = 'catalog-list-off';
	document.getElementById('catalog-table-button').className = 'catalog-table-on';
	showList('view', link, viewtype);
	return false;
}

function isEmptyForm (sFormID) {
	var data = document.getElementById(sFormID);
	var svalue = '';
	
	for (i=0;i < data.elements.length;i++) {
		switch (data.elements[i].getAttribute('type')) {
			case 'checkbox':
			svalue += ((data.elements[i].checked) ? '1' : '');
			break;

			case 'text':
			svalue += data.elements[i].value;
			break;

			default:
			break;
		}
	}
	if (svalue.length == 0) {
		return (true);
	} else {
		return (false);
	}
}