/*
 Returns: Array	[0] => page width
		[1] => page height
		[2] => window width
		[3] => window height
*/
function getPageSize() {
	var xScroll, yScroll;
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}
	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
	return arrayPageSize;
};
var size;

var i;
var imagenes = new Array("images/fnd-lighbox.png");
var lista_imagenes = new Array();

function preload()
{
	for(i in imagenes)
	{
		lista_imagenes[i] = new Image();
		lista_imagenes[i].src = imagenes[i];
	} 
}

$(document).ready(function(){
	preload();
});

//open the page inside the lightbox
function overbox(page,objwidth,objheight)
{
	size=getPageSize();
	scrollSize=getPageScroll();
	
	postop=parseInt((size[3]/2)-16+scrollSize[1]);//vertical center
	posleft=parseInt((size[2]/2)-16);//horizontal center
	
	html = "<div id=\"overbox_background\"><img src=\"images/overbox-loading.gif\" style=\"left:"+posleft+"px;top:"+postop+"px;\"></div>";
	
	$("body").append(html);
	$("#overbox_background").css({"width":size[0]+"px","height":size[1]+"px"});
	$("#overbox_background").click(function(){
		overbox_close();
	});
	$.post(page,{},function(res){
		html= "<div id=\"overbox_content\">"+res+"</div>";
		$("body").append(html);
		html=0;
		postop=parseInt((size[3] / 2)-(objheight/2)+scrollSize[1]);//vertical center
		posleft=parseInt((size[2]/2)-(objwidth/2));//horizontal center
		$("#overbox_content").css({"top":postop+"px","left":posleft+"px","width":objwidth+"px","height":objheight+"px"});
		
	});
	$(window).scroll(function(){ 
		overbox_adjust(0,0);
	});
	$(window).resize(function(){ 
		overbox_adjust(objwidth,objheight);
	});
	
}

function getPageScroll() {
	var xScroll, yScroll;
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;	
	}
	arrayPageScroll = new Array(xScroll,yScroll);
	return arrayPageScroll;
};

function overbox_close()
{
	$("#overbox_content").remove();
	$("#overbox_background").remove();
}

function overbox_adjust(objwidth,objheight)
{
	size=getPageSize();
	$("#overbox_background").css({"width":size[0]+"px","height":size[1]+"px"});
	if(objwidth>0 && objheight>0)
	{
		scrollSize=getPageScroll();
		postop=parseInt((size[3] / 2)-(objheight/2)+scrollSize[1]);//vertical center
		posleft=parseInt((size[2]/2)-(objwidth/2));//horizontal center
		$("#overbox_content").css({"top":postop+"px","left":posleft+"px","width":objwidth+"px","height":objheight+"px"});
		postop=parseInt((size[3]/2)-16+scrollSize[1]);//vertical center
		posleft=parseInt((size[2]/2)-16);//horizontal center
		$("#overbox_background img").css({"left":posleft+"px","top":postop+"px"});
	}
}