/* BACKWARD - prev 6 Kelkoo results in container */
function showKelkooBackward(myquery, mycat, mymax) 
{	
	mystart = $('backward'+mycat).title;
	mystart = parseInt(mystart);
		
	var opt =	{	method: 'post',
					postBody: 'q='+myquery+'&catid='+mycat+'&start='+mystart,
					onComplete: function() 
					{ 
						new Effect.Opacity(mycat, { from: 0.0, to: 1.0, duration: 1.0 });
						enableTooltips();

						// Set Backward
						if (mystart-6<1)		{ Effect.Fade('backward'+mycat, {duration: 1.0});  }
						else					
						{ 
							if ($('backward'+mycat).visible() == false)	Effect.Appear('backward'+mycat, {duration: 1.0}); 
							$('backward'+mycat).title = mystart - 6; 
						}
					
						// Set Forward
						if (mystart+6>mymax)	{ Effect.Fade('forward'+mycat, {duration: 1.0}); }
						else					
						{ 
							if ($('forward'+mycat).visible() == false)	Effect.Appear('forward'+mycat, {duration: 1.0});   
							$('forward'+mycat).title = mystart + 6;
						}
						
						// Set boxtitle "x - y"
						new Effect.Opacity('nr'+mycat, { from: 0.0, to: 1.0, duration: 1.0 });
						if (mystart+5>mymax)	to = mymax;
						else					to = mystart + 5;
						$('nr'+mycat).innerHTML = mystart + " - " + to + " (" + mymax + ")";
					} 
				};
	new Ajax.Updater( {success: mycat}, '/include/ajax_showkelkoo.php', opt);

}

/* FORWARD - next 6 Kelkoo results in container */
function showKelkooForward(myquery, mycat, mymax) 
{	
	mystart = $('forward'+mycat).title;
	mystart = parseInt(mystart);

	var opt =	{	method: 'post',
					postBody: 'q='+myquery+'&catid='+mycat+'&start='+mystart,
					onComplete: function() 
					{ 
						new Effect.Opacity(mycat, { from: 0.0, to: 1.0, duration: 1.0 });
						enableTooltips();

						// Set Backward
						if (mystart-6<1)		{ Effect.Fade('backward'+mycat, {duration: 1.0}); }
						else					
						{ 
							if ($('backward'+mycat).visible() == false)	Effect.Appear('backward'+mycat, {duration: 1.0}); 
							$('backward'+mycat).title = mystart - 6; 
						}
						
						// Set Forward
						if (mystart+6>mymax)	{ Effect.Fade('forward'+mycat, {duration: 1.0}); }
						else					
						{ 
							if ($('forward'+mycat).visible() == false)	Effect.Appear('forward'+mycat, {duration: 1.0});   
							$('forward'+mycat).title = mystart + 6; 
						}
						
						// Set boxtitle "x - y"
						new Effect.Opacity('nr'+mycat, { from: 0.0, to: 1.0, duration: 1.0 });
						if (mystart+5>mymax)	to = mymax;
						else					to = mystart + 5;
						$('nr'+mycat).innerHTML = mystart + " - " + to + " (" + mymax + ")";
					} 
				};
	new Ajax.Updater( {success: mycat}, '/include/ajax_showkelkoo.php', opt);
}

/* Show/Hide all Categories */
function showCats(myquery, mylang) 
{	
	// HIDE	 
	if ( $('categories').visible() ) {
		new Effect.BlindUp('categories', {duration: 1.2});
		return true;
	// SHOW
	} else {
		var opt =	{	method: 'post',
						postBody: 'q='+myquery+'&lang='+mylang,
						onComplete: function() 
						{ 
							new Effect.BlindDown('categories', {duration: 1.2}); 
						} 
					};
		new Ajax.Updater( {success:'categories'}, '/include/ajax_showcats.php', opt);
	}
}

	
/* Bubble Tooltips - http://pro.html.it - http://web-graphics.com */
function enableTooltips(id)
{
	var links,i,h;
	if(!document.getElementById || !document.getElementsByTagName) return;
	h=document.createElement("span");
	h.id="btc";
	h.setAttribute("id","btc");
	h.style.position="absolute";
	document.getElementsByTagName("body")[0].appendChild(h);
	if		(id==null)	links=document.getElementsByTagName("a");
	else				links=document.getElementById(id).getElementsByTagName("a");
	for(i=0;i<links.length;i++)
	{
	   	Prepare(links[i]);
	}
}

function Prepare(el)
{
	var tooltip,t,b,s,l;

	t=el.getAttribute("prdname");

	if(t==null || t.length==0) 
	{
		tooltip=CreateEl("span","tooltip");
		el.tooltip=tooltip;
	}	
	else
	{
		tooltip=CreateEl("span","tooltip");
		
		s=CreateEl("span","top");
		s.appendChild(document.createTextNode(t));
		tooltip.appendChild(s);
	
		b=CreateEl("b","content");
		l=el.getAttribute("desc");
		b.appendChild(document.createTextNode(l));
		tooltip.appendChild(b);
		
		b=CreateEl("b","price");
		l=el.getAttribute("price");
		b.appendChild(document.createTextNode(l));
		tooltip.appendChild(b);
	
		//setOpacity(tooltip);
		el.tooltip=tooltip;
		el.onmouseover=showTooltip;
		el.onmouseout=hideTooltip;
		el.onmousemove=Locate;
	}
}

function showTooltip(e)
{
	document.getElementById("btc").appendChild(this.tooltip);
	Locate(e);
}

function hideTooltip(e)
{
	var d=document.getElementById("btc");
	if(d.childNodes.length>0) d.removeChild(d.firstChild);
}

function setOpacity(el)
{
	el.style.filter="alpha(opacity:100)";
	el.style.KHTMLOpacity="1.00";
	el.style.MozOpacity="1.00";
	el.style.opacity="1.00";
}

function CreateEl(t,c)
{
	var x=document.createElement(t);
	x.className=c;
	x.style.display="block";
	return(x);
}

function Locate(e)
{
	var posx=0,posy=0;
	if(e==null) e=window.event;
	if(e.pageX || e.pageY)
	{
	    posx=e.pageX; posy=e.pageY;
	}
	else if(e.clientX || e.clientY)
	{
	    if(document.documentElement.scrollTop)
		{
	        posx=e.clientX+document.documentElement.scrollLeft;
	        posy=e.clientY+document.documentElement.scrollTop;
	    }
	    else
		{
	        posx=e.clientX+document.body.scrollLeft;
	        posy=e.clientY+document.body.scrollTop;
	    }
	}
	document.getElementById("btc").style.top=(posy+10)+"px";
	document.getElementById("btc").style.left=(posx-20)+"px";
}