/*
Funcion que cambia la imagen superior por las pequeña que se haya seleccionado
*/
function changeimage(objchange, idchange){						
		idchange=idchange.substring(1);		
		var objtemp=document.getElementById(idchange);		
		objtemp.src=objchange.src;
		//objchange.src=objtemp.src;
}

var xmlDoc;
var posicion;
var paginaactual;
var imagen;
var marca;
var medida;
var descripcion;
var importe;
var imagen2;
var imagen3;
var imagen4;
var imagen5;
var vendida;
var nombrexml;
var imagenes;
  
function loadXML()
  {        
    // code for IE
    if (window.ActiveXObject)
    {
      xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
      xmlDoc.async=false;
      xmlDoc.load("xml/"+nombrexml+".xml");   
      getdata();   
    }
    // code for Mozilla, Firefox, Opera, etc.
    else if (document.implementation &&
    document.implementation.createDocument)
    {
      xmlDoc=document.implementation.createDocument("","",null);
      xmlDoc.load("xml/"+nombrexml+".xml");          
      xmlDoc.onload = getdata ;       	                  
    }
    else
    {
      alert('Your browser cannot handle this script');
    }
  }

function limpliar(){
	ruta="";
	imagen="";
  marca=""; 
  medida=""; 
  descripcion=""; 
  importe=""; 
  imagen2=""; 
  imagen3=""; 
  imagen4=""; 
  imagen5=""; 
  vendida="";
}

function getdata()
  {    
    limpliar();    
    if(xmlDoc.getElementsByTagName("ruta")[0].childNodes[0]!=null){   
      ruta=xmlDoc.getElementsByTagName("ruta")[0].childNodes[0].nodeValue;
    }            
    var k=(paginaactual-1)*6;    
    imagenes=new Array();
    for(j=0;j<=5;j++){  	
    	  var productos=new Array();
        if(xmlDoc.getElementsByTagName("imagen1")[k].childNodes[0]!=null){
          imagen=ruta+xmlDoc.getElementsByTagName("imagen1")[k].childNodes[0].nodeValue;
          productos[0]=imagen;
        }       
        if(xmlDoc.getElementsByTagName("marca")[k].childNodes[0]!=null){
          marca=xmlDoc.getElementsByTagName("marca")[k].childNodes[0].nodeValue;
          productos[1]=marca;
        }    
        if(xmlDoc.getElementsByTagName("medida")[k].childNodes[0]!=null){
          medida=xmlDoc.getElementsByTagName("medida")[k].childNodes[0].nodeValue;
          productos[2]=medida;
        }    
        if(xmlDoc.getElementsByTagName("descripcion")[k].childNodes[0]!=null){
          descripcion=xmlDoc.getElementsByTagName("descripcion")[k].childNodes[0].nodeValue;
          productos[3]=descripcion;
        }    
        if(xmlDoc.getElementsByTagName("importe")[k].childNodes[0]!=null){
          importe=xmlDoc.getElementsByTagName("importe")[k].childNodes[0].nodeValue;         
          productos[4]=importe;
        }    
        if(xmlDoc.getElementsByTagName("imagen2")[k].childNodes[0]!=null){
          imagen2=ruta+xmlDoc.getElementsByTagName("imagen2")[k].childNodes[0].nodeValue;
          productos[5]=imagen2;
        }    
        if(xmlDoc.getElementsByTagName("imagen3")[k].childNodes[0]!=null){
          imagen3=ruta+xmlDoc.getElementsByTagName("imagen3")[k].childNodes[0].nodeValue;
          productos[6]=imagen3;
        }
        if(xmlDoc.getElementsByTagName("imagen4")[k].childNodes[0]!=null){
          imagen4=ruta+xmlDoc.getElementsByTagName("imagen4")[k].childNodes[0].nodeValue;
          productos[7]=imagen4;
        }
        if(xmlDoc.getElementsByTagName("imagen5")[k].childNodes[0]!=null){
          imagen5=ruta+xmlDoc.getElementsByTagName("imagen5")[k].childNodes[0].nodeValue;  
          productos[8]=imagen5;
        }  
        if(xmlDoc.getElementsByTagName("vendida")[k].childNodes[0]!=null){
          vendida=ruta+xmlDoc.getElementsByTagName("vendida")[k].childNodes[0].nodeValue;  
          productos[9]=vendida;
        } 
        k++;             
      imagenes[j]=productos;
    }            
    paintProducts();
  }

