function loadXMLDoc(fname, ftype)
{
var xmlDoc_dos;
// code for IE
if (window.ActiveXObject)
  {
  if (ftype=="xml")
    {
	var xmlDoc_dos = new ActiveXObject("Msxml2.DOMDocument.4.0");
    }
  else
    {
	var xmlDoc_dos = new ActiveXObject("Msxml2.FreeThreadedDOMDocument.4.0");
	}
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation 
&& document.implementation.createDocument)
  {
  xmlDoc_dos=document.implementation.createDocument("","",null);
  }
else
  {
  alert('Your browser cannot handle this script');
  }
xmlDoc_dos.async=false;
xmlDoc_dos.load(fname);
return(xmlDoc_dos);
}

function showSerie()
{
  //alert (cat);
  displayDatatable('serie.xml', 'serie.xsl');
}

function displayDatatable(fxml, fxsl)
{
//alert(fxml+" also " +tgtid);
xml=loadXMLDoc(fxml,"xml");
xsl=loadXMLDoc(fxsl,"xsl");
// code for IE

  var x=xml.getElementsByTagName("equipo");
//for (i=0;i<x.length;i++)
//{
//}
//alert("saraza: "+i);


var numrows = x.length;
var datatablewidth = 950;
var sliderheight = 230;
var tablerows = Math.ceil(numrows / 5);
var tablecolumns = Math.ceil(numrows / tablerows);
var colwidth = Math.floor(datatablewidth / tablecolumns)-1;
datatablewidth = colwidth * tablecolumns;
var dividerwidth = colwidth - 20;

//escribe DATATABLE
for (i=0;i<tablerows;i++)
{

//var divid = "cat"+(i+1);
var divid = i+1;
var bottomvalidposition=tablecolumns*i;
var topvalidposition=(tablecolumns*i)+tablecolumns+1;
if (topvalidposition-numrows > 1)
	{
		topvalidposition=numrows+1;
		datatablewidth = colwidth*(numrows-bottomvalidposition);
	}

if (window.ActiveXObject)
  {
	var xsltThread = new ActiveXObject("Msxml2.XSLTemplate.4.0");
	xsltThread.stylesheet = xsl;
	var xsltProc = xsltThread.createProcessor();
	xsltProc.input = xml;
	//parameters
	xsltProc.addParameter("divid", divid);
	xsltProc.addParameter("colwidth", colwidth);
	xsltProc.addParameter("dividerwidth", dividerwidth);
	xsltProc.addParameter("bottomvalidposition", bottomvalidposition);
	xsltProc.addParameter("topvalidposition", topvalidposition);
	xsltProc.addParameter("tablecolumns", tablecolumns);
	xsltProc.addParameter("sliderheight", sliderheight);
	xsltProc.addParameter("datatablewidth", datatablewidth);
	
	xsltProc.transform();
	document.getElementById("datatable").innerHTML=document.getElementById("datatable").innerHTML+xsltProc.output;
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation 
&& document.implementation.createDocument)
  {
  		xsltProcessor=new XSLTProcessor();
  		xsltProcessor.importStylesheet(xsl);
		//parameters
		xsltProcessor.setParameter(null, "divid", divid);
		xsltProcessor.setParameter(null, "colwidth", colwidth);
		xsltProcessor.setParameter(null, "dividerwidth", dividerwidth);
		xsltProcessor.setParameter(null, "bottomvalidposition", bottomvalidposition);
		xsltProcessor.setParameter(null, "topvalidposition", topvalidposition);
		xsltProcessor.setParameter(null, "tablecolumns", tablecolumns);
		xsltProcessor.setParameter(null, "sliderheight", sliderheight);
		xsltProcessor.setParameter(null, "datatablewidth", datatablewidth);
		
		resultDocument = xsltProcessor.transformToFragment(xml,document);
  		document.getElementById("datatable").appendChild(resultDocument);
 }

		
		//eval ("collapse"+(i+1)+"=new animatedcollapse('cat"+(i+1)+"', 300, false)");
		//alert ("collapse"+(i+1)+"cat"+(i+1));
 
 //escribe DATATABLE
}
	document.getElementById("loading-table").parentNode.removeChild(document.getElementById("loading-table"));
	
	for (i=0;i<tablerows;i++)
	{
		eval ("collapse"+(i+1)+"=new animatedcollapse('cat"+(i+1)+"', 300, false)");
	}
	//collapse1=new animatedcollapse('cat1', 300, false);
	//collapse2=new animatedcollapse('cat2', 300, false);
}

function changeImage(nombre,nroFoto)
{
	var imagen = document.getElementById(nombre).innerHTML;
	var foto = document.getElementById("image"+nroFoto);

	if (imagen == "Vea las configuraciones completas"){
		document.getElementById(nombre).innerHTML = "Ocultar las configuraciones completas";
		foto.src = "http://www.lenovo.com/i/v15/icons/u.gif";		
	}else{
		document.getElementById(nombre).innerHTML = "Vea las configuraciones completas";
		foto.src = "http://www.lenovo.com/i/v15/icons/d.gif";
	}
}