var XMLHttp;
var tooltipObj = null;

function getXMLHttp(){
	var XMLHttp = null;
	try{
		XMLHttp = new XMLHttpRequest();
	}catch(e){
		try{
			XMLHttp = new ActiveXObject("Msxml2.XMLHTTP");
		}catch(e){
			try{
				XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
			}catch(e){
				alert("Tu navegador no soporta ajax o tienes javascript desahibilitado");
				return false;
			}
		}
	}

	return XMLHttp;
		
}

function getProducts(){
	if (XMLHttp.readyState==4)
	{ 
	document.getElementById("productos").innerHTML=XMLHttp.responseText;
	}	
}

function showProducts(id){
	XMLHttp = getXMLHttp();
	
    XMLHttp.onreadystatechange=getProducts;
	XMLHttp.open("GET","productos.php?id="+id,true);
	XMLHttp.send(null);
	
}

function searchProducts(word){
	XMLHttp = getXMLHttp();
	
    XMLHttp.onreadystatechange=getProducts;
	XMLHttp.open("GET","productos.php?word="+word,true);
	XMLHttp.send(null);
	
}

function showWindow(title, subtitle, image, price, enlace)
{
  var win = new Window({id: "producto", className: "alphacube", title: "Descripcion del producto", width:380, height:250, wiredDrag: true}); 
  win.setDestroyOnClose();
  win.getContent().innerHTML = '<img src="'+image+'" /><br /><br /><strong>Descripcion:</strong>&nbsp;<p>'+title+'</p><strong>Precio:</strong>&nbsp;<p>'+price+'</p><br /><a href="'+enlace+'" >Ver producto</a>';
//  win.setLocation(coordenadaX, coordenadaY);
  win.showCenter();
  win.toFront();
}

function loadTooltip(img, title, price, input){
	tooltipObj = document.createElement('div');
	tooltipObj.id = 'tooltipObj';		
	document.body.appendChild(tooltipObj);
	
	tooltipObj.innerHTML = "<img src="+img+" /><br /><p id='info'><strong>Descripcion:</strong>&nbsp;"+title+"<br /><strong>Precio:</strong>&nbsp;"+price+"</p>";
	positionTooltip(input);
}

function clearTooltip(){
	document.body.removeChild(tooltipObj);
}

function positionTooltip(inputObj)
{
	var leftPos = (Tooltip_getLeftPos(inputObj) + inputObj.offsetWidth);
	var topPos = Tooltip_getTopPos(inputObj);
	
	/*
	var rightedge=ajax_tooltip_MSIE? document.body.clientWidth-leftPos : window.innerWidth-leftPos
	var bottomedge=ajax_tooltip_MSIE? document.body.clientHeight-topPos : window.innerHeight-topPos
	*/
	var tooltipWidth = document.getElementById('tooltipObj').offsetWidth +  document.getElementById('tooltipObj').offsetWidth; 
	// Dropping this reposition for now because of flickering
	//var offset = tooltipWidth - rightedge; 
	//if(offset>0)leftPos = Math.max(0,leftPos - offset - 5);
	
	tooltipObj.style.left = leftPos + 'px';
	tooltipObj.style.top = topPos + 'px';	
	
	
}

function position(){
	var left = Tooltip_getLeftPos(tooltipObj);
	var top = Tooltip_getTopPos(tooltipObj);
	
	tooltipObj.style.left = left + 'px';
	tooltipObj.style.top = top + 'px';
}

function Tooltip_getTopPos(inputObj)
{		
  var returnValue = inputObj.offsetTop;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
  }
  return returnValue;
}

function Tooltip_getLeftPos(inputObj)
{
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
  }
  return returnValue;
}