sfHover = function() {
   var sfEls = document.getElementById("nav").getElementsByTagName("LI");
   for (var i=0; i<sfEls.length; i++) { 
      sfEls[i].onmouseover=function() { 
         this.className+=" sfhover"; 
      }

      sfEls[i].onmouseout=function() { 
         this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); 
      } 
   } 
}

if (window.attachEvent) window.attachEvent("onload", sfHover);

changeProjectPreviewImg = function(source, altText, w, h, hrefLink, title, caption) {
   document.getElementById('selected_image_preview').src = source;
   document.getElementById('selected_image_preview').alt = altText;
   document.getElementById('selected_image_preview').width = w;
   document.getElementById('selected_image_preview').height = h;
   document.getElementById('projects_image_preview_link').href = hrefLink;
   document.getElementById('projects_image_details_title').innerHTML = title;
   document.getElementById('projects_image_details_caption').innerHTML = caption;
   
   return false;
}


changeProjectPreviewImg2 = function(source, altText, w, h, hrefLink, title, caption) {
   document.getElementById('selected_image_preview').src = source;
   document.getElementById('selected_image_preview').alt = altText;
   document.getElementById('selected_image_preview').width = w;
   document.getElementById('selected_image_preview').height = h;
   document.getElementById('projects_image_preview_link').href = hrefLink;
   document.getElementById('projects_image_details_title').innerHTML = title;
   document.getElementById('projects_image_details_caption').innerHTML = caption;
}

changeGalleryPreviewImg = function(source, altText, w, h, title, caption, month, day, year) {
   document.getElementById('selected_gallery_image_preview').src = source;
   document.getElementById('selected_gallery_image_preview').alt = altText;
   document.getElementById('selected_gallery_image_preview').width = w;
   document.getElementById('selected_gallery_image_preview').height = h;
   document.getElementById('gallery_main_description_title').innerHTML = title;
   document.getElementById('gallery_main_description_date').innerHTML = day + ' ' + month + ' ' + year;
   document.getElementById('gallery_main_description_caption').innerHTML = caption;
   
   return false;
}