function projectsMouseOver() {

   var screen = document.getElementById("projects_screen");
   
   if (this.id === "prj_totalbar") {
      screen.src = "../images/screen_totalbar.png";
   } else if (this.id === "prj_gci") {   
      screen.src = "../images/screen_gci.png";
   } else if (this.id === "prj_stakar") {   
      screen.src = "../images/screen_stakar.png";
   } else if (this.id === "prj_evdokia") {   
      screen.src = "../images/screen_evdokia.png";
   } else if (this.id === "prj_beckton") {   
      screen.src = "../images/screen_beckton.png";
   } else if (this.id === "prj_gougousis") {   
      screen.src = "../images/screen_gougousis.png";
   } else if (this.id === "prj_frapedia") {   
      screen.src = "../images/screen_frapedia.png";
   } 
}

function projectsMouseOut() {

   var screen = document.getElementById("projects_screen");

   if (this.className === "link2") {
      screen.src = "../images/projects_screen.png";
   }
}

function preloadImages() {
   var myDocument = document; 
      if(myDocument.images){ if(!myDocument.p) 
         myDocument.p = new Array();
         var i,j = myDocument.p.length, a = preloadImages.arguments; 
            for(i = 0; i < a.length; i++)
               if (a[i].indexOf("#")!=0){ 
                  myDocument.p[j]=new Image; myDocument.p[j++].src=a[i];
               }
      }
}

function assignProjectsHandlers() {

   var projectsMenu = document.getElementById("sidebar_right");
   var projectItems = projectsMenu.getElementsByTagName("a");

   for (var i = 0; i < projectItems.length; i++) {
      projectItems[i].onmouseover = projectsMouseOver;
      projectItems[i].onmouseout = projectsMouseOut;
   }   
}

window.onload = function() {
   assignProjectsHandlers();
   preloadImages();

}