function show(id) {
  document.getElementById(id).style.display = "block";
}

function hide(id) {
  document.getElementById(id).style.display = "none";
}

function line1(cat) {
	switch (cat) {
		case 0: document.getElementById('line1').style.backgroundPosition = "0% 0px"; break;
		case 1: document.getElementById('line1').style.backgroundPosition = "0% -7px"; document.getElementById('c2a').style.backgroundImage = "url(images/navi1_aboutus_off.gif)"; document.getElementById('c3a').style.backgroundImage = "url(images/navi1_contact_off.gif)"; break;
		case 2: document.getElementById('line1').style.backgroundPosition = "0% -14px"; document.getElementById('c1a').style.backgroundImage = "url(images/navi1_work_off.gif)"; document.getElementById('c3a').style.backgroundImage = "url(images/navi1_contact_off.gif)"; break;
		case 3: document.getElementById('line1').style.backgroundPosition = "0% -21px"; document.getElementById('c1a').style.backgroundImage = "url(images/navi1_work_off.gif)"; document.getElementById('c2a').style.backgroundImage = "url(images/navi1_aboutus_off.gif)"; break;
	}
}
function setactive(categ) {
	switch (categ) {
		case 'c1a': document.getElementById('c1a').style.backgroundImage = "url(images/navi1_work_on.gif)"; break;
		case 'c2a': document.getElementById('c2a').style.backgroundImage = "url(images/navi1_aboutus_on.gif)"; break;
		case 'c3a': document.getElementById('c23').style.backgroundImage = "url(images/navi1_contact_on.gif)"; break;
	}
}

function hideall() {
  document.getElementById('left1').style.display = "none";
	document.getElementById('left2').style.display = "none";
	document.getElementById('left3').style.display = "none";
	document.getElementById('left4').style.display = "none";
	document.getElementById('left5').style.display = "none";
	document.getElementById('left6').style.display = "none";
	document.getElementById('left7').style.display = "none";
	document.getElementById('left8').style.display = "none";
}

function resetIcons() {
	document.getElementById('icon1').src="images/policy_computer_off.gif";
	document.getElementById('icon2').src='images/policy_print_off.gif';
	document.getElementById('icon3').src='images/policy_ink_off.gif';
	document.getElementById('icon4').src='images/policy_inktins_off.gif';
	document.getElementById('icon5').src='images/policy_plastics_off.gif';
	document.getElementById('icon6').src='images/policy_paper_off.gif';
	document.getElementById('icon7').src='images/policy_noise_off.gif';
	document.getElementById('icon8').src='images/policy_renewable_off.gif';	
}
function change(icon) {
	switch (icon) {
		case 1: resetIcons(); document.getElementById('icon1').src="images/policy_computer_on.gif"; break;
		case 2: resetIcons(); document.getElementById('icon2').src='images/policy_print_on.gif'; break;
		case 3: resetIcons(); document.getElementById('icon3').src='images/policy_ink_on.gif'; break;
		case 4: resetIcons(); document.getElementById('icon4').src='images/policy_inktins_on.gif'; break;
		case 5: resetIcons(); document.getElementById('icon5').src='images/policy_plastics_on.gif'; break;
		case 6: resetIcons(); document.getElementById('icon6').src='images/policy_paper_on.gif'; break;
		case 7: resetIcons(); document.getElementById('icon7').src='images/policy_noise_on.gif'; break;
		case 8: resetIcons(); document.getElementById('icon8').src='images/policy_renewable_on.gif'; break;
	}
}