//When the DOM tree is loaded
$(document).ready(function() {

    //Add pointer class to .photo .item
    $(".photo .item").addClass("pointer");

    //Hover over photo fade in hidden span
    $(".photo .item").hover(
        function() {
            $(this).find("span").fadeIn();
        },
        function() {
            $(this).find("span").fadeOut();
        }
    );

});

function showonlyone(thechosenone) {
    var tabEvents = document.getElementById("dvEvents");
    var tabNews = document.getElementById("dvNews");
    
    var eventsText = document.getElementById("Events");
    var newsText = document.getElementById("News");
    
    
   if(thechosenone == 'newboxes1')
   {     
   tabEvents.style.backgroundImage = "url(/images/News_events_green.jpg)";   
   tabNews.style.backgroundImage = "url(/images/News_events_white.jpg)";   
   
   tabEvents.style.color = "#ffffff";
   tabNews.style.color = "gray";
   }
   else
   {
    tabEvents.style.backgroundImage = "url(/images/News_events_white.jpg)";   
    tabNews.style.backgroundImage = "url(/images/News_events_green.jpg)";   
   
    tabEvents.style.color = "gray";
    tabNews.style.color = "#ffffff";
    
   
   }
    
      var newboxes = document.getElementsByTagName("div");      
            for(var x=0; x<newboxes.length; x++) {
                  name = newboxes[x].getAttribute("name");
                  if (name == 'newboxes') {
                        if (newboxes[x].id == thechosenone) {
                        newboxes[x].style.display = 'block';
                        
                  }
                  else {
                        newboxes[x].style.display = 'none';
                  }
            }
      }
}