document.write('<div id="AJAX_container"><div id="AJAX_layer" class="box viola"></div></div>');

var browserUtente = navigator.userAgent.toUpperCase();

function showMedia ( media ) {
  AJAXshow("get_media.php?gita=valgrande_31102009&media="+media);
}
function viewMedia ( media, preview ) {
  AJAXview("get_media.php?gita=valgrande_31102009&media="+media,preview);
}

function assegnaXMLHttpRequest ( ) {  
  if ( window.XMLHttpRequest ) {  // Mozilla, Safari, Opera, ...
    http_request = new XMLHttpRequest();
  } else if ( window.ActiveXObject && browserUtente.indexOf("MSIE 4") < 0 ) { // IE
    if ( browserUtente.indexOf("MSIE 5") < 0 ) {  // IE 6
      http_request = new ActiveXObject("Msxml2.XMLHTTP");
    } else {  // IE 5.x
      http_request = new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
  return http_request;
}

function AJAXrequest ( layer, url ) {
  var ajax = assegnaXMLHttpRequest();
  if ( ajax ) {
    ajax.open("get", url, true);
    ajax.setRequestHeader("Content-type", "text/html; charset=iso-8859-1");
    ajax.onreadystatechange = function ( ) {
      if ( ajax.readyState === 4 ) {
        if ( ajax.status == 200 ) {
          document.getElementById(layer).innerHTML = ajax.responseText;
        } else {
          alert("Errore AJAX "+statusText[ajax.status]);
        }
      }
    }
    ajax.send(null);
  }
}

function AJAXview ( url ) {
  // su IE6- disabilito tutte le drop down list
  var i = navigator.userAgent.indexOf("MSIE");
  if ( i >= 0 && parseFloat(navigator.userAgent.substring(i + 5, i + 8)) <= 6 ) {
    if ( document.getElementsByTagName ) {
      var ddl = document.getElementsByTagName("select");
      for ( i = 0; i < ddl.length; i++ ) {
        ddl[i].style.visibility = "hidden";
      }
    } else if ( document.all ) {
      for ( i = 0; i < document.all.length; i++ ) {
        with ( document.all(i) ) {
          if ( tagName == "SELECT" ) {
            style.visibility = "hidden";
          }
        }
      }
    }
  }

  if ( document.getElementById("view_image") != null ) {
    document.getElementById("view_image").src = "../images/progresss.gif";
  }
  AJAXpreload();
  
  AJAXrequest("AJAX_layer",url);
}

function viewImage ( img ) {
  with ( document.getElementById("view_image") ) {
    if ( src.substring(src.length-19,src.length) == "images/progress.gif" ) {
      immagine = new Image();
      immagine.src = img;
      checkImmagine();
    }
  }
}

function checkImmagine ( ) {
  if ( immagine.complete ) {
    document.getElementById("view_image").src = immagine.src;
    document.getElementById("view_image").style.border = "solid 2px #000";
    document.getElementById("view_image").style.margin = "0 auto";
  } else {
    setTimeout("checkImmagine()",100);
  }
}

function AJAXshow ( url ) {
  AJAXpreload();
  
  AJAXrequest("AJAX_layer",url);
  
  AJAXload();
}

function AJAXclose ( ) {
  document.getElementById("AJAX_container").style.display = "none";
  document.getElementById("AJAX_layer").innerHTML = "";
  
  // su IE6- riabilito tutte le drop down list
  var i = navigator.userAgent.indexOf("MSIE");
  if ( i >= 0 && parseFloat(navigator.userAgent.substring(i + 5, i + 8)) <= 6 ) {
    if ( document.getElementsByTagName ) {
      var ddl = document.getElementsByTagName("select");
      for ( i = 0; i < ddl.length; i++ ) {
        ddl[i].style.visibility = "visible";
      }
    } else if ( document.all ) {
      for ( i = 0; i < document.all.length; i++ ) {
        with ( document.all(i) ) {
          if ( tagName == "SELECT" ) {
            style.visibility = "visible";
          }
        }
      }
    }
  }
}

function AJAXpreload ( ) {
  document.getElementById("AJAX_layer").innerHTML = '<h3 style="width: 100%; height: 19px;">&nbsp;</h3><div id="foto"><img style="margin: 50 auto;" src="../images/progress.gif" alt="" /></div>';
  document.getElementById("AJAX_container").style.top = document.body.scrollTop < 60 ? "65px" : document.body.scrollTop+5+"px";
  document.getElementById("AJAX_container").style.width = document.body.clientWidth + "px";
  document.getElementById("AJAX_container").style.display = "block";
}