var imgMenuIDs = new Array();
var imgMenuSrcs = new Array();
var imgOverMenuSrcs = new Array();
var imgMenuArray = new Array();

imgMenuIDs[0] = "imgMenuHomePage";
imgMenuSrcs[0] = "../images/ana1.jpg";
imgOverMenuSrcs[0] = "../images/ana2.jpg";

imgMenuIDs[1] = "imgMenuAbout";
imgMenuSrcs[1] = "../images/hakkimizda1.jpg";
imgOverMenuSrcs[1] = "../images/hakkimizda2.jpg";

imgMenuIDs[2] = "imgMenuProjects";
imgMenuSrcs[2] = "../images/projeler1.jpg";
imgOverMenuSrcs[2] = "../images/projeler2.jpg";

imgMenuIDs[3] = "imgMenuPress";
imgMenuSrcs[3] = "../images/basinda1.jpg";
imgOverMenuSrcs[3] = "../images/basinda2.jpg";

imgMenuIDs[4] = "imgMenuContactUs";
imgMenuSrcs[4] = "../images/iletisim1.jpg";
imgOverMenuSrcs[4] = "../images/iletisim2.jpg";

function preloadImages()
{
    var imgRef;
    
    for (var i = 0; i <= imgOverMenuSrcs.length; i++)
    {
        imgRef = new Image();
        imgRef.src = imgOverMenuSrcs[i];
        imgMenuArray[i - 1] = imgRef;
    }
}

preloadImages();
            
function menuMouseMove(menuIndex)
{
    document.getElementById(imgMenuIDs[menuIndex]).src = imgOverMenuSrcs[menuIndex];
}

function menuMouseOut(menuIndex)
{
    document.getElementById(imgMenuIDs[menuIndex]).src = imgMenuSrcs[menuIndex];
}