addLoadListener(setup_page);

function setup_page()
{
  var a1 = document.getElementById ("a1");
  attachEventListener (a1, "click", show_pic_1, true);
    
  var a2 = document.getElementById ("a2");
  attachEventListener (a2, "click", show_pic_2, true);
  
  var a3 = document.getElementById ("a3");
  attachEventListener (a3, "click", show_pic_3, true);
  
  var a4 = document.getElementById ("a4");
  attachEventListener (a4, "click", show_pic_4, true);
  
    return true;
} 


function show_pic_1()
{
  var i1 = document.getElementById("i1");
  i1.className = "show";
  
  var i2 = document.getElementById("i2");
  i2.className = "display_none";
  
  var i3 = document.getElementById("i3");
  i3.className = "display_none";
  
  
  var i4 = document.getElementById("i4");
  i4.className = "display_none";
  
  
  
   var a1 = document.getElementById("a1");
  a1.className = "box_on";
  
  var a2 = document.getElementById("a2");
  a2.className = "images";
  
  var a3 = document.getElementById("a3");
  a3.className = "images";
  
  
  var a4 = document.getElementById("a4");
  a4.className = "images";
  
  return true;
}

function show_pic_2()
{
  var i1 = document.getElementById("i1");
  i1.className = "display_none";
  
  var i2 = document.getElementById("i2");
  i2.className = "show";
  
  var i3 = document.getElementById("i3");
  i3.className = "display_none";
  
  
  var i4 = document.getElementById("i4");
  i4.className = "display_none";
  
  
  
  
    var a1 = document.getElementById("a1");
  a1.className = "images";
  
  var a2 = document.getElementById("a2");
  a2.className = "box_on";
  
  var a3 = document.getElementById("a3");
  a3.className = "images";
  
  
  var a4 = document.getElementById("a4");
  a4.className = "images";
  
  return true;
}


function show_pic_3()
{
  var i1 = document.getElementById("i1");
  i1.className = "display_none";
  
  var i2 = document.getElementById("i2");
  i2.className = "display_none";
  
  var i3 = document.getElementById("i3");
  i3.className = "show";
  
  
  var i4 = document.getElementById("i4");
  i4.className = "display_none";
  
 
    var a1 = document.getElementById("a1");
  a1.className = "images";
  
  var a2 = document.getElementById("a2");
  a2.className = "images";
  
  var a3 = document.getElementById("a3");
  a3.className = "box_on";
  
  
  var a4 = document.getElementById("a4");
  a4.className = "images";
 
 return true;
}
 
 

function show_pic_4()
{
  var i1 = document.getElementById("i1");
  i1.className = "display_none";
  
  var i2 = document.getElementById("i2");
  i2.className = "display_none";
  
  var i3 = document.getElementById("i3");
  i3.className = "display_none";
  
  
  var i4 = document.getElementById("i4");
  i4.className = "show";
  
    
     var a1 = document.getElementById("a1");
  a1.className = "images";
  
  var a2 = document.getElementById("a2");
  a2.className = "images";
  
  var a3 = document.getElementById("a3");
  a3.className = "images";
  
  
  var a4 = document.getElementById("a4");
  a4.className = "box_on";
   
  
  return true;
}