function doOnMouseOver(element){
  // deselect all selected images and anchors
  var allElements = document.getElementsByTagName("*");
  var deselectElement;
  for (var i = 0; (deselectElement = allElements[i]) != null; i++) {
    if (deselectElement.className == 'gridhover') deselectElement.className = "grid";
    if (deselectElement.className == 'navigationhover') deselectElement.className = "navigation";
  }
  
  var imgElement, aElement;
  if (element.tagName == 'IMG'){
    aElement = document.getElementById('a_' + element.id.split('_')[1]);
    imgElement = element;
    if (imgElement){
      imgElement.className = 'gridhover';
      document.getElementById('contentfooter').innerHTML = imgElement.alt;
    }
    if (aElement && element.className != 'navigationselected'){
      aElement.className = 'navigationhover';    
    }  
  } 
  
  if (element.tagName == 'A'){
    var imgElementId = 'img_' + element.id.split('_')[1];
    var allImgElements = document.getElementsByTagName("IMG");
    var imgHoverElement;
    for (var i = 0; (imgHoverElement = allImgElements[i]) != null; i++) {
      if (imgHoverElement.id == imgElementId){
        imgHoverElement.className = 'gridhover';
        document.getElementById('contentfooter').innerHTML = imgHoverElement.alt;
      }
    }
    aElement = element;
    if (aElement && element.className != 'navigationselected'){
      aElement.className = 'navigationhover';    
    }
  }
}

function doOnMouseOut(element){
  var imgElement, aElement;
  
  if (element.tagName == 'IMG'){
    aElement = document.getElementById('a_' + element.id.split('_')[1]);
    if (aElement && element.className != 'navigationselected'){
      aElement.className = 'navigation';    
    }
    element.className = 'grid';
  } 
  
  if (element.tagName == 'A'){
    var imgElementId = 'img_' + element.id.split('_')[1];
    var allImgElements = document.getElementsByTagName("IMG");
    var imgHoverElement;
    for (var i = 0; (imgHoverElement = allImgElements[i]) != null; i++) {
      if (imgHoverElement.id == imgElementId){
        imgHoverElement.className = 'grid';
      }
    }
    document.getElementById('contentfooter').innerHTML = '';
    if (element.className != 'navigationselected'){
      element.className = 'navigation';    
    }
  }

  document.getElementById('contentfooter').innerHTML = "";
}

function doOnMouseOverImg(element){
  // deselect all selected images and anchors
  var allElements = document.getElementsByTagName("*");
  var deselectElement;
  for (var i = 0; (deselectElement = allElements[i]) != null; i++) {
    if (deselectElement.className == 'gridhover') deselectElement.className = "grid";
    if (deselectElement.className == 'navigationhover') deselectElement.className = "navigation";
  }
  
  element.className = 'gridhover';
  document.getElementById('contentfooter').innerHTML = element.alt;
}

function getHTTPHost(){
  return window.location.protocol + "//" + window.location.host;
  
}