var thisStageId = -1;

function init(stageId){
  thisStageId = stageId;
  stageId = parseInt(stageId);
  var leftId = stageId;
  var rightId = stageId+1;
  var left_vertex = "v_"+leftId;
  var right_vertex = "v_"+rightId;
  var v1 = document.getElementById(left_vertex);
  var v2 = document.getElementById(right_vertex);
  v1.src="img/v_sm_act.png";
  v2.src="img/v_sm_act.png";
}


function pmover(stageId){
  stageid = parseInt(stageId)
  var leftId = stageId;
  var rightId = stageId+1;
  var left_vertex = "v_"+leftId;
  var right_vertex = "v_"+rightId; 
  var v1 = document.getElementById(left_vertex);
  var v2 = document.getElementById(right_vertex);
  if( v1.src.indexOf("vert") == -1 ){
    v1.src="img/v_sm_act.png";
    v2.src="img/v_sm_act.png";
  } else {
    v1.src="img/v_sm_vert_act.png";
    v2.src="img/v_sm_vert_act.png";
  }

  //if( thisStageId == -1 ){
  // var map = document.getElementById("france");
  // map.src = "img/stage"+stageId+".jpg";
  //}
}

function pmout(stageId){
  stageId = parseInt(stageId)

  if( stageId == thisStageId )
    return;

  var leftId = stageId;
  var rightId = stageId+1;
  var left_vertex = "v_"+leftId;
  var right_vertex = "v_"+rightId;
  var v1 = document.getElementById(left_vertex);
  var v2 = document.getElementById(right_vertex);

  var newSrc = "img/v_sm.png";
  if( v1.src.indexOf("vert") > -1 )
    newSrc = "img/v_sm_vert.png";

  if( stageId == thisStageId + 1 )
    v2.src = newSrc;
  else if( stageId == thisStageId - 1 )
    v1.src = newSrc;
  else {
    v1.src = newSrc;
    v2.src = newSrc;
  }

  //if( thisStageId == -1 ){
  // var map = document.getElementById("france");
  // map.src = "img/paris-nice_dotted.jpg";
  //}
}

function pmclick(stageId){
 location.href = "stage"+stageId+".html";
}