// JavaScript Document

// accessible popups:
function NewWindow(mypage){
    myname = 'popup'
    settings = ''
    win = window.open(mypage,myname,settings)
}

// swap examples:
function show_div(div_id,menu,total) { 
// hide all the divs and show all menus
if(document.getElementById('example1')){
document.getElementById('example1').style.display = 'none';
document.getElementById('example1_menu').className = "nonactive";
}
if(document.getElementById('example2')){
document.getElementById('example2').style.display = 'none';
document.getElementById('example2_menu').className = "nonactive";
}
if(document.getElementById('example3')){
document.getElementById('example3').style.display = 'none';
document.getElementById('example3_menu').className = "nonactive";
}
if(document.getElementById('example4')){
document.getElementById('example4').style.display = 'none';
document.getElementById('example4_menu').className = "nonactive";
}
if(document.getElementById('example5')){
document.getElementById('example5').style.display = 'none';
document.getElementById('example5_menu').className = "nonactive";
}
if(document.getElementById('example6')){
document.getElementById('example6').style.display = 'none';
document.getElementById('example6_menu').className = "nonactive";
}
if(document.getElementById('example7')){
document.getElementById('example7').style.display = 'none';
document.getElementById('example7_menu').className = "nonactive";
}
if(document.getElementById('example8')){
document.getElementById('example8').style.display = 'none';
document.getElementById('example8_menu').className = "nonactive";
}
if(document.getElementById('example9')){
document.getElementById('example9').style.display = 'none';
document.getElementById('example9_menu').className = "nonactive";
}
if(document.getElementById('example10')){
document.getElementById('example10').style.display = 'none';
document.getElementById('example10_menu').className = "nonactive";
}
if(document.getElementById('example11')){
document.getElementById('example11').style.display = 'none';
document.getElementById('example11_menu').className = "nonactive";
}
if(document.getElementById('example12')){
document.getElementById('example12').style.display = 'none';
document.getElementById('example12_menu').className = "nonactive";
}
// show the requested div 
document.getElementById(div_id).style.display = 'block';
document.getElementById(menu).className = "on";
}