function clearInput(){
    var inputId = document.getElementById('searchInput');
    inputId.value = '';
    inputId.style.color = '#000';
}
function restoreSearchInputText (thisText) {
    var inputId = document.getElementById('searchInput');
    if (inputId.value == '') {
        inputId.value = thisText;
        inputId.style.color = '#CCC';
    }
}


function openimage (thisImage) {
    pad = 30;
    winWidth = getClientWidth() - (pad*2);
    winHeight = document.getElementById('thisPage').clientHeight  - (pad*2);
    var hereImage = document.getElementById('hereImage');
    hereImage.style.display = "block";
    hereImage.innerHTML = "<img id=\"imageLoaded\" src=\""+thisImage+"\" alt=\"\" /><div>Haga click en la ventana para cerrar</div>";
    var imageLoaded = document.getElementById('imageLoaded');
    hereImage.style.left = "0px";
    hereImage.style.top = "0px";
    hereImage.style.width = winWidth+"px";
    hereImage.style.height = winHeight +"px";
    hereImage.style.padding = pad + "px";
    imageLoaded.style.height = winHeight-10 +"px";
    if (winWidth <= winHeight) {
        imageLoaded.style.width = winWidth +"px";
        imageLoaded.style.height = "auto";
    }
}
function closeMe (divID) {
    var divToClose = document.getElementById(divID);
    divToClose.style.left = "";
    divToClose.style.top = "";
    divToClose.style.display = "none";
}
function getClientWidth() {
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function getClientHeight() {
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}
function showMap() {
    var mapDIV = document.getElementById('mapOver');
	mapDIV.style.display = 'block';
    winWidth = getClientWidth();
    winHeight = document.getElementById('thisPage').clientHeight;
//    hereImage = document.getElementById('hereImage');
//    hereImage.innerHTML = "<img id=\"imageLoaded\" src=\""+thisImage+"\" alt=\"lala\" /><div>Haga click en la ventana para cerrar</div>";
//    imageLoaded = document.getElementById('imageLoaded');
    mapDIV.style.left = "0px";
    mapDIV.style.top = "0px";
    mapDIV.style.width = winWidth+"px";
    mapDIV.style.height = winHeight +"px";
    mapDIV.style.height = winHeight +"px";

}
