var minilightbox
var myWidth = 0, myHeight = 0;
var scrOfX = 0, scrOfY = 0;
var cargado = false
var dis
var altoBarraNoDes
var altoBarraDes
switch(browser.platform){
	case 'MacPPC':
		if(navigator.userAgent.indexOf("Safari") != -1){
			altoBarraNoDes = 20
			altoBarraDes = 170
		}else{
			altoBarraNoDes = 40
			altoBarraDes = 170
		}
		break;
	default:
		if(browser.ie5){
			altoBarraNoDes = 20
			altoBarraDes = 170
		}else{
			altoBarraNoDes = 40
			altoBarraDes = 200
		}
}
var altoBarra = altoBarraNoDes
var cerrado = true


window.onload = init
	
window.onscroll = function(){	 	
	var posImg
	if(cargado){		
		dis = minilightbox.yRef + getScrollXY()			
		if(isNaN(dis))
			minilightbox.desplazaY(minilightbox.yRef-altoBarra);
		else{			
			posImg = posimgY(document.images["pixel"])					
			if(posImg >= (dis + altoBarra)){									
				minilightbox.desplazaY(dis-altoBarra);
			}else
				minilightbox.desplazaY(posImg-altoBarra);
		}
	}
}

function init(){
	startMenu()
	minilightbox = new div("miniLightBox", "")
	if(isObject(minilightbox.containerLayer)){
		alertSize()		
		minilightbox.desplazaY(myHeight-altoBarra);
		minilightbox.yRef = myHeight;
		cargado = true
		dis = minilightbox.yRef
		window.onscroll()
	}	
}

function initDesplega(){
	startMenu()
	minilightbox = new div("miniLightBox", "")
	if(isObject(minilightbox.containerLayer)){
		alertSize()		
		minilightbox.desplazaY(myHeight - altoBarra);
		minilightbox.yRef = myHeight;
		cargado = true
		dis = minilightbox.yRef		
		window.onscroll()
	}
	abreCierra()
}

function alertSize() {	
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
	//window.alert( 'Width = ' + myWidth );
	//window.alert( 'Height = ' + myHeight );
}

function getScrollXY() {	
	if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		return window.pageYOffset;
		//scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		return document.body.scrollTop;
		//scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		return document.documentElement.scrollTop;
		//scrOfX = document.documentElement.scrollLeft;
	}
}

function abreCierra(){
	var contenidolightbox = new div("conCenMiniLight", "")
	var contenidoLnk = new div("cabMinilight", "")	
	var disTmp = dis
	if(isNaN(dis))
		disTmp = minilightbox.yRef
	if(cerrado){		
		altoBarra = altoBarraDes		
		contenidolightbox.display(1)		
		minilightbox.desplazaY(disTmp - altoBarraDes);
		contenidoLnk.escribeDiv("<div><a href='javascript:abreCierra();' id='lnkMini'>Cerrar</a> MiniLightbox</div>")
	}else{
		altoBarra = altoBarraNoDes
		contenidolightbox.display(0)
		minilightbox.desplazaY(disTmp-altoBarra);	
		contenidoLnk.escribeDiv("<div><a href='javascript:abreCierra();' id='lnkMini'>Abrir</a> MiniLightbox</div>")
	}
	cerrado = !cerrado
}