var target ='';
var items;
var viewtype;
var maxLength = 200;

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()) {
document.location.href = 'http://www.radiohistoria.sk/Oldradio/mainhu.nsf/wcatalog';
return (false);
}
 if (!id){
 id ='view';
 }

viewtype = 'list';
if (vt) {
viewtype = vt;
}

 document.getElementById(id).innerHTML = 'Search ...';

	var data = document.getElementById('catalog_query');
	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 */
 if(http.readyState == 4 && http.status == 200){ //Finished loading the response
 var sResponse = http.responseText;
 var content = '';
 var JSONResponse = '{';
 var content;

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

content = getResultMessage();

switch (viewtype) {

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

case 'table':
content += getTableContent();
break;

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

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

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

	content += '</table>';
	return (content);
}
function getTableContent () {

//pocet stlpcov
var nCol = 2;
	var content = '<table cellspacing="0" cellpadding="2" border="0" id="t-catalog">';
var lMax = (items.length > maxLength) ? maxLength : items.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 += ((items[k].preview.length > 0) ? '<img class="img-item" border="0" src="wcatalid/' + items[k].id + '/$file/' + items[k].preview + '" /><br />':'<p>No picture</p>');
content += '<a class="img-title" href="wcatalid/' + items[k].id + '">';
content += ((items[k].producer.length > 0) ? items[k].producer + ', ' : '');
content += ((items[k].model.length > 0) ? items[k].model + ', ' : '');
content += ((items[k].title.length > 0) ? items[k].title + ', ' : '');
content = content.substr(0, content.length - 2);
content += '</a>';
content += '<span class="img-date">' + items[k].productionStart + ' - ' + items[k].productionStop + '</span>';
content += '</td>';
		 		 		 }
		 		 }
content = content + '</tr>';
		 }
		 content += '</table>';
		 return (content);
}
function showList(id, Link, vt) {
var content;

if (items) {

content = getResultMessage();

viewtype = vt;
switch (viewtype) {

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

case 'table':
content += getTableContent();
break;

}

document.getElementById(id).innerHTML = content;
return false;

} else {
Refresh(id, Link, vt);
return false;
}
}

function getResultMessage() {
var msg;
if (items.length > maxLength) {
	msg = '<p>Found more than ' + maxLength + ' records. Make query precise.</p>\n';
} else {
switch (items.length) {
case 1:
msg = '<p>Found <em>' + items.length + '</em> record.</p>\n';
break;

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

default:
msg = '<p>Found <em>' + items.length + '</em> records.</p>\n';
break;

}
}
return (msg);
}

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

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

function isEmptyForm () {
var data = document.getElementById('catalog_query');
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);
 }

}