// JavaScript Document

var effect_1 = null;

/* funciones compartidas */
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_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_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];}
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function MM_effectBlind(targetElement, duration, from, to, toggle, setup, finish)
{
	return Spry.Effect.DoBlind(targetElement, {duration: duration, from: from, to: to, toggle: toggle, setup: setup, finish: finish});
}

/* productos */

// Funcion para obtener coordenadas en pantalla de un objeto
function findPos(obj)
{
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

/* effects es el array de efectos blind para cada gama */
var effects = new Array();
/* blindedDown es el array que indica si una gama ha sido abierta (blind down) */
var blindedDown = new Array();

// Esta funcion dado el nombre de la capa da el numero que aparece en la misma
// ej: productoGama1 da 1, productoGama2 da 2, etc.
function getLayerNumber(idLayer) {
	return idLayer.substr(idLayer.search(/[0-9]+/i))
}

// Oculta los otros menus salvo el que se le pasa como parametro
// se asume que los layers donde se encuentran el menu es nombran "productoGama" + el número
function blindOtherMenusDown(j) {
	var i=0;
	while (i < blindedDown.length) {
		if (j != i) {
			if (blindedDown[i]) {
				effects[i].cancel();
				ocultarProductos('productoGama' + i);
			}
		}
		i++;
	}
}

function mostrarProductos(idLayer, idImagen) {
	var layer = document.getElementById(idLayer);

	var pos = getLayerNumber(idLayer);
	var imagen = document.getElementById(idImagen);

	// Si el efecto no esta en ejecución y el menu no se esta mostrando, entonces lo despliega
	blindOtherMenusDown(pos);
	if (!effects[pos] || (!effects[pos].isRunning && !blindedDown[pos])) {
		

		// posiciona idLayer en pantalla un poco a la derecha y abajo de idImagen
		var coors = findPos(imagen);
		
		layer.style.top = coors[1] + 20 + 'px';
		layer.style.left = coors[0] + 9 + 'px';
		
		effects[pos] = MM_effectBlind(idLayer, 500, '0%', '100%', false);
		blindedDown[pos] = true;
	}
}

function ocultarProductos(idLayer){
	var pos = getLayerNumber(idLayer);
	if (!effects[pos].isRunning && blindedDown[pos]) { 
		effects[pos] = MM_effectBlind(idLayer, 500, '100%', '0%', false);
		blindedDown[pos] = false;
	}
}

/* Para resaltar zonas del mapa */
function setDefaultColor(obj) {
	setColor(obj, '#B8B64F','');
}

function setColor(objName, fg, bg)
{
  obj = MM_findObj(objName);
  if (obj.style)
  {
    obj.style.color = fg;
    obj.style.backgroundColor = bg;
	obj.style.fontWeight = 'bold';
  }
}