function JSCornerDock(sID, iAreaHeight, iAreaWidth) {

	var pos=0;
	var total=0;
	var that = {};

	function InitiateDock() {
		eDockArea = document.getElementById(sID);
		pos=0;
		var eDockLinks = eDockArea.getElementsByTagName('div');
		total=(eDockLinks.length/2)-4;
		if (eDockLinks.length>8) {
		  for (i=0;i < 8; i=i+2) {
			eDockLinks[i].style.visibility='visible';
		  }	
		  for (i=8;i < eDockLinks.length;i= i+2) {
			eDockLinks[i].style.visibility='hidden';
			eDockLinks[i].style.width="0px";
			//eDockLinks[i].style.display="none";			
 		  }		    
		}
	}

	that.izq = function() {
		DesplazaIzquierda();
	};
	that.dcha = function() {
		DesplazaDerecha();
	};

	that.carrusel= function () {
		eDockArea = document.getElementById(sID);
		var eDockLinks = eDockArea.getElementsByTagName('div');
		if (pos==total) {
			pos=0;
			desplazar();
		}
		else {
			pos++;
			desplazar();
		}
	}


	function DesplazaIzquierda() {
		if (!pos) return;
		pos--;				
		desplazar();
	}

	function DesplazaDerecha() {
		if (pos==total) return;
		pos++;		
		desplazar();		
	}

	function desplazar() {
		eDockArea = document.getElementById(sID);		
		var eDockLinks = eDockArea.getElementsByTagName('div');
		for (i=0;i<eDockLinks.length; i=i+2) {
			eDockLinks[i].style.visibility='visible';
			eDockLinks[i].style.width="21%";
		}			
		if (eDockLinks.length>8) {
		  var num=8; //eDockLinks.length;	
		  for (i=0;i<(pos*2); i=i+2) {
			eDockLinks[i].style.visibility='hidden';
			eDockLinks[i].style.width="0px";
		  }	
		  var fin=i + num;
		  //alert("inicio=" + i + "/fin=" + fin);
		  for (j=i;j< fin; j=j+2) {
			eDockLinks[i].style.visibility='visible';
			eDockLinks[i].style.width="21%";
		  }	
		  
		  for (i=fin;i < eDockLinks.length;i= i+2) {
			  //alert("koko=" +i);
			eDockLinks[i].style.visibility='hidden';
			eDockLinks[i].style.width="0px";
 		  }		    
		}
	}
   InitiateDock();
   return that;
}

function controlCapaMap(nombre) {
	//primero ocultar todas las capas de material
	var menu= document.getElementById('menuCatalogo');
	var listaMod= menu.getElementsByTagName('div');
	
	for (var i=0;i <listaMod.length; i++) {	
		listaMod[i].style.display='none' ;
	}

		
	var capa= document.getElementById('mat' + nombre);
	
	if (capa.style.display=='block') {
		capa.style.display='none';
	} else {
		capa.style.display='block';
	}	
}

var idTime=0;
function controlGama(nombre) {
	//primero ocultar todas las capas de material
	var menu= document.getElementById('menuCatalogo');
	var listaMod= menu.getElementsByTagName('div');
	
	for (var i=0;i <listaMod.length; i++) {	
		var pos= listaMod[i].getAttribute('pos');
		if (pos != null) {
			listaMod[i].style.display='none' ;
		}
	}


	var gama= document.getElementById('detalle' + nombre);	
	var pos= gama.getAttribute('pos');
	gama.style.display='block';
}


function quitaDetalle() {
	var gama= document.getElementById('submenu');	
	gama.style.display='none';
}