var SubMenuActive;
var SubMenuShowing;
var posx = 0;
var posy = 0;

function ShowHideLayer(ID)
{
	if(document.getElementById(ID).style.display == "none")
	{ 
		document.getElementById(ID).style.display = "";
		switch (ID)
		{
			case 'FilterContainer':
				if(document.getElementById('TreeContainer').style.display == "none")
					SetContainerWidth('TemplatesContainer',1065);
				else
					SetContainerWidth('TemplatesContainer',895);
				break;
			case 'TreeContainer':
				SetContainerPosition('TemplatesContainer',175,150);
				if(document.getElementById('FilterContainer').style.display == "none")
					SetContainerWidth('TemplatesContainer',1055);
				else
					SetContainerWidth('TemplatesContainer',895);
				break;
			default:
				break;
		} 
	}
	else 
	{ 
		document.getElementById(ID).style.display = "none"; 
		switch (ID)
		{
			case 'FilterContainer':
				if(document.getElementById('TreeContainer').style.display == "none")
					SetContainerWidth('TemplatesContainer',1225);
				else
					SetContainerWidth('TemplatesContainer',1055);
				break;
			case 'TreeContainer':
				SetContainerPosition('TemplatesContainer',5,150);
				if(document.getElementById('FilterContainer').style.display == "none")
					SetContainerWidth('TemplatesContainer',1225);
				else
					SetContainerWidth('TemplatesContainer',1065);
				break;
			default:
				break;				
		} 
	}
}
function ShowHideElement(ID)
{
	if(document.getElementById(ID).style.display == "block")
	{ 
		document.getElementById(ID).style.display = "none";
	}
	else 
	{ 
		document.getElementById(ID).style.display = "block";
	}
}

function ShowHideTagStyle(Tag, IdClass)
{
	var tagElements=document.getElementsByTagName(Tag);
	var styleElement;
	for(i=0; i<tagElements.length; i++)
	{
		if(tagElements[i].className==IdClass)
		{
			styleElement=tagElements[i];
			// En el prototipo, la primera vez que carga la página se muestra la info.
			// Por lo que se indica que está en block. Corregir en la aplicación final.
			if(styleElement.style.display !== "block" && styleElement.style.display !== "none")
				styleElement.style.display = "block"; 
			
			if(styleElement.style.display == "block")
			{ 
				styleElement.style.display = "none";
			}
			else 
			{ 
				styleElement.style.display = "block"; 
			}	
		}
	}
}
function SetContainerWidth(ID, Size)
{
	document.getElementById(ID).style.width=Size+"px";
}
function SetContainerPosition(ID, posLeft, posTop)
{
	document.getElementById(ID).style.left=posLeft+"px";
	document.getElementById(ID).style.top=posTop+"px";
}

function ShowLayer(ID) //Mostrar el DIV 
{
    
	for (var i=0; i<arguments.length; i++) 
	{
		var Container = document.getElementById(arguments[i]);
		Container.style.display="block";
	}
	/*
	var Container = document.getElementById(ID);
	Container.style.display="block";
	*/
}
function SetSubMenuActive(ID)
{
	SubMenuActive=ID;
}
function ShowVerticalSubMenu(ID,event) //Mostrar el DIV 
{
	/*
	var resultado="";
	for (var i=0; i<arguments.length; i++) 
	{
		resultado = resultado +"Num: "+i+" : "+arguments[i].type+" : "+arguments[i]+"<br/>";
	}
	document.write(resultado);
	*/
	
	if(SubMenuShowing)
	{
		HideVerticalSubMenu(SubMenuShowing);
	}
	SubMenuShowing=ID;
	for (var i=0; i<arguments.length; i++) 
	{
		if(arguments[i] && arguments[i].type==undefined)
		{
			var Container = document.getElementById(arguments[i]);
			
			Container.style.zIndex="1000";
			Container.style.position="absolute";
			Container.style.left="200px";

			if(event)
			{
				getMousePosition(event);
				Container.style.top=posy-5+"px";
			}
			
			Container.style.display="block";
		}
    }
}
function HideLayer(ID) //Ocultar el DIV
{
    
	for (var i=0; i<arguments.length; i++) 
	{
		var Container = document.getElementById(arguments[i]);
		Container.style.display="none";
	}	
	/*
	var Container = document.getElementById(ID);
	Container.style.display="none";
	*/
}
function HideVerticalSubMenu(ID) //Ocultar el DIV
{
	for (var i=0; i<arguments.length; i++) 
	{
		if(ID!=SubMenuActive)
		{
			var Container = document.getElementById(arguments[i]);
			Container.style.display="none";
		}
	}	
}
function CleanVerticalSubMenu(ID,event) //Mostrar el DIV 
{
	if(SubMenuShowing && SubMenuShowing!=ID)
	{
		HideVerticalSubMenu(SubMenuShowing);
	}
	SubMenuShowing=ID;
}
function ShowEnlargedImage(posImage)
{
	var familyImageContainer = document.getElementById("EnlargedImage");
	familyImageContainer.src=posImage;
	document.getElementById('EnlargedImageContainer').style.display="block";
	/*
	switch (posImage)
	{
	case 'topLeft':
		familyImageContainer.src='../images/Families/Laboratorio.jpg';
		document.getElementById('EnlargedImageContainer').style.display="block";
		break;
	case 'topRight':
		familyImageContainer.src='../images/Families/Multiview.jpg';
		document.getElementById('EnlargedImageContainer').style.display="block";
		break;
	case 'bottomLeft':
		familyImageContainer.src='../images/Families/Phase5.jpg';
		document.getElementById('EnlargedImageContainer').style.display="block";
		break;
	case 'bottomRight':
		familyImageContainer.src='../images/Families/Recon-FoldOver-1.jpg';
		document.getElementById('EnlargedImageContainer').style.display="block";
		break;
	default: break;
	}
	*/
}

function CloseContainer(ID)
{
	document.getElementById(ID).style.display="none";
}
function delay(milisegundos)
{
	for(i=0;i<=milisegundos;i++)
	{
	setTimeout('return 0',1);
	}
}
function getMousePosition(e) 
{
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	
	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	
	{
		posx = e.clientX + document.body.scrollLeft	+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop	+ document.documentElement.scrollTop;
	}
}
function getMousePositionX(e) 
{
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	
	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	
	{
		posx = e.clientX + document.body.scrollLeft	+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop	+ document.documentElement.scrollTop;
	}
	
	// posx and posy contain the mouse position relative to the document
	// Do something with this information
}
function getMousePositionY(e) 
{
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	
	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	
	{
		posx = e.clientX + document.body.scrollLeft	+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop	+ document.documentElement.scrollTop;
	}
	
	// posx and posy contain the mouse position relative to the document
	// Do something with this information
}