function cargaInicial(pagina,varnombrexml){
	nombrexml=varnombrexml;
	paginaactual=pagina;	
	loadXML();
}
/*
Funcion que se encarga de pintar los productos
*/
//function paintProducts(pagina,varnombrexml){
function paintProducts(){
	
	var tabla=document.getElementById("tabla1");	
		
	var tbody=document.createElement("TBODY");
		
	var imagenini=(pagina-1)*6;
	var imagenfin=(pagina*6)-1;	
	//nombrexml=varnombrexml;		
	//loadXML();	
	
	var k=0;		
	
	for(j=1;j<=3;j++){
		
		var tr=document.createElement("TR");			
		
	  for(i=1;i<=2;i++){
	  	//posicion=k;
	  	//loadXML()	  	
    
	  	//getdata();	 
	  	imagen=imagenes[k][0];
	  	marca=imagenes[k][1];
	  	medida=imagenes[k][2];
	  	descripcion=imagenes[k][3];
	  	importe=imagenes[k][4];
	  	imagen2=imagenes[k][5];
	  	imagen3=imagenes[k][6];
	  	imagen4=imagenes[k][7];
	  	imagen5=imagenes[k][8];
	  	vendida=imagenes[k][9];
	  	 	
	    var td=document.createElement("TD");
	    var div=document.createElement("div");
	    div.id="plan"+i;
	  
	    var table1=document.createElement("TABLE");
	    var tbody1=document.createElement("TBODY");
	    var tr1=document.createElement("TR");
	    var td1_1=document.createElement("TD");
	    td1_1.align="center";
	    td1_1.align="right";
	    td1_1.valign="top";
	  
	    var a=document.createElement("A");
	    a.onclick=function(){window.open(this.childNodes[0].src);};
	  
	    var font1=document.createElement("FONT");
	    font1.appendChild(document.createTextNode('\u00A0'));
	  
	    var img=document.createElement("img");
	    img.id="maqgran"+k+i;
	    img.src=imagen;
	    img.className="cjn";
	    img.alt=marca;
    
      var td1_2=document.createElement("TD");
      td1_2.className="text";      
    
      var table2=document.createElement("TABLE");
      table2.className="texto";
      table2.width="100%";
      var tbody2=document.createElement("TBODY");            
      if(marca!=undefined && marca!=''){
        var tr2_1=document.createElement("TR");
        var td2_1=document.createElement("TD");
        var font2_1=document.createElement("FONT");
        font2_1.className="texto1";
        font2_1.appendChild(document.createTextNode('\u00A0'+'\u00A0'));
        font2_1.appendChild(document.createTextNode('Marca'));
        font2_1.appendChild(document.createTextNode('\u00A0'));
        
        var font2_11=document.createElement("FONT");
        font2_11.className="texto2";      
        font2_11.appendChild(document.createTextNode(marca));
          
        td2_1.appendChild(font2_1);
        td2_1.appendChild(font2_11);  
        tr2_1.appendChild(td2_1);
      }

      if(medida!=undefined && medida!=''){
        var tr2_2=document.createElement("TR");
        var td2_2=document.createElement("TD");
        var font2_2=document.createElement("FONT");
        font2_2.className="texto1";
        font2_2.appendChild(document.createTextNode('\u00A0'+'\u00A0'));
        font2_2.appendChild(document.createTextNode('Medidas'));
        font2_2.appendChild(document.createTextNode('\u00A0'));
        
        var font2_21=document.createElement("FONT");
        font2_21.className="texto2";      
        font2_21.appendChild(document.createTextNode(medida));
          
        td2_2.appendChild(font2_2);
        td2_2.appendChild(font2_21);  
        tr2_2.appendChild(td2_2);
      }

      if(descripcion!=undefined && descripcion!=''){
        var tr2_3=document.createElement("TR");
        var td2_3=document.createElement("TD");
        var font2_3=document.createElement("FONT");
        font2_3.className="texto1";
        font2_3.appendChild(document.createTextNode('\u00A0'+'\u00A0'));
        font2_3.appendChild(document.createTextNode('Descripcion'));
        font2_3.appendChild(document.createTextNode('\u00A0'));
        
        var font2_31=document.createElement("FONT");
        font2_31.className="texto2";      
        font2_31.appendChild(document.createTextNode(descripcion));
          
        td2_3.appendChild(font2_3);
        td2_3.appendChild(font2_31);  
        tr2_3.appendChild(td2_3);
      }

      var tr2_4=document.createElement("TR");
      var td2_4=document.createElement("TD");
      if(importe!=undefined && importe!=''){        
        var font2_4=document.createElement("FONT");
        font2_4.className="texto1";
        font2_4.appendChild(document.createTextNode('\u00A0'+'\u00A0'));
        font2_4.appendChild(document.createTextNode('Importe'));
        font2_4.appendChild(document.createTextNode('\u00A0'));
        
        var font2_41=document.createElement("FONT");
        font2_41.id="importe";      
        font2_41.appendChild(document.createTextNode(importe+" EUR"));
        td2_4.appendChild(font2_4);
        td2_4.appendChild(font2_41);          
        tr2_4.appendChild(td2_4);         
      }     
      if(vendida!=undefined && vendida!=''){
  	    var tr2_5=document.createElement("TR");
        var td2_5=document.createElement("TD");   
        td2_5.align="center";	   
        var font2_5=document.createElement("FONT");
        font2_5.className="vendida";
        font2_5.appendChild(document.createTextNode('\u00A0'));
        font2_5.appendChild(document.createTextNode('VENDIDA'));
        font2_5.appendChild(document.createTextNode('\u00A0'));
        td2_5.appendChild(font2_5);
        tr2_5.appendChild(td2_5);
  		} 
                     
      if(marca!=undefined && marca!=''){
        tbody2.appendChild(tr2_1);
      }
      if(medida!=undefined && medida!=''){
        tbody2.appendChild(tr2_2);
      }
      if(descripcion!=undefined && descripcion!=''){
        tbody2.appendChild(tr2_3);
      }
      //if(importe!=undefined && importe!=null){
        tbody2.appendChild(tr2_4);
      //}
      if(vendida!=undefined && vendida!=''){
        tbody2.appendChild(tr2_5);
      }
      table2.appendChild(tbody2);
      
      if(imagen!=undefined && imagen!=''){
	      a.appendChild(img);		    
	      td1_1.appendChild(font1);		
	      td1_1.appendChild(a);
	    }	
	    tr1.appendChild(td1_1);
	    td1_2.appendChild(table2);
	    tr1.appendChild(td1_2);

	    if(imagen2!=undefined && imagen2!=''){
	      var tr3=document.createElement("TR");	      
	      var td3=document.createElement("TD");
	      td3.colSpan="2";
	      td3.align="center";	  
	      var table3_2=document.createElement("TABLE");      
        table3_2.cellspacing="7";      
        var tbody3_2=document.createElement("TBODY");	
        
        var tr0_0=document.createElement("TR");	
        var td0_0=document.createElement("TD");	  
        td0_0.colSpan="2";
        var font0_0=document.createElement("FONT");      
        font0_0.appendChild(document.createTextNode('\u00A0')); 
        td0_0.appendChild(font0_0);  
        tr0_0.appendChild(td0_0);         
        
	      var tr3_1=document.createElement("TR");	
	    
	     if(imagen!=undefined && imagen!=''){    
	        var td3_1=document.createElement("TD");
	        td3_1.vAlign="middle";
	        var a3=document.createElement("A");	
	        a3.id="amaqgran"+k+i;   
	        a3.onclick=function(){changeimage(this.childNodes[0],this.id);};	     
	        var img3=document.createElement("img");
	        img3.id="maqpeq"+k+i;
	        img3.src=imagen;
	       img3.className="imagen";	    
	        a3.appendChild(img3);
	        td3_1.appendChild(a3);
	        tr3_1.appendChild(td3_1);	
	        tbody3_2.appendChild(tr0_0);
	        tbody3_2.appendChild(tr3_1);
	        table3_2.appendChild(tbody3_2);	    
	        td3.appendChild(table3_2);
	        tr3.appendChild(td3);	    	      
	      }  	       
	     if(imagen2!=undefined && imagen2!=''){    
	        var td3_1=document.createElement("TD");
	        td3_1.vAlign="middle";
	        var a3=document.createElement("A");	
	        a3.id="amaqgran"+k+i;   
	        a3.onclick=function(){changeimage(this.childNodes[0],this.id);};	     
	        var img3=document.createElement("img");
	        img3.id="maqpeq"+k+i;
	        img3.src=imagen2;
	        img3.className="imagen";	    
	        a3.appendChild(img3);
	        td3_1.appendChild(a3);
	        tr3_1.appendChild(td3_1);	
	        tbody3_2.appendChild(tr0_0);
	        tbody3_2.appendChild(tr3_1);
	        table3_2.appendChild(tbody3_2);	    
	        td3.appendChild(table3_2);
	        tr3.appendChild(td3);	    	      
	      } 
	      if(imagen3!=undefined && imagen3!=''){    
	        var td3_1=document.createElement("TD");
	        td3_1.vAlign="middle";
	        var a3=document.createElement("A");	
	        a3.id="amaqgran"+k+i;   
	        a3.onclick=function(){changeimage(this.childNodes[0],this.id);};	     
	        var img3=document.createElement("img");
	        img3.id="maqpeq"+k+i;
	        img3.src=imagen3;
	        img3.className="imagen";	    
	        a3.appendChild(img3);
	        td3_1.appendChild(a3);
	        tr3_1.appendChild(td3_1);	 
	        tbody3_2.appendChild(tr0_0);
	        tbody3_2.appendChild(tr3_1);
	        table3_2.appendChild(tbody3_2);	    
	        td3.appendChild(table3_2);
	        tr3.appendChild(td3);	    	     
	      } 
	      if(imagen4!=undefined && imagen4!=''){    
	        var td3_1=document.createElement("TD");
	        td3_1.vAlign="middle";
	        var a3=document.createElement("A");	
	        a3.id="amaqgran"+k+i;   
	        a3.onclick=function(){changeimage(this.childNodes[0],this.id);};	     
	        var img3=document.createElement("img");
	        img3.id="maqpeq"+k+i;
	        img3.src=imagen4;
	        img3.className="imagen";	    
	        a3.appendChild(img3);
	        td3_1.appendChild(a3);
	        tr3_1.appendChild(td3_1);	 
	        tbody3_2.appendChild(tr0_0);
	        tbody3_2.appendChild(tr3_1);
	        table3_2.appendChild(tbody3_2);	    
	        td3.appendChild(table3_2);
	        tr3.appendChild(td3);	    	     
	      } 
	      if(imagen5!=undefined && imagen5!=''){    
	        var td3_1=document.createElement("TD");
	        td3_1.vAlign="middle";
	        var a3=document.createElement("A");	
	        a3.id="amaqgran"+k+i;   
	        a3.onclick=function(){changeimage(this.childNodes[0],this.id);};	     
	        var img3=document.createElement("img");
	        img3.id="maqpeq"+k+i;
	        img3.src=imagen5;
	        img3.className="imagen";	    
	        a3.appendChild(img3);
	        td3_1.appendChild(a3);
	        tr3_1.appendChild(td3_1);	 
	        tbody3_2.appendChild(tr0_0);
	        tbody3_2.appendChild(tr3_1);
	        table3_2.appendChild(tbody3_2);	    
	        td3.appendChild(table3_2);
	        tr3.appendChild(td3);	    	     
	      } 	      		      	    
	    }	    
	      
	    tbody1.appendChild(tr1);	   
	    if(imagen2!=undefined && imagen2!=''){
	      tbody1.appendChild(tr3);
	    }
	    table1.appendChild(tbody1);
	    div.appendChild(table1);
	    td.appendChild(div);
	    
	    tr.appendChild(td);
	    
	    //if(i % 2 == 0){
	    tbody.appendChild(tr);	  
      //}      
      k++;            
    }
    tabla.appendChild(tbody);
    
  }
}