///////////////////////////////////////////////////////////////////////////////////////////////////
// USED FOR GETTING THE COMPUTED HEIGHT OF AN ELEMENT IN PIXELS
///////////////////////////////////////////////////////////////////////////////////////////////////
var getHeight = function (/* Object */ el, /* boolean */ includePadding, /* boolean */ includeBorder) {
    var height;
    el = (typeof(el) === "string") ? document.getElementById(el) : el;
    
    if (window.getComputedStyle) { // FF, Safari, Opera
        var style = document.defaultView.getComputedStyle(el, null);
        if (style.getPropertyValue("display") === "none")
            return 0;
        height = parseInt(style.getPropertyValue("height"));
        
        if (/opera/i.test(navigator.userAgent)) {
            // opera includes the padding and border when reporting the width/height - subtract that out
            height -= parseInt(style.getPropertyValue("padding-top"));
            height -= parseInt(style.getPropertyValue("padding-bottom"));
            height -= parseInt(style.getPropertyValue("border-top-width"));
            height -= parseInt(style.getPropertyValue("border-bottom-width"));
        }
        
        if (includePadding) {
            height += parseInt(style.getPropertyValue("padding-top"));
            height += parseInt(style.getPropertyValue("padding-bottom"));
        }
        
        if (includeBorder) {
            height += parseInt(style.getPropertyValue("border-top-width"));
            height += parseInt(style.getPropertyValue("border-bottom-width"));
        }
    } else { // IE
        if (el.currentStyle["display"] === "none")
            return 0;
        var bRegex = /thin|medium|thick/; // regex for css border width keywords
        height = el.offsetHeight; // currently the height including padding + border
    
        if (!includeBorder) {
            var borderTopCSS = el.currentStyle["borderTopWidth"];
            var borderBottomCSS = el.currentStyle["borderBottomWidth"];
            var temp = document.createElement("DIV");
            if (el.offsetHeight > el.clientHeight && el.currentStyle["borderTopStyle"] !== "none") {
                if (!bRegex.test(borderTopCSS)) {
                    temp.style.width = borderTopCSS;
                    el.parentNode.appendChild(temp);
                    height -= Math.round(temp.offsetWidth);
                    el.parentNode.removeChild(temp);
                } else if (bRegex.test(borderTopCSS)) {
                    temp.style.width = "10px";
                    temp.style.border = borderTopCSS + " " + el.currentStyle["borderTopStyle"] + " #000000";
                    el.parentNode.appendChild(temp);
                    height -= Math.round((temp.offsetWidth-10)/2);
                    el.parentNode.removeChild(temp);
                }
            }
            if (el.offsetHeight > el.clientHeight && el.currentStyle["borderBottomStyle"] !== "none") {
                if (!bRegex.test(borderBottomCSS)) {
                    temp.style.width = borderBottomCSS;
                    el.parentNode.appendChild(temp);
                    height -= Math.round(temp.offsetWidth);
                    el.parentNode.removeChild(temp);
                } else if (bRegex.test(borderBottomCSS)) {
                    temp.style.width = "10px";
                    temp.style.border = borderBottomCSS + " " + el.currentStyle["borderBottomStyle"] + " #000000";
                    el.parentNode.appendChild(temp);
                    height -= Math.round((temp.offsetWidth-10)/2);
                    el.parentNode.removeChild(temp);
                }
            }
        }
    
        if (!includePadding) {
            var paddingTopCSS = el.currentStyle["paddingTop"];
            var paddingBottomCSS = el.currentStyle["paddingBottom"];
            var temp = document.createElement("DIV");
            temp.style.width = paddingTopCSS;
            el.parentNode.appendChild(temp);
            height -= Math.round(temp.offsetWidth);
            temp.style.width = paddingBottomCSS;
            height -= Math.round(temp.offsetWidth);
            el.parentNode.removeChild(temp);
        }
    }
    
    return height;
}

    // size the shadow appropriately when page loads
    sizeShadow=function(){
         	var divHeight = getHeight("container", true, true);
		divHeight;
		//alert(divHeight);
		var edgeDiv = document.getElementById("leftEdge");
            edgeDiv.style.height=divHeight+"px";	
    }



function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=780,height=588,left = 100,top = 100');");
}
function popUpNote(URL ) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=300,height=550,left = 100,top = 100');");
}


function Change_Big_One(thumb){
	document.getElementById('BigOne').src=thumb.src;
}

function loadImages(){
//preload images
galeryImages = new Array();
galeryImages [0] = new Image(310,413) ;
galeryImages [1] = new Image(310,413) ;
galeryImages [2] = new Image(310,413) ;
galeryImages [3] = new Image(310,413) ;
galeryImages [4] = new Image(310,413) ;
galeryImages [5] = new Image(310,413) ;
galeryImages [6] = new Image(310,413) ;
galeryImages [7] = new Image(310,413) ;
galeryImages [8] = new Image(310,413) ;
galeryImages [9] = new Image(310,413) ;
galeryImages [10] = new Image(310,413) ;
galeryImages [11] = new Image(310,413) ;
galeryImages [12] = new Image(310,413) ;
galeryImages [13] = new Image(310,413) ;
galeryImages [14] = new Image(310,413) ;
galeryImages [0].src = "images/galeria/grande/playaPanteon.jpg" ;
galeryImages [1].src = "images/galeria/grande/lacasa.jpg" ;
galeryImages [2].src = "images/galeria/grande/casaarriba.jpg" ; 
galeryImages [3].src = "images/galeria/grande/casafuera.jpg" ; 
galeryImages [4].src = "images/galeria/grande/terrazaLado.jpg" ; 
galeryImages [5].src = "images/galeria/grande/casaporlasojas.jpg" ; 
galeryImages [6].src = "images/galeria/grande/zipolitePuesta.jpg" ; 
galeryImages [7].src = "images/galeria/grande/sillas.jpg" ; 
galeryImages [8].src = "images/galeria/grande/terrazaBonita.jpg" ; 
galeryImages [9].src = "images/galeria/grande/terraza.jpg" ; 
galeryImages [10].src = "images/galeria/grande/Amanecer.jpg" ; 
galeryImages [11].src = "images/galeria/grande/plato.jpg" ; 
galeryImages [12].src = "images/galeria/grande/shipView.jpg" ; 
galeryImages [13].src = "images/galeria/grande/room.jpg" ; 
galeryImages [14].src = "images/galeria/grande/autumnView.jpg" ; 

}

function Reload()
{
    window.location.href = window.location.href;
}