//comportamiento menu
function overTD(td,color){
	td.style.cursor = 'hand';
	td.bgColor = color;
	td.style.border = '2px solid White';
} 
function overTD2(td,color){
	td.style.cursor = 'hand';
	td.bgColor = color;
	td.style.border = 'none';
} 
function outTD(td,color){
	td.style.cursor = 'default';
	td.bgColor = color;
	td.style.border = 'none';
} 
function clickTD(td){
	td.children.tags('A')[0].click();
}
//comportamiento menu prod --no uso ajax para no crear un html por foto--
function overmenuprod(producto){
	 document.getElementById('fotico').innerHTML = "<div id='fotico' width='210' height='169'><img src='../image/"+producto+"' width='210' height='169'></div>";	
}
//cambio de contenido en div con ajax --aņadir preload como toyplanet
function nuevoAjax(xmlhttp){

   try {
       xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } 
   catch (e) {
       try {
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } 
      catch (E) {
          xmlhttp = false;
      }
   }
   if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
      xmlhttp = new XMLHttpRequest();
   }
   return xmlhttp
}

function outmenuprod(imagen,destino){
	var contenedor;
	var ajax;
	var html = "<div id='ampli' width='350' height='350'><img src='../image/"+imagen+"' width='350' height='350'></div>";
   
	contenedor = window.parent.ampli;
	var ajax=nuevoAjax();
	preloadHTMLImages(html, function(){ 
         contenedor.innerHTML = html; 
      });
	
	//ajax.send(); 
    
	//contenedor.innerHTML = "<div align='center' id='fotico' width='387' height='318'><img src='../image/cargando.gif' align='absmiddle' width='387' height='318'></div>"; 
}

function preloadHTMLImages(html, callback){    
   var tmpContainer = document.createElement('div'); 
   tmpContainer.innerHTML = html; 
    
   var imgNodes = tmpContainer.getElementsByTagName('img'); 
   var imgs = []; //en este arreglo almacenamos los objetos Image 
   var counter = 0; //el contador que se encarga de avisarnos 
   var limit = imgNodes.length; 
        
   //esta es la funcion que se encarga de chequear e incrementar el contador 
   var incrFn = function(){  
      counter++; 
       
      if(counter >= limit){ 
         callback(); 
         tmpContainer = null; 
      } 
   }; 
    
   for(var i = 0; i < limit; i++){ 
      imgs[i] = new Image(); 
      imgs[i].src = imgNodes[i].getAttribute('src'); 
      imgs[i].onload = incrFn; 
      imgs[i].onerror = incrFn; 
   } 
} 
//funciones dreamweaver
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//mostrar/ocultar div
function mostrardiv(capa) {
 
div = document.getElementById(capa);
 
div.style.display = '';
 
}
 
function cerrardiv(capa) {
 
div = document.getElementById(capa);
 
div.style.display='none';
 
}