window.onload = init;

function init() {
	var tn1 = document.getElementById('tn1');
	var tn2 = document.getElementById('tn2');
	var tn3 = document.getElementById('tn3');
	var tn4 = document.getElementById('tn4');
	var tn5 = document.getElementById('tn5');



	
	var pageid = document.getElementsByTagName('body');
	
	tn1.onmouseover = function() {
		tn1.src = "graphix/services-roll.png";
	}
	tn1.onmouseout = function() {
		tn1.src = "graphix/services.png";
	}
	
	tn2.onmouseover = function() {
		tn2.src = "graphix/showroom-roll.png";
	}
	tn2.onmouseout = function() {
		tn2.src = "graphix/showroom.png";
	}
	
	tn3.onmouseover = function() {
		tn3.src = "graphix/studio-roll.png";
	}
	tn3.onmouseout = function() {
		tn3.src = "graphix/studio.png";
	}
	
	tn4.onmouseover = function() {
		tn4.src = "graphix/sustain-roll.png";
	}
	tn4.onmouseout = function() {
		tn4.src = "graphix/sustain.png";
	}
		
	tn5.onmouseover = function() {
		tn5.src = "graphix/company-roll.png";
	}
	tn5.onmouseout = function() {
		tn5.src = "graphix/company.png";
	}
	



/***********************Services Leftnav JS******************************/
	var sl1 = document.getElementById('sl1');
	var sl2 = document.getElementById('sl2');
	var sl3 = document.getElementById('sl3');
	var sl4 = document.getElementById('sl4');
	
	var sl5 = document.getElementById('sl5');
	var sl6 = document.getElementById('sl6');
	var sl7 = document.getElementById('sl7');
	var sl8 = document.getElementById('sl8');
	
	var sl9 = document.getElementById('sl9');
	var sl10 = document.getElementById('sl10');
	var sl11 = document.getElementById('sl11');
	var sl12 = document.getElementById('sl12');
	
	var sl13 = document.getElementById('sl13');
	var sl14 = document.getElementById('sl14');
	var sl15 = document.getElementById('sl15');
	var sl16 = document.getElementById('sl16');
	
	var sl17 = document.getElementById('sl17');
	var sl18 = document.getElementById('sl18');
	var sl19 = document.getElementById('sl19');
	var sl20 = document.getElementById('sl20');
	
	sl1.onmouseover = function() {
		sl1.src = "graphix/sn-1-on.jpg";
	}
	sl1.onmouseout = function() {
		sl1.src = "graphix/sn-1.jpg";
	}
	
	sl2.onmouseover = function() {
		sl2.src = "graphix/sn-2-on.jpg";
	}
	sl2.onmouseout = function() {
		sl2.src = "graphix/sn-2.jpg";
	}
	
	sl3.onmouseover = function() {
		sl3.src = "graphix/sn-3-on.jpg";
	}
	sl3.onmouseout = function() {
		sl3.src = "graphix/sn-3.jpg";
	}
	
	sl4.onmouseover = function() {
		sl4.src = "graphix/sn-4-on.jpg";
	}
	sl4.onmouseout = function() {
		sl4.src = "graphix/sn-4.jpg";
	}
	
	sl5.onmouseover = function() {
		sl5.src = "graphix/sn-5-on.jpg";
	}
	sl5.onmouseout = function() {
		sl5.src = "graphix/sn-5.jpg";
	}
	
	sl6.onmouseover = function() {
		sl6.src = "graphix/sn-6-on.jpg";
	}
	sl6.onmouseout = function() {
		sl6.src = "graphix/sn-6.jpg";
	}
	
	sl7.onmouseover = function() {
		sl7.src = "graphix/sn-7-on.jpg";
	}
	sl7.onmouseout = function() {
		sl7.src = "graphix/sn-7.jpg";
	}
	
	sl8.onmouseover = function() {
		sl8.src = "graphix/sn-8-on.jpg";
	}
	sl8.onmouseout = function() {
		sl8.src = "graphix/sn-8.jpg";
	}
	
	sl9.onmouseover = function() {
		sl9.src = "graphix/sn-9-on.jpg";
	}
	sl9.onmouseout = function() {
		sl9.src = "graphix/sn-9.jpg";
	}
	
	sl10.onmouseover = function() {
		sl10.src = "graphix/sn-10-on.jpg";
	}
	sl10.onmouseout = function() {
		sl10.src = "graphix/sn-10.jpg";
	}
	
	sl11.onmouseover = function() {
		sl11.src = "graphix/sn-11-on.jpg";
	}
	sl11.onmouseout = function() {
		sl11.src = "graphix/sn-11.jpg";
	}
	
	sl12.onmouseover = function() {
		sl12.src = "graphix/sn-12-on.jpg";
	}
	sl12.onmouseout = function() {
		sl12.src = "graphix/sn-12.jpg";
	}
	
	sl13.onmouseover = function() {
		sl13.src = "graphix/sn-13-on.jpg";
	}
	sl13.onmouseout = function() {
		sl13.src = "graphix/sn-13.jpg";
	}
	
	sl14.onmouseover = function() {
		sl14.src = "graphix/sn-14-on.jpg";
	}
	sl14.onmouseout = function() {
		sl14.src = "graphix/sn-14.jpg";
	}
	
	sl15.onmouseover = function() {
		sl15.src = "graphix/sn-15-on.jpg";
	}
	sl15.onmouseout = function() {
		sl15.src = "graphix/sn-15.jpg";
	}
	
	sl16.onmouseover = function() {
		sl16.src = "graphix/sn-16-on.jpg";
	}
	sl16.onmouseout = function() {
		sl16.src = "graphix/sn-16.jpg";
	}
	
	sl17.onmouseover = function() {
		sl17.src = "graphix/sn-17-on.jpg";
	}
	sl17.onmouseout = function() {
		sl17.src = "graphix/sn-17.jpg";
	}
	
	sl18.onmouseover = function() {
		sl18.src = "graphix/sn-18-on.jpg";
	}
	sl18.onmouseout = function() {
		sl18.src = "graphix/sn-18.jpg";
	}
	
	sl19.onmouseover = function() {
		sl19.src = "graphix/sn-19-on.jpg";
	}
	sl19.onmouseout = function() {
		sl19.src = "graphix/sn-19.jpg";
	}
	
	sl20.onmouseover = function() {
		sl20.src = "graphix/sn-20-on.jpg";
	}
	sl20.onmouseout = function() {
		sl20.src = "graphix/sn-20.jpg";
	}


}