var currentImage="";
var currentTitle = "";

function displayDetail(image) {
    var imgs = document.getElementsByTagName("img");
    for ( var i=0, len=imgs.length; i<len; ++i ){
        var img = imgs[i];
        if (img.src.indexOf(image) > 0) {
            currentImage = img.src;
            currentTitle = img.alt;
            var w = window.open("../common/foto_detail.html", "detail");
            w.focus();
            break;
        }
    }

}

function getImage() {
    return currentImage;
}
function getMessage() {
    return currentTitle;
}

/*
function for gps fotos
 */

function Dimensions(width, height) {

     this.width = width;
     this.height = height;
 }

 function testDimensions( dimensions ) {
     var img = document.getElementById("image");
     alert(img.height);
 }

 /*
  function for gps fotos
  */

 function createDiv(idName, parentName) {
     var div = document.createElement("div");

     div.setAttribute("id", idName);
     var parent = document.getElementById(parentName);

     parent.appendChild(div);
     return div;
 }


function createPhotoElement(imageFileName, parentName, dimensions) {
    var fotoDiv = document.getElementById("fotoDiv");
    if (!fotoDiv) {
        fotoDiv = createDiv("fotoDiv", parentName);
        var imageDiv = createDiv("imageDiv", "fotoDiv");
        var closeDiv = createDiv("close", "fotoDiv");

        fotoDiv.style.width = (dimensions.width ) + 'px'  ;
        fotoDiv.style.height = (dimensions.height ) + 'px';
        imageDiv.style.width = (dimensions.width ) + 'px'  ;
        imageDiv.style.height = (dimensions.height ) + 'px';
        closeDiv.style.left = (dimensions.width - closeDiv.style.width - 20) + 'px';

        //closeDiv.innerHTML = '<a href="javascript:hideImage(\'' + "fotoDiv" + '\', \'' + parentName + '\')" >[X]</a>';
        var a = document.createElement("a");
        a.href = "javascript:hideImage(\'" + "fotoDiv" + "\', \'" + parentName + "\')";
        a.innerHTML = "[X]";
        closeDiv.appendChild(a);

        var img = document.createElement("img");
        img.id = "image";
        img.src = imageFileName;
        img.style.width = dimensions.width + 'px';
        img.style.height = dimensions.height + 'px';
        imageDiv.appendChild(img);


        fotoDiv.onclick = 'javascript:hideImage(\'fotoDiv\', \'' + parentName + '\')';
        //fotoDiv.appendChild(imageDiv);
        //fotoDiv.appendChild(closeDiv);
    } else {
        var image = document.getElementById("image");
        image.src = imageFileName;
        fotoDiv.style.display = "block";
    }

}

 function hideImage(idName, parentElement) {
     var parentEl = document.getElementById(parentElement);
     var div = document.getElementById(idName);
     parentEl.removeChild(div);

 }