var currentmenuchoice;
var menuchoices = new Array;

function doonload(){
    var i = 0;
    menuchoices[i] = "intro";
    i++;
    menuchoices[i] = "setting";
    i++;
    menuchoices[i] = "pcs";
    i++;
    menuchoices[i] = "chronicle";
    i++;
    menuchoices[i] = "news";
    i++;
    menuchoices[i] = "links";
    i++;
    menuchoices[i] = "rules";
    i++;
    menuchoices[i] = "gallery";
    i++;

    currentmenuchoice = "intro";
    var myimage = "../images/menu_" + currentmenuchoice + "_click.jpg";
    $(currentmenuchoice).src = myimage;
    $('framecontent').src = "../html/intro.html";
}

function menuover(menuselection){
    document.body.style.cursor = 'hand';
   //alert(menuselection.id);
   var myimage = "../images/menu_" + menuselection.id + "_hover.jpg";
   //$(menuselection).src="images/menu_intro_hover.jpg";
   $(menuselection).src = myimage;
}

function menuout(menuselection){
   //alert(menuselection.id);
   var myimage = "../images/menu_" + menuselection.id + ".jpg";
   if(menuselection.id == currentmenuchoice){
       myimage = "../images/menu_" + currentmenuchoice + "_click.jpg";
   }
      
   //$(menuselection).src="images/menu_intro.jpg";
   $(menuselection).src = myimage;
   document.body.style.cursor = 'default';
}

function menuclick(menuselection){
    //reset all other images
    document.body.style.cursor = 'progress';
    for (var i = 0; i < menuchoices.length ; i++) {
       $(menuchoices[i]).src = "../images/menu_" + menuchoices[i] + ".jpg";
        
    }
    currentmenuchoice = menuselection.id;
    var myimage = "../images/menu_" + menuselection.id + "_click.jpg";
    $(menuselection).src = myimage;

    $('framecontent').src = "../html/" + menuselection.id + ".html";
    document.body.style.cursor = 'hand';

   
}