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)
	{
		this.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)
			{
				this.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)
	{
		this.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 getMouseXY(e) 
{
	// Detect if the browser is IE or not.
	// If it is not IE, we assume that the browser is NS.
	var IE = document.all?true:false;

	// Set-up to use getMouseXY function onMouseMove
	//document.onmousemove = getMouseXY;
	
	if (IE) 
	{ // grab the x-y pos.s if browser is IE
	tempX = event.clientX + document.body.scrollLeft;
	tempY = event.clientY + document.body.scrollTop;
	} 
	else 
	{  // grab the x-y pos.s if browser is NS
	tempX = e.pageX;
	tempY = e.pageY;
	}  
	// catch possible negative values in NS4
	if (tempX < 0)
	{tempX = 0;}
	if (tempY < 0)
	{tempY = 0;}  
	// show the position values in the form named Show
	// in the text fields named MouseX and MouseY
	//document.write.MouseX.value = tempX;
	//document.Show.MouseY.value = tempY;
	document.write("Pos: "+tempX+":"+tempY);
	//return tempX+":"+tempY;
	//return true
}
*/
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
}

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;
	}
}