// Preload the on states of the tabs for quicker response

image_home = new Image();
image_home.src = "http://www.ps261.org/IMAGES/nav-home-on.gif";

image_about = new Image();
image_about.src = "http://www.ps261.org/IMAGES/nav-about-on.gif";

image_calendar = new Image();
image_calendar.src = "http://www.ps261.org/IMAGES/nav-calendar-on.gif";

image_students = new Image();
image_students.src = "http://www.ps261.org/IMAGES/nav-students-on.gif";

image_pta = new Image();
image_pta.src = "http://www.ps261.org/IMAGES/nav-pta-on.gif";

image_programs = new Image();
image_programs.src = "http://www.ps261.org/IMAGES/nav-programs-on.gif";

image_afterschool = new Image();
image_afterschool.src = "http://www.ps261.org/IMAGES/nav-afterschool-on.gif";



// Pass in the random frequencies of the tabs

var home_freq = 2; 
var about_freq = 4; 
var calendar_freq = 5; 
var students_freq = 6; 
var pta_freq = 7; 
var programs_freq = 90; 
var afterschool_freq = 8; 
var programs_freq = 100;




// Random Equation which determines which tab to show
var randomColoredTab;
var randomColoredSeed = Math.ceil(100*Math.random(100));
if (randomColoredSeed <= home_freq) {
randomColoredTab = 'home';
} else if (randomColoredSeed <= about_freq) {
randomColoredTab = 'about';
} else if (randomColoredSeed <= calendar_freq) {
randomColoredTab = 'calendar';
} else if (randomColoredSeed <= students_freq) {
randomColoredTab = 'students';
} else if (randomColoredSeed <= pta_freq) {
randomColoredTab = 'pta';
} else if (randomColoredSeed <= programs_freq) {
randomColoredTab = 'programs';
} else if (randomColoredSeed <= afterschool_freq) {
randomColoredTab = 'afterschool';
} else {
randomColoredTab = 'home';
}

// Function which actually swaps tabs
function changeColoredTab (tabname) {

document.getElementById('tab-home').style.display = 'none';
document.getElementById('tab-about').style.display = 'none';
document.getElementById('tab-calendar').style.display = 'none';
document.getElementById('tab-students').style.display = 'none';
document.getElementById('tab-pta').style.display = 'none';
document.getElementById('tab-programs').style.display = 'none';
document.getElementById('tab-afterschool').style.display = 'none';
document.getElementById('tab-'+tabname).style.display = 'block';


document.getElementById('tabnav-home').src = 'http://www.ps261.org/IMAGES/nav-home.gif';
document.getElementById('tabnav-about').src = 'http://www.ps261.org/IMAGES/nav-about.gif';
document.getElementById('tabnav-calendar').src = 'http://www.ps261.org/IMAGES/nav-calendar.gif';
document.getElementById('tabnav-students').src = 'http://www.ps261.org/IMAGES/nav-students.gif';
document.getElementById('tabnav-pta').src = 'http://www.ps261.org/IMAGES/nav-pta.gif';
document.getElementById('tabnav-programs').src = 'http://www.ps261.org/IMAGES/nav-programs.gif';
document.getElementById('tabnav-afterschool').src = 'http://www.ps261.org/IMAGES/nav-afterschool.gif';

document.getElementById('tabnav-'+tabname).src = 'http://www.ps261.org/IMAGES/nav-'+tabname+'-on.gif';
//document.getElementById('logo-'+tabname).src = eval(tabname+'logo');
}