var isRel = ['','','','','','','','','',''];
var num = 0;
var child = [];
var start = 0;
var isImg;

function addp(parent,html)
{
	var ch = document.createElement('div');
	ch.className = "rel";
	ch.align = 'center';
	ch.innerHTML = html;
	parent.appendChild(ch);
	child[num] = ch;
}

function relation(query,n,page,img)
{
	num = n;
	start = page;
	isImg = img;
	var parent = document.getElementById('r'+num);
	var title = document.getElementById('t'+num);
	if (isRel[num] != '' && start == 0)
	{
		isRel[num] = '';
		child[num] = null;
		parent.innerHTML = '';
		parent.className = '';
		title.innerHTML = '▼';
	}
	else
	{
		isRel[num] = query;	
		var head = document.getElementsByTagName('head');
		var script = document.createElement('script');
		script.src = "relation.php?query="+encodeURIComponent(query)+"&start="+start;
		head[0].appendChild(script);
		if (start == 0)
		{
			var msg = isImg? 'Images' : 'Web pages';
			parent.innerHTML = '<table width=100%><tr><td>&nbsp;'+msg+' about the <b>'+query+'</b>...</td><td align=right><a class=ndec href="#" onClick="relation(0,'+num+',0); return false"><u>close</u>&#9650;</a>&nbsp;</td></tr></table>';
			parent.className = 'relbox';
			if (!isImg)
				title.innerHTML = '&#9650;';
		}
		else
		{
			parent.removeChild(child[num]);
			addp(parent,'Searching...');
		}
	}
}

function relDone(total,results)
{
	var parent = document.getElementById('r'+num);
	if (child[num] != null)
		parent.removeChild(child[num]);
	var table = document.createElement('table');
	var	row = table.insertRow(-1);
	var td1 = row.insertCell(-1);
	td1.style.verticalAlign = 'top';
	var td2 = row.insertCell(-1);
	if (!isImg)
	{
		var i = 0;
		while (i < results.length && i<15)
		{
			var c = document.createElement('div');
			c.className = "rel";
			var tit = results[i++];
			var des = results[i++];
			var url = results[i++];
			if (url == null)
				break;
			c.innerHTML = '<a href="' + url +'" style="font-size:15px">'+ tit +'</a><br>'+ des +'<br><font color=green>'+ url.substring(7, Math.min(url.length,80)) +'</font>';
			td1.appendChild(c);
		}
	}
	else
	{
		var i = 15;
		while (i < results.length && i<27)
		{
			var c = document.createElement('div');
			c.className = "reli";
			var mrl = results[i++];
			var url = results[i++];
			var wid = results[i++];
			var hei = results[i++];
			if (mrl.length < 7)
				continue;
			var coef = 200/wid;
			c.innerHTML = '<a href="' + url +'" style="font-size:13px"><img border=0 valign=middle src="'+ mrl +'" width="'+200+'" height="'+hei*coef+'"> '+url.substring(7, Math.min(url.length,65))+'</a><br>';
			td2.appendChild(c);
		}
	}
	parent.appendChild(table);
	if (start+8 < total)
		addp(parent,'<a href="#" class=ndec onClick="relation(\''+isRel[num]+'\','+num+','+(start+8)+','+isImg+'); return false"><u>More results</u>&#9660;</a>');
}

var isPrice = ['','','','','','','','','',''];
var pnum = 0;

function anim(id,ch)
{
	var e = document.getElementById(id);
	if (e != null)
	{
		e.innerHTML = '<a>&#'+ch+';</a>';
		if (ch == 9654)
			ch = 9655;
		else if (ch == 9655)
			ch = 9654;
		setTimeout("anim('"+id+"',"+ch+")",150);
	}
}

function checkprice(query,ishop,num)
{
	var head = document.getElementsByTagName('head');
	var script = document.createElement('script');
	script.type = "text/javascript";
	script.src = "price.php?num="+num+"&shop="+tabPrice[ishop]+"&q="+encodeURIComponent(query);
	head[0].appendChild(script);
}

function price(query,n)
{
	num = n;
	var parent = document.getElementById('r'+num);
	var title = document.getElementById('p'+num);
	if (isPrice[num] != '')
	{
		isPrice[num] = '';
		parent.innerHTML = '';
		parent.className = '';
		title.innerHTML = '&#9660;';
	}
	else
	{
		isPrice[num] = query;	
		parent.innerHTML = '<table width=100%><tr><td>&nbsp;Checking price for <b>'+query+'</b> in realtime...</td><td align=right><a class=ndec href="#" onClick="price(0,'+num+'); return false"><u>close</u>&#9650;</a>&nbsp;</td></tr></table>';
		parent.className = 'relbox';
		title.innerHTML = '&#9650;';
		var table = document.createElement('table');
		table.className = 'pricetab';
		for (n=0; n<tabPrice.length-1; n++)
		{
			var	row = table.insertRow(-1);
			var td1 = row.insertCell(-1);
			td1.innerHTML = tabPrice[n]+':';
			td1.className = "shop";
			var td2 = row.insertCell(-1);
			td2.className = "shop";
			td2.innerHTML = '<span id="'+tabPrice[n]+num+'">...</span>';
			var td3 = row.insertCell(-1);
			td3.className = 'pricedesc';
			td3.innerHTML = '<span id="t'+tabPrice[n]+num+'"></span>';
			checkprice(query,n,num);
			setTimeout("anim('"+tabPrice[n]+num+"',"+9654+")",0);
		}
		parent.appendChild(table);
	}
}

function priceDone(shop,num,val,title,url)
{
	var e = document.getElementById(shop+num);
	if (e == null)
		return;
	e.id = null;
	if (val.length == 0)
		val = 'no';
	e.innerHTML = '<a class=ndec href="'+url+'"><u>'+val+'</u><small>&#9658;</small></a>';
	e = document.getElementById('t'+shop+num);
	e.innerHTML = '<small>'+title+'</small>'; 
}