/**
 * Metodo que abre a caixa.
 * @param div
 * 			Elemento que será visto na tela
 * @param esquerda
 * 			Pixels ou Percentagem
 * @param topo
 * 			Pixels ou Percentagem
 */
function openBox(node,esquerda,topo) {
	var node = document.getElementById(node);
	node.className="box_open";
	node.style.left = esquerda;
	node.style.top = topo;
	initBoxResize(node);
}
function openBox2(node,esquerda,topo) {
	var node = document.getElementById(node);
	node.className="box_open2";
	node.style.left = esquerda;
	node.style.top = topo;
	initBoxResize(node);
}
/**
 * Metodo que esconde a caixa.
 * @param {Object} div
 */
function closeBox(node) {
    var node = document.getElementById(node);
	node.className="box_closed";
}

/**
 * Metodo para controlar onde a caixa fica aberta.
 * @param {Object} div
 * 			Elemento
 */
function initBoxResize(node) {
	window.onscroll = function(){
       alignBox(document.getElementById(node))
	};
	window.onresize = function(){
       alignBox(document.getElementById(node))
	};
}

/**
 * Metodo para controlar onde a caixa fica alinhada.
 * @param {Object} o
 * 		Objeto a ser controlado
 */
function alignBox(o){
  
}