function switchImage(type, menuEntry,hideNavMenu){

hideAllPanels();
if (hideNavMenu) {
document.getElementById('navMenu').style.visibility = 'hidden';
}
resetSampleLinks();

document.getElementById(type).style.visibility = 'visible'; 
document.getElementById(menuEntry).className ='active';
}


function hideAllPanels(){
document.getElementById('samplePanel').style.visibility = 'hidden'; 
document.getElementById('firstPanel').style.visibility = 'hidden'; 
document.getElementById('secondPanel').style.visibility = 'hidden'; 
document.getElementById('thirdPanel').style.visibility = 'hidden'; 
document.getElementById('forthPanel').style.visibility = 'hidden'; 
document.getElementById('fifthPanel').style.visibility = 'hidden'; 
document.getElementById('sixthPanel').style.visibility = 'hidden';
document.getElementById('seventhPanel').style.visibility = 'hidden';
document.getElementById('eighthPanel').style.visibility = 'hidden'; 
document.getElementById('ninthPanel').style.visibility = 'hidden'; 
}



function resetSampleLinks(){
document.getElementById('leftMenu1').className ='hover';
document.getElementById('leftMenu2').className ='hover';
document.getElementById('leftMenu3').className ='hover';
document.getElementById('leftMenu4').className ='hover';
document.getElementById('leftMenu5').className ='hover';
document.getElementById('leftMenu6').className ='hover';
document.getElementById('leftMenu7').className ='hover';
document.getElementById('leftMenu8').className ='hover';
document.getElementById('leftMenu9').className ='hover';
}