var explorador;
var left;
var right;
var content;
var colLeft;
var colRight;
var colMid;
var leftLoop;
var rightLoop;
var imgArray;

function init()
{
	
	setElements();
	//
	if(imgArray) acomodarImgs(imgArray)
	var h = content.offsetHeight+"px";
	colLeft.style.height = h;
	colRight.style.height = h;
	colMid.style.height = h;
	leftLoop.style.height = (content.offsetHeight - 308)+"px";
	rightLoop.style.height = leftLoop.offsetHeight+"px";
	//
	setSizes();
	window.onresize = setSizes;
}

function setSizes()
{
	left.style.height = content.offsetHeight+"px";
	right.style.height = content.offsetHeight+"px";
	if(document.body.clientWidth > 988) 
	{
		var currH = (document.body.clientWidth - 988) / 2;
		left.style.width = currH+"px";
		right.style.width = currH+"px";
		left.style.display = "block";
		right.style.display = "block";
	}
	else
	{
		left.style.display = "none";
		right.style.display = "none";
	}
}

function acomodarImgs(value)
{
	for(var i = 0; i < imgArray.length; i++)
	{
		var paddTop;
		var paddLeft;
		
		if(imgArray[i].offsetWidth > 133)
		{
			paddLeft = Math.round((133 - imgArray[i].offsetWidth) / 2)+"px";
		}else
		{
		paddLeft = 0;
		}
		
		if(imgArray[i].offsetHeight > 100)
		{
			paddTop = Math.round((100 - imgArray[i].offsetHeight) / 2)+"px";
		}
		else
		{
		paddTop = 0;
		}
		imgArray[i].style.margin = paddTop+" 0 0 "+paddLeft;
	}
}

/* BASIC METHODS */
function getElement(value)
{
	return document.getElementById(value);
}

function setElements()
{
	left = getElement("left");
	right = getElement("right");
	content = getElement("content");
	colLeft= getElement("colLeft");
	colRight= getElement("colRight");
	colMid= getElement("colMid");
	leftLoop= getElement("leftLoop");
	rightLoop = getElement("rightLoop");
	if(document.getElementById("imgGallery")){ imgArray = document.getElementById("imgGallery").getElementsByTagName("img")};
}