//THere are 3 functions here. Details below
//This function determines what content is placed in the top div based on what technology the user chooses.
//The HTML needs to be on one line only.
function changeIt(section){
switch (section) {
case 'tech1':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech2':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech3':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech4':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech5':
document.getElementById('techContent').innerHTML = '';
break;
case 'tech6':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech7':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech8':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech9':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech10':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech11':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech12':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech13':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech14':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech15':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech16':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech17':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech18':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech19':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech20':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech21':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech22':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech23':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech24':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech25':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech26':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech27':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech28':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech29':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech30':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech31':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech32':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech33':
document.getElementById('techContent').innerHTML = '
';
break;
case 'tech34':
document.getElementById('techContent').innerHTML = '';
break;
case 'tech35':
document.getElementById('techContent').innerHTML = '
';
break;
}
}
//This changes the current selection's border from black to yellow
//Note that this function does not apply to all tech pieces/
function setborder(element){
var img = document.getElementById(element)
img.style.border='2px solid #fff200';
}
//This removes the yellow border from a technology when it loses focus
//Note that this function does not apply to all tech pieces/
function removeborder(element){
var img = document.getElementById(element)
img.style.border='2px solid #000';
}