// JavaScript Document

function banner_expandir(foto){
    document.getElementById('overlay').style.height =  document.body.scrollHeight+"px";
    document.getElementById("overlay").style.display="";
    
    var div_element = document.getElementById('banner_imagen');
    
    var scroll_size = getScrollXY();
    var page_size = getPageSize();
    
    var setX = ( page_size[0] - 350  ) / 2 + scroll_size[0];
    //var setY = ( page_size[1] - 427 ) / 2 + scroll_size[1];
	var setY = 10 / 2 + scroll_size[1];
    
    div_element.style.left = setX + "px";
    div_element.style.top  = setY + "px";
    
    div_element.style.display="";
	
	document.getElementById("banner_imagen").innerHTML='<img src="gigante/'+document.getElementById("imagen_gde").value+'" width="350" alt="click para cerrar" title="click para cerrar"/>';
}
function banner_cerrar(){
	
    document.getElementById("banner_imagen").style.display="none";
    document.getElementById("overlay").style.display="none";
}
function getPageSize() {
    var myWidth = 0, myHeight = 0;
    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;
    }
    return [ myWidth, myHeight ];
}
function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}