// JavaScript Document
var box_pageWidth;
var box_pageHeight;

	function box_structElement(id, width, height, resize, show)
	{
		this.id = id;
		this.width = width;
		this.height = height;
		//
		if (resize == true)
		{
			width = width.toString() + 'px';
			height = height.toString() + 'px';
			//
			document.getElementById(id).style.width = width;
			document.getElementById(id).style.height = height;
		}
		box_showElement(id, show);
	}

	function box_resizeElement(boxElement, newWidth, newHeight)
	{
		var actual = boxElement.id;
		//
		boxElement.width = newWidth;
		boxElement.height = newHeight;
		//
		newWidth = newWidth.toString() + 'px';
		newHeight = newHeight.toString() + 'px';
		//
		document.getElementById(actual).style.width = newWidth;
		document.getElementById(actual).style.height = newHeight;
	}

	function box_detectPosition()
	{
		var error = false;
		var myWidth = 0, myHeight = 0;
		try
		{
			//myWidth = document.body.clientWidth;
			//myHeight = document.body.clientHeight;
			myWidth = screen.availWidth;
			myHeight = screen.availHeight;
			//	seteo el tamaño global
			box_pageWidth = myWidth;
			box_pageHeight = myHeight;
			//
			myWidth = myWidth.toString() + "px";
			myHeight = myHeight.toString() + "px";
			document.getElementById('box').style.width = myWidth;
			document.getElementById('box').style.height = myHeight;
			//
			box_showElement('box', false);
			//
			if (navigator.appName == 'Microsoft Internet Explorer')
			{
//				document.getElementById('box').style.filters.alpha.opacity = 65;
				var boxStyle = document.getElementById('box').style;
				boxStyle.filter = "alpha(opacity=65)";
			}
			else
			{
				document.getElementById('box').style.opacity = 0.65;
			}
			//
		}	
		catch (e)	
		{ 
			document.write(e);
			alert(e);	
			return false;	
		}
	}
	
	function box_showElement(element, show)
	{
		var display = "none";
		if (show == true)	{	display = "block";	}
		document.getElementById(element).style.display = display;
	}
	
	function box_elementCenterPosition(boxElement, show)
	{
		var innerWidth = boxElement.width;
		var innerHeight = boxElement.height;
		//
		innerWidth = box_pageWidth - innerWidth;
		innerWidth = innerWidth / 2;
		innerWidth = Math.round(innerWidth);
		innerWidth = innerWidth.toString() + "px";
		//
		innerHeight = Math.abs(box_pageHeight - innerHeight);
		innerHeight = innerHeight / 2;
		innerHeight = Math.round(innerHeight);
		//
//		innerHeight = Math.abs(innerHeight - Math.round(boxElement.height / 2));
		//
		innerHeight = innerHeight.toString() + "px";
		//
		//
		document.getElementById(boxElement.id).style.marginTop = innerHeight;
		document.getElementById(boxElement.id).style.marginLeft = innerWidth;
		box_showElement(boxElement.id, show);
	}
	
	function box_setElementPosition(boxElement, show, top, left)
	{
		//
		document.getElementById(boxElement.id).style.marginTop = top;
		document.getElementById(boxElement.id).style.marginLeft = left;
		box_showElement(boxElement.id, show);
	}
	
	function box_changeClass(id, newClass)
	{
		document.getElementById(id).className = newClass;
	}
	
	function box_changePositionType(id, type)
	{
		document.getElementById(id).style.position = type;
	}