function hideCurr(){
  //toggleLayer("currInfo");
   
  if(document.getElementById){
        elem = document.getElementById("currInfo");
	elem.innerHTML = "";
	vis = elem.style;
	vis.display = "none";
  }
}

function hideStatusAlert(){
  if(document.getElementById){
    elem = document.getElementById("statusAlert");
    vis = elem.style;
    vis.display = "none";
  }
}

function showStatusAlert(){
  if(document.getElementById){
    elem = document.getElementById("statusAlert");
    vis = elem.style;
    vis.display = "block";
  }
}



function showICT(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_ict_tn.jpg">' + '<h2 class="PopH1TopMargin">(ICT)<br>Information Communication Technology</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}

function showART(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_art_tn.jpg">' + '<h2 class="PopH1TopMargin">ART</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}

function showDT(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_dt_tn.jpg">' + '<h2 class="PopH1TopMargin">(DT)<br>Design Technology</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}

function showSC(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_sc_tn.jpg">' + '<h2 class="PopH1TopMargin">Science</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}

function showGEO(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_geo_tn.jpg">' + '<h2 class="PopH1TopMargin">Geography</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}

function showLIT(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_lit_tn.jpg">' + '<h2 class="PopH1TopMargin">Literacy</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}

function showMUS(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_mus_tn.jpg">' + '<h2 class="PopH1TopMargin">Music</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}

function showPSH(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_psh_tn.jpg">' + '<h2 class="PopH1TopMargin">(PSHE)<br>Personal, Social and Health Eduction</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}

function showRE(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_re_tn.jpg">' + '<h2 class="PopH1TopMargin">(RE)<br>Religious Education</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}

function showNUM(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_num_tn.jpg">' + '<h2 class="PopH1TopMargin">Numeracy</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}

function showHIS(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_his_tn.jpg">' + '<h2 class="PopH1TopMargin">History</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}

function showPE(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_pe_tn.jpg">' + '<h2 class="PopH1TopMargin">(PE)<br>Physical Education</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}

function showFRE(){
  if(document.getElementById){
    elem = document.getElementById("currInfo");
	elem.innerHTML = '<img src="res/curr_fre_tn.jpg">' + '<h2 class="PopH1TopMargin">French</h2><p>brief introduction or some more info for this, maybe just a few lines.</p>';
	vis = elem.style;
	vis.display = "block";
  }
}


function toggleLayer( whichLayer ){
  var elem, vis;
  if( document.getElementById ) // this is the way the standards work    
    elem = document.getElementById( whichLayer );
  else if( document.all ) // this is the way old msie versions works
    elem = document.all[whichLayer];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[whichLayer];
	
  vis = elem.style;  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
  }